/*****************
Theme Name: citrus
Theme URI: http://www.nikynik.com/
Description: The original Chaotic Soul by <a href="http://sandbox.avalonstar.com/">Bryan Veloso</a>,
remade into a WordPress widgetized theme by Nikynik. 
Version: 0.6
Author: Nicola Laviola | Author URI: http://www.nikynik.com/
Tags: fixed width, two columns, widgets

Modifications by: awmyth || http://awmyth.net
*********************************************/
/*********************************************************************************** GLOBALS *****/

body   { width: 100%; background-color: #161410;	   
         color: #B7B7B7; font: 62.5%/125% Helvetica, Verdana;
	 margin: 0; padding: 0;	}

hr     { width: 900px; height: 10px;
         background-color: #22201D;
	 margin: 10px 0; border: 1px solid #363430; }
	
ul   { list-style: none;}

pre  { padding: 5px 0; border-top: 1px dotted #35302A; border-bottom: 1px dotted #35302A; }

input, 
textarea   { background-color: #161410; 
             color: #9C9890; font-size: 11px; text-decoration: none; 
	     padding: 5px; border: 1px solid #363430; }
	
blockquote { background: #1B1814;
	     margin-top: 20px; padding: 10px 15px; border-bottom: 1px solid #35302a;}

/**************************************************************** TYPOGRAPHY *****/

h1, h2, h3, 
h4, h5, h6 { font-weight: normal; font-family: Georgia, 'Times New Roman';  }

h1         { font-size: 2em; color: #FFFFFF; margin: 0 0 8px;    }

h1:before, h1:after  { content: " . . "; color: #444444;  }
h1 span              { color: #FFFF99; }             /* CITRUS */

h2, h3 { display: inline; color: #FFFF99; border-bottom: 1px solid #35302a;} /* CITRUS */
h2     { font-size: 1.4em; margin: 0; padding: 6px 0 3px;}
h3     { font-size: 1.2em; margin: 0; padding: 4px 0 2px;}
							 
a:link    { color: #FFFFFF; text-decoration: none;} 
a:visited { color: #666666; text-decoration: none;}
a:hover   { color: #008080; text-decoration: none;} 
a:active  { color: #D59D69; text-decoration: underline;}

.description  { color: #858585; font-weight: bold; font-style: italic;}
.tag          { font-size: 0.80em; }
.byline       { font-size: 11px; color: #999999; margin-left: 20px;}
.continue     { font-size: 0.90em; font-weight: bold; }
.date         { font-size: 0.90em; margin: 20px 0px 0px; }	
.weather      { font-size: 12px; }

.postmetadata { font-size: 0.90em; color: #999999; margin: 3px 0; padding: 0;}

.citrus        { color: #FFFF99; } /* CITRUS */
.citrus-bar    { height: 11px; background: #FFFFFF; margin: 2px; padding: 0; }
.citrus-border { width: 150px; height: 15px; background: #434343; padding: 0; 
                 border: 1px solid silver; }
							
/*************************************************************** SHELF *****/

#primo { width: 100%; top: 0; clear: both; 
         background: #434343; white-space: nowrap;
	 color: #999; font: 11px Helvetica; text-align: center; 
	 padding: 4px 0 4px 0; -moz-border-radius: 3px;}

#morediv                 { width: 900px; color: #FFFFFF; margin: 2px auto 0px;  }    

#navigationpanel         { background: #2F2F2F; font-size: 0.9em; margin: 0px auto; }
#navigationpanel strong  { color: #FFFF99; text-transform: uppercase;  } /* CITRUS */
	
#navigationpanel ul      { width: 300px; float: left; text-align: left; margin-left: 100px;}
#navigationpanel ul li   { list-style:none; }

#navbottom     { height: 16px; margin: 0px; }

#navigation    { text-align: center; }

#inter      { width: 120px; position: fixed; bottom: 0; float: left; margin: 5px;  }
#inter img  { margin: 1px; }

/******************************************************** STRUCTURE *****/
	
#page       { width: 900px;  margin: 50px auto 25px; padding: 0; }

#wrapper    { width: 900px; background: url('images/content_bkg.gif') repeat-y top left;}

#headerimg  { width: 900px;}
#header     { text-align: center;}

.image     { width: 442px; height: 169px; background: #22201d url('images/image_left.png');
	     border: 1px solid #363430; }

.bkgleft   { background: url('images/imageleft.png');  float: left;  }
.bkgright  { background: url('images/imageright.png'); float: right; }

/******************************************************** POST STRUCTURE *****/

#content   { font-size: 1.10em;} 
h2.first   { font-size: 1.40em;}
.top       { font-size: 1.22em;}

h2.next    { font-size: 1.30em;}
.lastfive  { font-size: 1.12em;}

#single    { font-size: 1.10em;}
h2.title   { font-size: 1.60em;} 
.entrytext { font-size: 1.20em;} 

.post h2 a { color: #FFFF99; }   /* CITRUS */
.post h3 a { color: #FFFFFF; } 

/******************************************************* CONTENT *****/

#content    { width: 877px; float: left; padding: 0 10px; border-left: 1px solid #363430;}

.top, .lastfive  { width: 760px; background: #161410; border-bottom: 3px double #35302A; }
.top             { margin: 30px auto 0px; padding: 15px 20px 30px;}    
.lastfive        { margin: 20px auto 0px; padding: 15px 30px 30px;}

#content h2 { background: #1B1814; margin: 0 0 15px; }
#content p  { line-height: 1.5em; margin 0 10px;  }

h2.first a,
h2.next a  { display: block; color: #FFFF99;   /* CITRUS */
             margin-bottom: 4px; padding: 13px 0px; border-bottom: 3px double #35302a;}

.top .entry  ul, .lastfive ul { list-style-type: square;}
.top .entry  li, .lastfive li { line-height: 1.5em;}

/****************************************************** SINGLE *****/

#single     { width: 607px; float: left; margin-bottom: 10px; padding: 0 10px; 
              border-left: 1px solid #363430; border-right: 1px solid #363430; }
	
#single h2  { margin: 0 0 10px; }
#single p   { line-height: 1.5em; }

h2.title    { background: #1B1814; display: block; color: #FFFF99; /* CITRUS */          
	      margin: 0 0 15px; padding: 13px 10px; border-bottom: 3px double #35302A;}

.entrytext h2 { display: block; border-bottom: 1px solid;}				
.entrytext    { line-height: 2em; margin-bottom: 30px; padding: 0 10px; }	

.entrytext ul { list-style-type: square;}
.entrytext li { line-height: 1.5em;}

/******************************************************* ARCHIVE *****/

ul.archive      { font-size: 1.3em; list-style: none; margin: 0 10px 25px; padding: 0; }	
ul.archive li   { display: inline; }

/******************************************************************* COMMENTS *****/

#comment        { width: 596px;   }
#commentform    { margin: 10px 0px 10px 0px;   }

.commentcontent { width: 596px; padding: 5px 15px 5px 15px; }
.commentodd     { background-color: #22201D;  }

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

.comments h3    { color: #FFFF99; margin: 0 0 10px 0; }                        /* CITRUS */

.commentcontent, 
.commentinfo    { color: #AAA; }

.commentcontent p          {  font-size: 11px;    color: #EEEEEE;     line-height: 17px; }
.commentcontent blockquote {  font-style: italic; margin-left: 17px;  padding-left: 10px;    }

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

.comment-gravatar img  {  width:  40px; height: 40px; float: right;
                          background: url(images/gravatar.jpg) no-repeat center center;    
	                  margin: 0em; padding: 0px;  border: 1px solid #A5A5A3; }
													
/******************************************************** SIDEBAR *****/

#sidebar    { width: 250px; float: right; font-size: 1.05em; 
              margin: 0px; padding: 0 10px; border-left: 0; border-right: 1px solid #363430; }

#sidebar h3 { color: #FFFF99; font-variant: small-caps;  }        /* CITRUS */    

#sidebar .postmetadata { line-height: 1.5em; }

.sidebar        { margin-top: 20px; }

#sidebar ul       { margin: 10px 0px; padding: 0; 
                    border-top: 1px solid #363430; border-bottom: 1px solid #363430;  }
#sidebar li       { background: #22201d; display: block; margin: 1px 0; padding: 4px 10px; }
#sidebar li:hover { background: #363430; }

ul.navigation          { font-size: 1.0em; color: #FFFF99;         /* CITRUS */
                         border-top: 1px solid #363430; border-bottom: 1px solid #363430; }	
ul.navigation li       { background: #22201D; display: block; margin: 1px 0; padding: 4px 10px;}
ul.navigation li:hover { background: #363430; }				

.rambhai_iframe { text-align: center; margin-top: 20px; padding-bottom: 10px;}

/******************************************************** SEARCHFORM *****/

#searchblock { margin: 0px; padding: 0px;}
#searchform  { text-align: center; padding: 15px 0px; 5px;}
#s           { width: 240px;  }

#loader      { width: 16px; float: left; margin-left: 20px; }

#search-results  { clear: both; }

/**********************************************  BOTTOM FRONT PAGE STYLE *****/

#bottom         { width: 900px; margin: 0 auto; 
                  border-left: 1px solid #363430; border-right: 1px solid #363430; }

#licious        { width: 860px; clear: both; 
                  font-size: 1.1em; text-align: left; margin: 0 auto;}

#licious_wrap   { width: 66%; float: left; margin-top: 20px; margin-left: 3px; }
#licious_left   { width: 49%; float: left; }
#licious_center { width: 49%; float: right;}
#licious_right  { width: 32%; float: right; margin-top: 20px;} 

#licious:after  { content: "."; clear: both; display: block; visibility: hidden; }

#licious h3  {	background: transparent; background-position: 77px 0;
                font-size: 1.20em; color: #FFFF99;                         /* CITRUS */
                margin: 15px 0 5px; padding: 0 0 2px;
                border-bottom: 1px solid #474747; }

#licious ul       { margin: 10px 0 20px; padding: 2px 0 2px; 
                    border-top: 0px solid #363430; border-bottom: 1px solid #333333;  }
        
#licious li       { background: #22201d; display: block; margin: 1px 0; padding: 4px 10px;  }
#licious li:hover { background: #363430;  }

/******************************************************************** FOOTER *****/

#footer    { font-size: 1.1em; color: #999; font-family: Helvetica, Verdana, serif; }

/**************************************************************** MISCELLANEOUS *****/

.clearfix:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

.center     { text-align: center; }
.alignleft  { text-align: left;  }
.alignright { text-align: right; }	

.goleft     { float: left; }
.goright    { float: right;}

.alarm,.download,
.favorite_post,
.alert, 
.code       { width: 30em; line-height: 150%;
              font-size: 10px; color: inherit; font-family: monospace; text-transform: lowercase;
              margin: 0 0 5px 10px; padding: 5px 20px 5px 60px; border: 1px dotted #666; } 
.code          { background: #333 url(images/code.png) no-repeat 15px center;}
.alert         { background: #333 url(images/alert.png) no-repeat 15px center;}
.alarm         { background: #333 url(images/bell.png) no-repeat 15px center;}
.download      { background: #333 url(images/down.png) no-repeat 15px center;}
.favorite_post { background: #333 url(images/favorite.png) no-repeat 15px center;}