/*
Theme Name: Blank Theme
URI: the-theme's-homepage
Description: a-brief-description
Author: eAnka Design
Author URI: http://www.eankadesign.com
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/
/* RESET */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
body { line-height: 1em; background: transparent; color: inherit; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
center,*[align] { text-align:inherit; }
tr,th,td { width:auto; height:auto; vertical-align:inherit; }
nobr { white-space:normal; }
marquee { overflow:visible; }
blink { text-decoration:none; }

/* MAIN LAYOUT */
html, body {height:100%}
body { text-align: center; background: #f2f2f2 url('../images/body_bg.gif') repeat-x 0 60px;}
div#outer {width: 812px; margin-left: auto; margin-right: auto; min-height: 100%; margin-bottom: -70px; text-align: left; background: url('../images/outer_bg.gif') repeat-y;}
div#header { height: 236px; background: url('../images/header_bg.jpg') no-repeat top center;}
div#footer {width: 812px; height: 45px; padding-top: 25px; margin-left: auto; margin-right: auto; clear: both; background: #f2f2f2 url('../images/footer_bg.gif') no-repeat top center; color: #999; font-size: 11px;}
div#clearfooter {width: 100%; height: 70px; clear: both;}
div#content { float: left;  position: relative;  width: 555px; padding: 15px; margin-top: -12px;}
div#rightsidebar { float: right;  position: relative; width: 195px; margin-top: -12px;}
div.centered { width: 780px; margin-left: auto; margin-right: auto;}

/* COMMON CLASSES */
.alignright { float: right; } img.alignleft { margin:4px 10px 4px 0; }
.alignleft { float: left; } img.alignright { margin:4px 0 4px 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.align-center { text-align:center;}
.hidden { display: none; }
.clear { clear: both; }
.clearer {clear: both; height: 1px; overflow: hidden; margin-top: -1px; }
.warning { background:#ffc; }
.small {font-size: 11px;}
/* COLORS 

#outer {background: #fee;}
.centered {background: #aef;}
#header {background: #ffa;}
#footer {background: #faf;}
#content {background: #9fa;}
#leftsidebar {background: #fab;}
#rightsidebar {background: #bfa;}

/* GENERAL TYPOGRAPHY*/

body { font-family: arial, sans-serif; color: #000; font-size: 12px; line-height: 1.5em;} /*update line-height*/
strong, th, thead td, dt, b { font-weight: bold; }
cite, em, dfn, address, i, dd, blockquote { font-style: italic; }
code, kbd, samp, pre, tt, var { font-family: courier, mono-spaced; }
del { text-decoration: line-through; color: #666;}
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 0.8em; line-height: 18px;} /*update line-height*/
big {font-size: 1.2em;}
abbr, acronym { text-transform: uppercase;}
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super;}
sub { vertical-align: sub; }
s, strike { text-decoration: line-through;}
q {	quotes:"\201C""\201D""\2018""\2019"; }
u {border-bottom: solid 1px;}

/* BLOCKS */
p, blockquote, ul, ol, dl, table, address, form {
  line-height: 1.5em;
  margin-bottom: 0.75em;}
  
blockquote { padding: 0.75em 2em;
  border: solid 1px #ccc;
  margin: 8px 0 7px;} /*update margins and padding to compensate border*/
  
p.userinfo {color: #999; font-size: 11px; margin: 27px 0 0 15px; height: 23px;}

div.post div.meta {font-size: 11px; color: #888; margin-bottom: 10px;}

div.post {clear: both; margin-bottom: 2em;}

p.welcome {background: url('../images/welcome_bg.gif') repeat-x; border: solid 1px #ccc; padding: 15px; font: normal 20px georgia; color: #f00; text-align: center; min-height: 150px;}

div.msg, div#msg {background: #ffd; border: solid 1px #ff0; padding: 1em; margin-bottom: 1em;}

div#login_msg {background: #ffd; border: solid 1px #ff0; padding: 10px; width: 350px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

p#pagination {float: right; font-size: 13px;}
p#pagination div, p#pagination span {padding: 2px 3px; margin: 0 4px; }
p#pagination span {font-weight: bold; border: solid 1px #f00;}

#content img {margin: 10px;}

#content img[align="left"] {margin-left: 0;}
#content img[align="right"] {margin-right: 0;}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 1em; }

#content h1 {font-size: 18px; margin: 0.5em 0;}
#content h2 {font-size: 16px; margin: 0.5em 0;}
#content h3 {font-size: 15px; margin: 0.5em 0;}
#content h4 {font-size: 14px; margin: 0.5em 0;}
#content h5 {font-size: 13px; margin: 0.5em 0;}
#content h6 {font-size: 12px; margin: 0.5em 0;}

.subtitle {position: relative; top: -0.4em; font-variant: small-caps; font-size: 0.8em; color: #555;}

#rightsidebar .box h1 {font: bold 16px georgia; padding: 10px 15px; margin: 0; color: #fff; background: #acacac url('../images/side_h1_bg.gif') repeat-x bottom; border: solid 1px #919191;}

#content h1.title {font: bold 16px georgia; padding: 10px 15px; margin: 0; color: #fff; background: #acacac url('../images/side_h1_bg.gif') repeat-x bottom; border: solid 1px #919191;}

#content div.post h2 {border-bottom: solid 1px #ddd; font-size: 14px; text-transform: uppercase; line-height: 1.2em; padding-bottom: 3px; margin: 0;}
/* LINKS */

a {color: #f00; text-decoration: underline;}
a:hover {color: #900;}
a:active {color: #f60;}

a.flag {margin: 27px 15px 0 0;}
a#logo {clear: both; display: block; width: 100%; height: 48px; padding: 20px 0 5px 15px;}
ul#topmenu li a {color: #fff; text-decoration: none; font-weight: bold; font-size: 0.95em; display: inline-block; padding: 8px 10px;}
ul#topmenu li a:hover {background: url('../images/menu_hover.gif') repeat-x;}
#rightsidebar a { font-weight: bold; color: #555; text-decoration: none;}
#rightsidebar h1 a {color: #fff;}
#rightsidebar a:hover {color: #f00;}
#footer a {color: #666;}
#footer a:hover {color: #f00;}

a.readmore {font-weight: bold;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}

p#pagination a {text-decoration: none; font-weight: bold;}

/* GALERIE */
div#galleries a {display: block; width: 175px; margin-bottom: 10px; text-decoration: none; font-weight: bold; text-transform: uppercase;}
div#galleries a.alignleft {margin-right: 15px; }
div#galleries a span { display:table-cell; width:175px; height:175px; line-height:175px; text-align:center; vertical-align:middle;  background: #eee;}
div#galleries a:hover span { background: #ccc;}

/* LISTS */

ul ul, ol ul, ol ol, ul ol {margin-bottom: 0;} /* remove bottom margin for nested lists*/

#content ul {list-style-type: disc; list-style-position: outside;}
#content ul li, #content ol li  { text-indent: 0em; margin-left: 1.5em; }
#content ol {list-style-type: decimal; list-style-position: outside;}

#content ul ul {list-style-type: circle;}
#content ol ol {list-style-type: upper-alpha;}
#content ol ol ol {list-style-type: lower-alpha;}

#content ul.ui-tabs-nav {list-style-type: none;}

#content ul#page_list li,
#content ul#news_list li
{list-style-type: none; border-bottom: solid 1px #ccc; padding: 3px 10px; margin:0 0 5px; background: #f5f5f5;}

ul#topmenu {margin: 66px 0 0 0; }
ul#topmenu li {float: left;  padding-right: 1px; background: url('../images/spacer.gif') no-repeat right center;}

#rightsidebar ul {padding: 15px; margin: 0;}
#rightsidebar ul li {margin: 0; padding: 2px 0; border-bottom: solid 1px #ccc;}

ul#sortable li.section {background: #fee; border: solid 1px #faa; padding: 4px;}
ul#sortable li {background: #f5f5f5; border-bottom: solid 1px #ccc; margin: 0 0 5px; padding: 3px 10px; list-style-type: none;}

ul#links li {list-style-type: none; margin: 0 0 5px 10px; font-weight: bold;}
ul#links li.section {font-size: 14px; background: #e5e5e5; padding: 5px 10px; border-bottom: solid 1px #ccc; margin: 10px 0 5px 0;}
/* TABLES */
caption {font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em;}
table {table-layout: auto; width: 100%;}
th, td {padding: 0.25em; border: solid 1px #ccc; vertical-align: top;}
th {font-weight: bold; background: #f5f5f5;}
/* FORMS */

form div {clear: both; margin-bottom: 10px;}
fieldset {padding: 15px 15px 5px; border: solid 1px #ccc; margin-bottom: 10px;}
.ui-tabs fieldset {border: none; padding: 5px 0;}
legend {padding: 0 1em; color: #f00; font-size: 14px; font-weight: bold;}
label {color: #888; display: block; width: 130px; float: left; clear: both; text-align: right; margin: 0 10px 10px 0; }
label.after {clear: none; margin-left: 10px; display: inline; width: auto;}
input, select, textarea { vertical-align: top; border: solid 1px #ccc; float: right; width: 406px; }
.ui-tabs input, .ui-tabs select, .ui-tabs textarea {width: 360px;}
input.short {width: auto; float: left; margin-left: 150px;}
fieldset input, fieldset select, fieldset textarea {width: 375px;}
#content input.sendbutton {width: auto; padding: 2px 15px; background: #fff; border-color: #f00; color: #f00; font-weight: bold; margin-bottom: 10px;}
select {padding: .1em .1em 0 .2em; }
option {padding-right: 0.7em;}
p.form_info {clear: both; margin-left: 150px; font-size: 11px; color: #888;}

form.modal label {display: inline; margin: 0; width: auto; text-align: left;}
form.modal input, form.modal select {width: 100%;}

form.modal label.hidden {display: none;}

div#form_msg {background: #fee; border: solid 1px #fcc; padding: 5px; text-align: left;}

input.error {border: solid 1px #f00;}

form#searchbar {clear: both; background: #f5f5f5; border-bottom: solid 1px #ccc; padding: 8px;}
form#searchbar div {margin: 0;}
form#searchbar input {float: left; width: 420px; padding: 3px; color: #888;}
form#searchbar input.sendbutton {float: right; width: 100px; margin-bottom: 0; border-color: #ccc; color: #666; text-transform: uppercase;}
form#searchbar div#magnifier {width: 28px; height: 28px; background: url('../images/magnifier.png'); float: left; position: relative; margin: -30px 0 0 400px;}

form#login_form {background: #eee; border: solid 1px #ccc; width: 350px; padding: 20px 10px; margin-left: auto; margin-right: auto;}
form#login_form.modal {background: #fff; border: none; width: 350px; padding: 0; margin-left: auto; margin-right: auto;}
form#login_form label {width: 70px;}
form#login_form input {width: 268px;}