/*  
Theme Name: SilentBits SG/Dark Mod
Theme URI: http://silentbits.com/2006/09/29/silentbits-sgdark-mod/
Description: Very unique non blog theme. More on SilentBits.com
Version: 1.0
Author: CoXis
Author URI: http://silentbits.com
*/


/* Overall */
body{margin:0; background-color:#F2EBB2; font-family:Verdana,Arial,Helvetica,sans-serif,Georgia}
form{display:inline; margin:0; padding:0}
a:link, a:visited{text-decoration:none; color:#F30}
a:hover{color:#402B0C}
.content{position:relative; width:900px; left:50%; margin-left:-450px}

/* Top menu */
#menucontainer{position:relative; width:100%; background-image:url(pic/menubg.jpg); height:210px}
#menucontainer ul{list-style:none; margin:0; padding:0}
#menucontainer ul li{display:block; position:relative; float:left}
#menucontainer ul li a:link, #menucontainer ul li a:visited{display:block; position:relative; float:left; padding:160px 30px 20px 30px; font-size:11px; line-height:10px; letter-spacing:1px; color:#ECECEC; font-weight:bold}
#menucontainer ul li a:hover{background-image:url(pic/menubghover.jpg); padding:160px 29px 20px 29px; border-left:1px solid #402B0C; border-right:1px solid #402B0C; border-bottom:3px solid #402B0C; color:#414247}
#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited{background-image:url(pic/menubghover.jpg); border-bottom:3px solid #402B0C; color:#414247}
#menucontainer ul .current_page_item a:hover{border-left:0; border-right:0; padding:160px 30px 20px 30px; color:#414247}

/* Main content */
#maincontainer{position:relative; width:100%; background-color:#F2EBB2}
#postone{position:relative; width:380px; float:left; margin:20px 0 20px 30px;}
#posttwo{position:relative; width:380px; float:right; margin:20px 30px 20px 0;}
#pagepost{position:relative; float:left; width:840px; margin:20px 0 20px 30px; color:#545559}
#pagepost1{position:relative; float:left; width:500px; left:50%; margin:20px 0 20px -250px}
#postone img, #posttwo img, #pagepost img{border:0px solid #8C4C1B; display:block; margin:20px 0 20px 0px; padding:5px}
#maincontainer h2{color:#F30; text-transform:uppercase; font-size:20px; margin:0 0 5px 0; letter-spacing:5px; font-weight:bold}
#maincontainer .post p{margin:0 0 20px 0}
#maincontainer .post em{color:#545559; font-size:12px; line-height:20px}
#maincontainer .post p, #maincontainer .post ul, #maincontainer .post ol{color:#545559; font-size:12px; line-height:20px}
#maincontainer .post blockquote{font-style:italic; border-left:3px solid #F30; margin-left:27px; padding-left:10px}
#maincontainer .post .postdata{color:#545559; font-size:10px; margin:-10px 0 0 0}
#maincontainer .post h1{color:#F30; text-transform:uppercase; font-size:15px; margin:0 0 5px 0; letter-spacing:3px; font-weight:normal}
#maincontainer .post h2{color:#F30; text-transform:uppercase; font-size:13px; margin:0 0 5px 0; letter-spacing:3px; font-weight:normal}
#maincontainer .post h3{color:#FFF7E4; text-transform:uppercase; font-size:11px; margin:0 0 5px 0; letter-spacing:3px; font-weight:normal}

/* Comments */
.commentodd{background-color:#B6A877; border-left:2px solid #F30; margin:3px 0}
.commenteven{background-color:#E2B96B; border-left:2px solid #F30}
.commentodd, .commenteven{position:relative; width:380px}
.commentcontent{padding:5px 15px 5px 15px}
.commentcontent p{font-size:11px; line-height:17px; color:#FFF7E4}
.commentcontent .commentinfo{color:#FFF7E4}
.commentcontent blockquote{font-style:italic; border-left:3px solid #F30; margin-left:17px; padding-left:10px}
.commentcontent ul, .commentcontent ol{margin-left:15px}
#comment{width:380px}

/* Bottom content */
#bottomcontainer{position:relative; clear:both; float:left; width:100%; background-image:url(pic/bottombg.jpg); background-repeat:repeat-x; background-color:#402B0C}
#bottomcontainer .content{padding-top:60px}
#bottomcontainer h2{color:#F30; text-transform:uppercase; font-size:15px; margin:0 0 5px 0; letter-spacing:3px; font-weight:bold}
#bottomcontainer ul{list-style:none; margin:0 0 30px 0; padding:0; border-bottom:3px solid #F2EBB2}
#bottomcontainer ul li{background-image:url(icons/bullet_white.png); background-repeat:no-repeat; background-position:left center; display:block; position:relative; font-size:11px; letter-spacing:1px; line-height:20px; padding:0 0 0 20px; border-bottom:1px solid #8C4C1B; color:#FFF7E4}
#bottomcontainer ul li a:link, #bottomcontainer ul li a:visited{color:#FFF7E4; text-decoration:none}
#bottomcontainer ul li a:hover{background-color:#F2EBB2; color:#402B0C; text-decoration:none}
#column1{position:relative; float:left; width:280px}
#column1 img{border:0}
#column2{position:relative; float:left; margin-left:30px; width:280px}
#column3{position:relative; float:right; width:280px}
.bottomsmallright a:link, .bottomsmallright a:visited, .bottomsmallleft a:link, .bottomsmallleft a:visited{color:#EEE}
.bottomsmallright a:hover, .bottomsmallleft a:hover{color:#414247}
.bottomsmallright{height:25px; font-size:12px; text-align:right; margin-right:20px; line-height:25px; padding-bottom:30px}
.bottomsmallleft{height:25px; font-size:12px; text-align:left; margin-left:10px; line-height:25px; padding-bottom:30px}
.bottomsmallcenter{height:20px; font-size:12px; text-align:center; line-height:25px}
.bottomsmallcenter{padding-bottom:30px}
html>body .bottomsmallcenter{padding-bottom:35px}
#s{background-color:#F2EBB2; color:#8C4C1B; border:0; text-align:center; height:20px}
#ssubmit{height:20px; width:60px; vertical-align:middle}

/* Footer */
#footer{position:relative; clear:both; width:100%; padding:30px 0 5px 0; height:30px; background-color:#402B0C; background-position: bottom center; background-image:url(); background-repeat:no-repeat;}
#footer p{color:#F2EBB2; font-size:11px; line-height:30px; text-align:center; margin:0}
#footer img{border:0}
#footer a:link, #footer a:visited{color:#F2EBB2; border-bottom: 1px solid #FF3300}
#footer a:hover{color:#FF3300}
#postone input{width:380px}
#postone #mailsubmit{width:100px}
#postone textarea{width:380px; height:100px}

a#skip{font-size:12px; margin:3px 0; padding:0 0 0 20px; display:block; background:url(icons/control_eject.png) no-repeat; height:16px; color:#FFF7E4}
a#skip:link, a#skip:visited{font-size:12px; height:16px; color:#FFF7E4}
a#skip:hover, a#skip:focus, a#skip:active{font-size:12px; height:16px; color:#FFF7E4}
.new{height:58px; background:URL('/silentbits/new1.png') top right no-repeat}
#flickr ul, #flickr ul li{padding:0; margin:0; border:0}
#flickr a img{border:1px #ccc solid; padding:3px; margin:5px 3px 0px}
#flickr a:hover img{border:1px #999 solid}
.bits{font-size:11px; color:#FFF7E4; margin:0; padding:0px}
.bits a{background-image:url(icons/medal_gold_3.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 20px; margin:0; display:block; font-size:11px; color:#FFF7E4; text-decoration:none}
.bits a:hover{color:#8C4C1B; text-decoration:none; background-color:#F2EBB2}
.bits a:active{color:#8C4C1B; text-decoration:none}
.bits #active a{color:#8C4C1B; text-decoration:none}
.bits #active a:hover{text-decoration:underline}
#rss{margin:3px 0; padding:0 0 0 20px; display:block; background:url(icons/rss.png) no-repeat; height:16px; color:#FFF7E4}
#archives{margin:3px 0; padding:0 0 0 20px; display:block; background:url(icons/color_swatch.png) no-repeat; height:16px; color:#FFF7E4}
.dd a{color:#771C18; font-size:10px; text-transform:uppercase; padding:0 0 0 20px; background:url(icons/bullet_feed.png) no-repeat; background-position:left center; height:16px}
.links a{padding:0 0 0 18px; background:url(icons/bullet_toggle_plus.png) no-repeat; background-position:left center; height:16px}
.links a:hover{color:#8C4C1B; padding:0 0 0 18px; background:url(icons/bullet_toggle_minus.png) no-repeat; background-position:left center; height:16px}
.utwtags{border-top:2px dotted #8C4C1B; padding:10px 5px 20px; font-size:85%; font-variant:small-caps; color:#402B0C}
.utwtags a{font-size:85%; font-variant:small-caps; color:#402B0C}
.utwtags a:hover{font-size:85%; font-variant:small-caps; color:#8C4C1B}
.utwrelposts a{text-decoration:none; list-style:none}
.cat{margin:5px 0; padding:0 0 0 20px; display:block; background:url(icons/house.png) no-repeat; background-position:left center; height:16px; position:relative}
.com{margin:5px 0; padding:0 0 0 20px; display:block; background:url(icons/comment.png) no-repeat; background-position:left center; height:16px; position:relative}
.rec{margin:5px 0; padding:0 0 0 20px; display:block; background:url(icons/page_copy.png) no-repeat; background-position:left center; height:16px; position:relative}
.bit{margin:5px 0; padding:0 0 0 20px; display:block; background:url(icons/rosette.png) no-repeat; background-position:left center; height:16px; position:relative}
.rco{margin:5px 0; padding:0 0 0 20px; display:block; background:url(icons/comments.png) no-repeat; background-position:left center; height:16px; position:relative}
#teb-super-archive{margin-left:10px; text-decoration:none; list-style:none}
#teb-super-archive ul{padding:0; text-decoration:none; list-style:none}
#teb-super-archive ul li{text-align:left; padding:1px 8px; text-decoration:none; list-style:none}
#teb-super-archive ul li:hover{background:#f3f3f3; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:0; padding-bottom:0}
html>body .post #teb-super-archive ul li{text-indent:0; margin:0}
.post #teb-super-archive ul li:before{content:""}
#teb-super-archive-year{float:left; width:100px; margin:0; padding:0; text-decoration:none; list-style:none}
#teb-super-archive-year li{position:relative; font-weight:bold; text-decoration:none; list-style:none}
#teb-super-archive-month{float:left; width:100px; margin:0; border-left:1px solid #ccc; font-weight:bold; text-decoration:none; list-style:none}
#teb-super-archive-month li{position:relative; text-decoration:none; list-style:none}
#teb-super-archive-post{float:left; width:285px; margin:0; border-left:1px solid #ccc; border-right:1px solid #ccc}
#teb-super-archive-post  li{position:relative; font-weight:bold}
#teb-super-archive ul li span{position:absolute; right:8px; font-weight:normal; color:#aaa}
#teb-super-archive .selected, #teb-super-archive-post li:hover{background:#FFF6BF; border-top:1px solid #FFD324; border-bottom:1px solid #FFD324; padding-top:0; padding-bottom:0}
.Logo{background-image:url(pic/Logo.png); float:right; height:100px; width:350px; position:absolute; top:60px; right:5px; z-index:100}
.lina{solid #ccc; padding:5px; margin:0; text-align:justify; background:#FBD84C; border-left:2px solid #F30}
.postspermonth {margin: 5px 0 10px 0; list-style: none; padding-left: 25px;}

.wp-notable {
		list-style:none;
        border: 1px solid white;
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
        padding-top: 9px;
}


.wp-notable:hover {
        border: 1px solid red;
}