/*  
Theme Name: SG/Dark
Theme URI: http://theundersigned.net/
Description: Minimalistic two-in-one column theme. Searching and commenting is powered by AJAX made by <a href="http://sevengoslings.net">Seven Goslings</a>, but works as normal if javascript is disabled. Design is made by <a href="http://theundersigned.net">the undersigned</a>. Please report if any bugs is found!
Version: 1.0
Author: The undersigned
Author URI: http://theundersigned.net/

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

/*
nearly black (header bg)
 #0a0a0a 
dark gray (bg)
 #2D2927 
light gray (remarkBox bg)
 #e1e0db 
dark blue (border, headers)
 #5f6a73
dark cyan (links)
 #00b2ed
shine cyan
 #33ccff 
shine pink
 #ff0090 
light yellow (rssBox bg)
#F8F0CE
dark yellow (rssBox borders) 
 #EAD77D
*/


/* Overall */

body{ 
margin:0;
background-color:#111;
font-family:Georgia;
font-size:10px;
}

form {
display:inline;
margin:0;
padding:0;
}

a:link, a:visited {
/*text-decoration:none;
color:#BFD72F;*/
      text-decoration:none;
/*  color:#00b2ed;
    font-weight:bold;*/
}

a:hover, a:focus {
/*color:#ADC32A;*/
/*      color: #33ccff;
    background-color:black;*/
    text-decoration:none;
}

.content {
position:relative;
width:900px;
left:50%;
margin-left:-450px;
}

/* Title */
#title {

}

#title h1 {
      position:absolute;
      top:86px;
      right:0px;
      width:297px;
      height:94px;
    margin:0px;
    padding:0px;
    background-image:url("/css/img/logo2.gif");
    background-repeat:no-repeat;
    background-position:bottom right;
}

#title a {
      width:100%;
    height:0px;
    padding-top:93px;
    display: block; 
    background: none; 
    overflow: hidden; 
    font-size: 1px;     
}

#title a:hover, #title a:focus {
    background: transparent;
}

#title h1 span {
    display:none;
}

/* Top menu */

#menucontainer {
position:relative;
width:100%;
/*background-image:url(pic/menubg.jpg);*/
background-color:#0a0a0a;
background-image:url("/css/img/header.gif");
background-repeat:repeat-x;
background-position:bottom center;
height:180px;
}

#menucontainer ul {
list-style:none;
margin:0;
padding:0;
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-weight:bolder;
}

#menucontainer ul li {
display:block;
position:relative;
float:left;
padding-left:1px;
}

#menucontainer ul li a:link, #menucontainer ul li a:visited {
display:block;
position:relative;
float:left;
padding:140px 30px 20px 30px;
font-size:11px;
line-height:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#33ccff;
text-decoration:none;
}

#menucontainer ul li a:hover {
/*background-image:url(pic/menubghover.jpg);*/
background-color: #444;
padding:140px 30px 20px 30px;
/*border-left:1px solid #BFD72F;
border-right:1px solid #BFD72F;*/
border-bottom:9px solid #33ccff ;
}

#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited {
/*background-image:url(pic/menubghover.jpg);*/
background-color: #444;
border-bottom:9px solid #33ccff;
color:#eee;
}

#menucontainer ul .current_page_item a:hover {
border-left:0;
border-right:0;
padding:140px 30px 20px 30px;
color:#33ccff;
}

/* Main content */

#maincontainer {
position:relative;
width:100%;
background-color:#fefefe;
border-top:3px solid #bbb;
}

#maincontainer a {
      text-decoration:none;
    color:#00b2ed;
    font-weight:bold;
}

#maincontainer a:hover, #maincontainer a:focus {
      color: #33ccff;
    background-color:black;
    text-decoration:none;
}

#maincontainer img { border:0; }

/*#postone {
position:relative;
width:380px;
float:left;
margin:20px 0 20px 30px;
}

#posttwo {
position:relative;
width:380px;
float:right;
margin:20px 30px 20px 0;
}*/

#post_extended {
position:relative;
width:680px;
/*float:left;*/
margin:20px 0 20px 30px;
}
#maincontainer #post_extended .post { margin: 0; }

#post_comments {
position:relative;
/*width:280px;
float:right;*/
margin:5em 30px;
}

#pagepost {
/*position:relative;
float:left;
width:500px;
left:50%;
margin:20px 0 20px -250px;*/
width: 500px;
margin:20px 0 20px 30px;
}

#postone img, #posttwo img, #pagepost img {

border-left:5px solid #5f6a73;
background-color:#e1e0db;
display:block;
margin:20px 0 20px 0px;
padding-left:0px;
border-top:0;
border-bottom:0;
border-right:0;
}

