/*
Theme Name: Sodium
Theme URI: http://semlabs.co.uk/jounral/free-fluid-wordpress-themes
Description: sdf
Version: 0.2
Author: David
Author URI: http://semlabs.co.uk/
Tags: dark, two-columns, flexible-width

The CSS, XHTML and design is released under GPL.
http://www.opensource.org/licenses/gpl-license.php
*/

* { margin: 0; padding: 0; border-width: 0; font-size: 10px; }
* * { font-size: 1em; }
body { background-color: #000000; }
hr { height: 1px; margin: 2em 0 1.5em 0; background: #323232; border-width: 0; }
pre { white-space: pre-wrap; }

/*FORMS*/
fieldset { margin-top: 2em; background: #fff; border: 1px solid #afadaf; }
form p { margin: .5em 0 .5em 0; }

/*
input { padding: .4em; background: #fff url(images/input_bg.gif) bottom repeat-x; border: 1px solid #b0b5bd; border-bottom: 1px solid #757a82; font: 1.2em georgia; color: #222; }
input:focus { border-top: 1px solid #757a82; border-bottom: 1px solid #b0b5bd; font-weight: bold; }
input.button { float: none !important; width: 100% !important; margin: 0 !important; padding: .5em; background: #fff url(images/button_bg.gif) bottom repeat-x; border: 1px solid #fff; font: 1.2em verdana; font-weight: bold; text-align: center; color: #222; cursor: pointer; }
input.button:hover { background: #fff url(images/button_bg_hover.gif) top repeat-x; }
*/
input { float: none !important; width: 97%; margin-top: 0 !important; padding: .6em; background-color: #101010; border: 1px solid; border-color: #6B3F06 #3A1C04 #3A1C04 #6B3F06 ; font: 1.2em georgia; color: #ddd; }
input:focus { background-color: #202020; }
input.button {  }
input.button:hover { background-color: #181818; }

label { margin-left: 1em; font: 1em verdana; font-weight: bold; color: #7c7c7c; }
legend { margin-left: 1em; padding: .3em .3em .3em .3em; background: #efedef; border: 1px solid #afadaf; font: 1.1em georgia, Sans; font-weight: bold; color: #7e7e7e; }
option { padding: 0 .5em 0 .5em; }
select { border: 1px solid #b0b5bd; }
textarea { width: 97%; margin-top: .5em; padding: .6em; background-color: #101010; border: 1px solid; border-color: #6B3F06 #3A1C04 #3A1C04 #6B3F06 ; font: 1.2em georgia; color: #ddd; }
textarea:focus { background-color: #202020; }

form.h input { width: 16em;  }
form.h .button_wrapper { margin-top: 1em; margin-bottom: 1em; }

/*TABLES*/
table { width: 100%; margin: .8em 0 .8em 0; background: #111; border-spacing: 1px; font: 1em georgia, Sans; font-weight: bold; }
tr { background: #111; }
td, th { padding: .5em .5em .4em .5em; }
th { background: #555 no-repeat 0 center; border: 0; font: 1em georgia, Sans; font-weight: bold; text-align: center; color: #fff; }
td { background: #000; border: 0; }
table input { width: 15em; }

th.table-sortable	{ background-image: url('images/sort-none.gif'); }
th.table-sorted-desc{ background-image: url('images/sort-desc.gif'); }
th.table-sorted-asc	{ background-image: url('images/sort-asc.gif'); }




/*LAYOUT*/
#container { width: 900px; margin-right: auto; margin-left: auto; padding: 0; }
#scene { position: relative; width: 900px; height: 230px; margin: 6px 0 12px 0; border: 0px none; }
#scene img { width: 900px; height: 210px; }
#scene h1 { position: absolute; top: .7em; left: 1em; font: 4.8em georgia; }
#scene h1 a { text-decoration: none; color: #fff; }
#scene h1 a:hover { color: #ddd; }
#scene h2 { position: absolute; top: 5.4em; left: 3.1em; font: 1.6em georgia; font-weight: bold; color: #fff; }

#scale_area { position: absolute; bottom: 3px; left: 7px; width: 168px; height: 13px; background-image: url('images/fontsize_lower.gif'); }
#scale_knob { width: 39px; height: 13px; cursor: pointer; background-image: url('images/fontslider.gif'); }
#scene .menu		{ position: absolute; right: 7px; bottom: 0; }
#scene .menu li		{ float: left; margin: 0; padding: 0; border: 0; list-style-type: none; }
#scene .menu li a	{ display: block; margin: 0; padding:0 15px 0 15px; font-size: 12px; font-family: georgia, Arial; font-weight: normal text-align: center; text-decoration: none; color: #FFA515; text-transform: lowercase; }
#scene .menu li a:hover { color: #F2BF6D; text-decoration: underline; }

/* SON OF SUCKERFISH */
#scene .menu , #scene .menu ul { z-index:900; }
#scene .menu li ul { position: absolute; left: -999em; width: 13em; z-index: 901; background: #121211 repeat-x 0px -8px; background-image: url('images/suckerbg.gif'); border: solid #6B3F06; border-width: 0 1px 1px 1px; }
#scene .menu li ul li { width: 13em; font-size: 10px; color: #F2BF6D; padding: 2px 0 8px; background-color: transparent; }
#scene .menu li ul li.expl { color: #F2BF6D; padding: 2px 0; text-align: center; }
#scene .menu li:hover ul, #scene .menu li.sfhover ul { left: auto; }


#content {  }

/* #col_left { float: left; width: 650px; height: 100%; background: #fff; }*/
#col_left { float: left; width: 650px; height: 100%; }
/* #col_left .inner { padding: 15px; } */
#col_left .inner { padding: 0; }
.pagetitle { margin-bottom: 1em; font: 2.2em georgia; line-height: 2em; font-weight: bold; color: #FFA515; }
.post .meta { padding-bottom: .1em; }

.date { float: left; width: 70px; }
/*.date .month { width: 70px; height: 1.2em; background: #dc7b5e url(images/date_month.gif) right repeat-y; border: 1px solid #a75043; font: 10px tahoma; font-weight: bold; text-align: center; color: #fff; } */
.date .month { width: 70px; height: 1.2em; background: #be3600 right repeat-y; background-image: url(images/date_month2.gif); border: 1px solid #8c3114; font: 10px tahoma; font-weight: bold; text-align: center; color: #fff; }
.date .day { width: 70px; height: 1.8em; background: #fcfdfc url(images/date_day.gif) bottom right no-repeat; border: 1px solid #c6c6c6; border-top-width: 0; font: 20px verdana; line-height: 36px; font-weight: bold; text-align: center; color: #947e7a; }
.meta a.title, .meta h1 { float: left; padding-left: 20px; font: 2.0em georgia; line-height: 52px; font-weight: bold; text-decoration: none; color: #FFA515; }
.meta a.title:hover { color: #F2BF6D; }

h1.fakemeta { font: 2.0em georgia; line-height: 52px; font-weight: bold; text-decoration: none; color: #FFA515; }
.more-link { color: red !important; }

/* .body { font: 1.2em georgia; line-height: 1.5em; color: #F2BF6D; } */
.body { font: 1.2em georgia; line-height: 1.8em; color: #F2BF6D; }
.body a { color: #FFA515; }
.body a:hover { color: #F2BF6D; }
.body blockquote { margin: 0 1em 0 2em; padding: 0 1.2em; background: transparent; border: 1px solid #1e1200; font: 1em georgia, Sans; line-height:1.5em; }
.body code { margin: 0 1em 0 2em; padding: 0 1.2em; background: transparent; border: 1px solid #1e1200; font: 1em Courier New, Courier, monospace; display: block}
.body h1 { font: 1.4em georgia; line-height: 2em; font-weight: bold; color: #6480a8; }
.body h2 { font: 1.2em georgia; line-height: 2em; font-weight: bold; color: #FFA515; }
.body h3 { font: 1em georgia; line-height: 2em; font-weight: bold; color: #6b3f06; }
.body p { margin: 1.2em 1em 1.2em 0; text-align: justify; }
.body p.image { margin: 0 1em 1.2em 2em; text-align: right; float: right; font-size: 0.8em; }
.body ol, .body ul { margin: .6em 1em .6em 2em; }
.body li { list-style-position: outside; font: 1em georgia; line-height: 1.5em; padding: 0 0 0.5em 0; }
.body small { font-size: 0.8em; }
.body dt { font-size: 1.2em; }
.body dd { padding: 0.5em 0 1em 3em; }

.post { margin-bottom: 20px; padding-bottom: 2px; background: bottom center no-repeat; background-image: url(images/obj_bottom_border.gif); }
.post .footer { margin-bottom: 15px; font: 1.2em georgia; line-height: 2em; font-weight: bold; color: #F2BF6D; }
.post .footer a { color: #FFA515; }
.post .footer a:hover { color: #F2BF6D; }

.postmetadata { padding-top: 1em; }
.comments h2 { margin-bottom: 1em; border-bottom: 1px solid #f0f0f0; font: 1.8em verdana; line-height: 2.2em; color: #656565; }
.commentlist { margin: 1em 1em 1em 0; list-style-position: inside; list-style-type: none; }
.commentlist li { margin-top: .2em; padding: .9em; background: #1a0c01; }
.commentlist li.alt { background: #2b1402; }
.commentlist li .meta { margin-bottom: .8em; padding-bottom: 0; border-bottom-width: 0; }
.commentlist li .meta .avatar { float: left; }
.commentlist li .meta span { float: left; font: 1.3em verdana; font-weight: bold; color: #666; }
.commentlist li .meta .name { margin-left: 1em; }
.commentlist li .meta span a { text-decoration: none; color: #FFA515; }
.commentlist li .meta span.datetime a { font-size: .7em; }
.commentlist li .meta span a:hover { text-decoration: underline; color: #F2BF6D; }
.commentlist li .meta span a:visited { color: #FFA515; }
.commentlist li .meta span small { font: .7em verdana; font-weight: bold; color: #666; }
.commentlist li .meta .datetime { float: right; }
.commentlist li .meta .datetime a { font: .9em verdana; color: #FFA515; }
.commentlist li p { font: 1.2em georgia; line-height: 1.5em; color: #F2BF6D; }
.commentlist li a { font-size: 1em; color: #FFA515; }
.commentlist li a:hover { color: #F2BF6D; }
.commentlist li a:visited { color: #FFA515; }
.navigation { padding-bottom: 1em; }
.navigation a { font: 1.3em verdana; font-weight: bold; text-decoration: none; color: #6b3f06; }
.navigation a:hover { color: #FFA515; }
.commentlist li small { font: 1em verdana; font-weight: bold; color: #666; }

#col_right { float: right; width: 245px; height: 100%; border: solid #6b3f06; border-width: 0 0 0 1px; }

#search_box				{ padding: 5px 0 5px 10px; border: solid #3a1c04; border-width: 0 0 0 1px; text-align: center; }
#search_box form		{ border: 0; padding: 0; margin: 0; position: relative; height: 28px; background: url(images/search_background.gif) left -28px }
#search_box form:hover, #search_box.focused form 
						{ background-position: left -56px }
#search_box #s, #search_box #sb
						{ height: 20px; line-height: 20px; font-size: 14px; font-family: Arial; font-weight: normal; vertical-align: center; padding: 0 !important; margin: 0 !important; border: 0 !important; color: #202020 !important;}
#search_box #s			{ float: left; width: 190px !important; top: -5px; left: 2px; position: relative;  background: black !important; }
#search_box #sb			{ float: right: width: 40px !important; top: 2px; position: relative; height: 24px; }
#search_box form:hover #s, #search_box.focused form #s
						{ background: #121212 !important; color: #e0e0e0 !important;}

#sidebar { padding: 0 0 20px 10px; border: solid #3a1c04; border-width: 0 0 0 1px; }
#sidebar h2 { font: 18px verdana; line-height: 30px; color: #6b3f06; padding-top: 10px; }
#sidebar #better-tag-cloud h2, #sidebar #calendar h2 { display: none; }
#sidebar ul li { display: block; list-style-type: none; font: 1.1em georgia; line-height: 2em; color: #111; }
#sidebar ul li ul    { border: 0px; border-top: 1px solid #6b3f06; border-bottom: 1px solid #3a1c04; list-style-position: inside; list-style-type: none; }
/* #sidebar ul li ul li { border: 0px; border-top: 1px solid #3a1c04; border-bottom: 1px solid #6b3f06; padding-left: 25px; background: url(images/folder2.gif) left center no-repeat; font-size: 12px; } */
#sidebar ul li ul li { border: 0px; border-top: 1px solid #3a1c04; border-bottom: 1px solid #6b3f06; padding-left: 25px; background: url(images/folder3.gif) left center no-repeat; font-size: 12px; }
#sidebar ul li ul li ul li { margin-left: 1em; }
#sidebar a { display: block; text-decoration: none; color: #6b3f06; }
#sidebar a:hover { color: #FFA515; }
#sidebar .textwidget a { display: inline; }

#sidebar ul li ul.wp-tag-cloud    { border: 0px; border-top: none; border-bottom: none; }
#sidebar ul li ul.wp-tag-cloud li { border: 0px; border-top: none; border-bottom: none; padding: 0 8px 0 0; background: transparent; }

#sidebar ul li ul#twitter_update_list    { border: 0px; border-top: 1px solid #6b3f06; border-bottom: 1px solid #3a1c04; }
#sidebar ul li ul#twitter_update_list li { border: 0px; border-top: 1px solid #3a1c04; border-bottom: 1px solid #6b3f06; padding: 0 8px 0 0; background: transparent; }
#sidebar ul li ul#twitter_update_list li span { color: #6b4a1f; font-style: italic; }

#calendar_wrap				{ background: #BE3600 url(images/date_month2.gif) repeat-y scroll right center; margin: 10px 0 0 0; border: 1px solid #6B3F06; }
#calendar_wrap caption		{ color: white; margin: 0.5em 0; }
#calendar_wrap table		{ margin: 0; padding: 0; border: 1px solid #3A1C04; border-spacing: 0px;}
#calendar_wrap td, #calendar_wrap tr
							{ background: #000000; color: #4c2b04; text-align: center; border: none; cursor: default; }
#calendar_wrap td:hover		{ cursor: default; }
#calendar_wrap td a			{ color: #FFA515; }
#calendar_wrap td a:hover	{ color: #FFA515; }
#calendar_wrap td.pad		{ background-color: #000000; }
#calendar_wrap th			{ border: none; background-color: #3A1C04; cursor: default; }

#footer { padding: 10px 0 10px 0; background: #050505 url(images/footer_bg.gif) bottom repeat-x; }
#footer_left { float: left; width: 645px; }
#footer_right { float: right; width: 245px; }
#footer .header { border-top: 1px solid #464242; border-bottom: 1px solid #464242; }
#footer h2 { margin: .5em 0 .5em 0; font: 1em verdana; line-height: 1.6em; font-weight: bold; color: #fff; }
#footer h3 { margin: .1em 0 .1em 0; padding-left: .5em; background: #202020; font: 1em verdana; line-height: 1.6em; font-weight: bold; color: #fff; }
#footer a { font: 1.1em georgia, Sans; line-height: 2em; text-decoration: none; color: #fff; }
#footer ul li { list-style-type: none; }
#footer ul ul { background: url(images/footer_li_trim.gif) top repeat-x; list-style-position: inside; list-style-type: none; }
#footer ul ul li { background: url(images/footer_li_trim.gif) bottom repeat-x; }
#footer ul ul li a { display: block; padding-left: 2em; background: url(images/bullet.gif) .5em center no-repeat; }
#footer ul ul li:hover { background: #1e1e1e; }
#footer p { margin-top: 1.6em; font: 1.2em georgia, Sans; line-height: 1.5em; color: #fff; }
#footer .credit { text-align: center; font-size: 0.8em; }
#footer .credit a { color: #fff; text-decoration: none; }
#footer .credit a:hover { text-decoration: underline; }

/*WIDTHS*/
.s49 { width: 49%; }

/*CLASSES*/
/* .button_wrapper { width: 15em; border: 1px solid #bfbfbf; } */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/*REQUIRED*/

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: none; text-align: center; background-color: transparent; padding-top: 4px; margin: 0 10px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 0.8em; line-height: 1.1em; padding: 0 4px 5px; margin: 0; text-align: right; }