#maincontainer h2 {
font-family:Georgia;
color:#ff0090;
text-transform:uppercase;
font-size:18px;
margin:0 0 5px 0;
letter-spacing:2px;
font-weight:normal;
}

#maincontainer h2 a:link,
#maincontainer h2 a:visited,
#maincontainer h2 a:hover,
#maincontainer h2 a:focus {
     padding-top:2px;
     padding-left:3px;
     color: #ff0090;
     margin-left:-3px;
}

/* Archive */
#maincontainer h2.pagetitle {
    border-bottom:2px dotted #aa0090;
    margin-bottom: 1.5em;
}

#maincontainer h3 {
font-family:Georgia;
color:#ff0090;
text-transform:uppercase;
font-size:15px;
margin:0 0 5px 0;
letter-spacing:2px;
}

#maincontainer h3 a:link,
#maincontainer h3 a:visited,
#maincontainer h3 a:hover,
#maincontainer h3 a:focus {
     padding-top:2px;
     padding-left:3px;
     color: #ff0090;
     margin-left:-3px;
}

#maincontainer .archive {
    margin-top: 20px;
}

#maincontainer .archive .post {
    margin-bottom: 25px;
}

#maincontainer .post {
     color:black;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     margin: 20px 0 4em 30px;
     width: 700px;
}


#maincontainer .post p {
margin:0 0 20px 0;
/*text-align: justify;*/
padding-right: 10em;
}

#maincontainer .post em {
    /*color:#EEE;*/
    font-size:12px;
    line-height:1.4em;
}

#maincontainer .post ul {
/*color:#EEE;*/
margin:0;
padding:0;
margin-left:20px;
margin-bottom:20px;
font-size:12px;
line-height:20px;
}

#maincontainer .post ul li {
margin:0;
padding:0;
margin-top:10px;
list-style-type:square;
}


.post code.codeBlock {
      display:block;
      background: #e7e7e7;
      border-left:3px solid #ff0090;
      margin-left:10px;
      padding-left:10px;      
      overflow: auto;
      white-space: nowrap;
}

.post p code {
      display:inline;
      background: #e7e7e7;
      padding-left:4px;      
      padding-right:4px;      
}

/* code snippets */

code {
    color: #2D2927;
}

.post ol.code { 
      margin-left: 0; 
      list-style-type: decimal-leading-zero; /* IE6 ignores this :( */ 
      padding: .2em .2em .2em 3em; 
      background: #e7e7e7;
      border-left:3px solid #ff0090;
      /*margin-left:10px;
      padding-left:10px;      */
      white-space: nowrap;
      font-size:1.2em;
      color: gray;
      width: 100%;
} 
 
.post ol.code li {
    margin-bottom: 1px; 
    line-height: 1.6; 
    background-color:white;
    font-family: courier, monospace; 
    display: list-item;
} 
 
.post ol.code li .cmt { 
color: #060; 
} 
 
.post ol.code li.tab0 { padding-left: .4em; } 
.post ol.code li.tab1 { padding-left: 2.4em; } 
.post ol.code li.tab2 { padding-left: 4.4em; } 
.post ol.code li.tab3 { padding-left: 6.4em; } 
.post ol.code li.tab4 { padding-left: 8.4em; } 
.post ol.code li.tab5 { padding-left: 10.4em; } 
.post ol.code li.tab6 { padding-left: 12.4em; } 
.post ol.code li.tab7 { padding-left: 14.4em; } 
.post ol.code li.tab8 { padding-left: 16.4em; } 

#maincontainer .post p {
/*color:#EEE;*/
font-size:12px;
line-height:20px;
}

#maincontainer .post blockquote {
font-style:italic;
border-left:3px solid #ff0090;
margin-left:27px;
padding-left:10px;
}

#maincontainer .post .postdata {
color:#333;
font-size:10px;
/*font-style:italic;*/
margin:0px 0 0 0;
border-bottom: 1px dotted #888;
padding-bottom: 4em;
}
#maincontainer .post .postdata a {
font-weight: normal;
color: #2386b4;
}

#maincontainer .post h1 {
font-family:Georgia;
color:#ff0090;
text-transform:uppercase;
font-size:18px;
margin:0 0 5px 0;
letter-spacing:2px;
font-weight:normal;
}

#maincontainer .post h2 {
font-family:Georgia;
color:#ff0090;
text-transform:uppercase;
font-size:17px;
margin:0 0 5px 0;
letter-spacing:2px;
font-weight:normal;
}

#maincontainer .post h3 {
font-family:Georgia;
color:#ff0090;
text-transform:uppercase;
font-size:15px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}


/* Comments */

.commentodd {
background-color:#f4f2f8;
border-left:5px solid #5f6a73;
/*color:#EEE;*/
}

.commentodd, .commenteven {
position:relative;
width: 550px;
}

.commentcontent {
padding:5px 15px 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
}

.commentcontent p {
font-size:12px;
line-height:17px;
}

.commentcontent .commentinfo {
color:#333;
}

.commentcontent blockquote {
font-style:italic;
border-left:3px solid #BFD72F;
margin-left:17px;
padding-left:10px;
}

.commentcontent ul, .commentcontent ol {
margin-left:15px;
}

#comment {
width: 480px;
}


/* Bottom content */

#bottomcontainer {
position:relative;
clear:both;
float:left;
width:100%;
/*background-image:url(pic/bottombg.jpg);
background-repeat:repeat-x;*/
background-color:#222;
}

#bottomcontainer .content {
padding-top:40px;
}

#bottomcontainer h2 {
color:#ff0090;
text-transform:uppercase;
font-size:13px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}

#bottomcontainer ul {
list-style:none;
margin:0 0 30px 0;
padding:0;
border-bottom:3px solid #00b2ed;
}

#bottomcontainer ul li {
display:block;
position:relative;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
line-height:20px;
padding:0 10px 0 10px;
border-bottom:1px solid #666;
color: #EEE;
}

#bottomcontainer ul li a:link, #bottomcontainer ul li a:visited {
color:#EEE;
text-decoration:none;
}

#bottomcontainer ul li a:hover {
color:#ff0090;
}

#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, .bottomsmallleft, .bottomsmallcenter {
      font-family: Verdana, Helvetica, Arial, sans-serif;   
      font-weight:bolder;
}

.bottomsmallright a:link, .bottomsmallright a:visited, .bottomsmallleft a:link, .bottomsmallleft a:visited {
color:#EEE;
}

.bottomsmallright a:hover, .bottomsmallleft a:hover {
color:#ADC32A;
}

.bottomsmallright {
height:25px;
font-size:12px;
text-align:right;
margin-right:20px;
line-height:25px;
margin-bottom:30px;
}

.bottomsmallleft {
height:25px;
font-size:12px;
text-align:left;
margin-left:10px;
line-height:25px;
margin-bottom:30px;
}

.bottomsmallcenter {
height:20px;
font-size:12px;
text-align:center;
line-height:25px;
}

.bottomsmallcenter {
padding-bottom:30px;
}

html>body .bottomsmallcenter {
padding-bottom:35px;
}

#previousPosts a:link,
#previousPosts a:visited,
#nextPosts a:link,
#nextPosts a:visited
{
    padding: 0.4em 0.7em;
    background-color: #666;
    border:1px solid #999;
    color: white;
    font-weight: normal;
}

#s {
background-color:black;
color:#EEEEEE;
text-align:center;
height:20px;
border:1px solid #aaa;
display: inline;
}

#ssubmit {
height:20px;
width:60px;
vertical-align:middle;
background-color:#222;
margin-left:5px;
border:0;
font-family:Georgia;
color:#00b2ed;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
display:inline ;
}

/* Footer */

#footer {
position:relative;
clear:both;
width:100%;
padding:30px 0 5px 0;
height:30px;
background-color:#111;
}

#footer p {
color:#666;
font-size:9px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
line-height:30px;
text-align:center;
margin:0;
}

#footer img {
border:0;
}

#footer a:link, #footer a:visited {
color:#666;
}

#footer a:hover {
color:#666;
text-decoration:underline;
}

#postone input {
width:380px;
}

#postone #mailsubmit {
width:100px;
}

/*#postone textarea {
width:380px;
height:100px;
}
*/
/*Random image linking to Photography section*/
img#rndImg {    
      margin:0px;
      padding:0px;
    margin-bottom:10px;
}

a#randomCover {
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:407px;
}

a#randomCover span {
      font-family:Georgia;
      text-transform:uppercase;
      font-size:14px;
      letter-spacing:3px;
      font-weight:normal;
    position:absolute;
    bottom:5px;
    right:0px;
    display:none;
    color:#ff0090;
    cursor: hand;
}

a#randomCover:hover,
a#randomCover:focus  {  
    background-color:transparent;   
    text-decoration:none;
}

a#randomCover:hover img#rndImg,
a#randomCover:focus img#rndImg { 
    border-left:5px solid #ff0090;  
}

a#randomCover:hover span,
a#randomCover:focus span { 
    display: block;
}

form input, form textarea {
    display:block;
    border:1px solid #5f6a73;
    font-weight:normal;
    padding: 0.2em;
}

form input:focus, form textarea:focus {
    background-color:white;
}

span.need {
    color:#ff0090;
    font-style:normal;
}

form input#submit { 
    padding:8px 15px 8px 15px;
}