/*
Theme Name: CIborg
Theme URI: http://ciborg.lillarosin.com
Description: This is my theme for CIborg.lillarosin.com
Version: 1.0
Author: @nnci
Author URI: http://www.lillarosin.com
 */
 
/* Reset everything, to make style crossbrowser friendly */
*, html, body, h1, h2, h3, h4, h5, h6, blockquote, code, p, dd, dl, hr, form, ul, ol, li, a { margin: 0; padding: 0; }
img { border: none; }


body {
    font-family: "Lucida Grande", Verdana, "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	/*background-color: #8296a6; /*#93989d; /*#8a8a8a; /*#676767; /*#1e1f21; /*#f1f1f1;*/
	background: url("layout-images/bg-r.png") repeat;
	color: #333; /*#7a7a7a;*/
}

a img { margin: 0; padding: 0; border: none; /* For stupid IE */ }

a, a:visited {
	color: #5371c5;
	text-decoration: none;
}
a:hover { text-decoration: underline; /*color: #29448f;*/ }

.clearfloats {
	clear: both;
}

/****************************** SITE LAYOUT ******************************/
#container {
    width: 900px;
    margin: 25px auto;    
}
#header {
    width: 900px; 
    height: 54px; 
    float: left; 
    text-align: left;    
    background: url("layout-images/bg-header.gif") no-repeat center; 
}
#header h1 {
    font-family: Verdana, "Palatino Linotype", sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 17px 0 0 55px;
}
#header h1 a {
    text-shadow: 1px 1px 1px #fff; /* CSS3 only */ 
    text-decoration: none;
    color: #333;
    /*color: #fafafa;*/
}
#header h1 span { /* Blog's description */
    font-size: 13px;
    padding-left: 5px;
    color: #666;
}

#navmenu {
    text-align: left;
    width: 900px;
    float: left; 
	height: 40px; 
    position: relative; /* Because of #search */
    background: url("layout-images/bg-menu.gif") no-repeat;
	/*background: #fafafa url("layout-images/bg-menu-r.gif") repeat-x;*/
	/*position: relative;*/
    /*border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;*/
} 

#navmenu ul { 
    list-style: none; 
    list-style-position: inside;
    margin-left: 15px; 
    
}
#navmenu ul li { 
	/*display: inline;*/
    float: left; 
	margin-right: 15px;
    padding-right: 15px; 
    background: url("layout-images/menu-divider.gif") no-repeat;
    background-position: 100% 60%;
    /*border: 1px solid red;*/
}
#navmenu ul li#first {
    
}
#navmenu ul li a { 
	font-weight: bold; 
	text-shadow: 1px 1px 1px #fff; 
	text-decoration: none; 
	color: #555; 
	line-height: 37px;
}
#navmenu ul li a:hover { 
	color: #333; 
}

#search {
	position: absolute;
	top: 7px; 
	right: 16px;
}

#search #s { 
	width: 156px;
	height: 14px;
	padding: 5px 24px 5px 7px;
	vertical-align: bottom;
	line-height: 1px;
	font: normal 12px Verdana, Sans-Serif;
	color: #777;
	border: none;
	/*background: url("layout-images/bg-search.jpg") no-repeat;*/
    background: #dddddd url("layout-images/bg-search.jpg") no-repeat;
}

#content-wrapper {
    background: url("layout-images/bg-content-r.gif") repeat-y;
    width: 900px; 
	float: left; 
}

#content {
    text-align: left;
    width: 637px;
    float: left; 
	padding: 10px 20px 20px 20px;
}

.sidebar { 
    text-align: left;
	width: 185px; 
    float: left;
	font-size: 11px; 
	color: #555; 
    padding: 15px 15px 0 15px;
    /*border: 1px solid red;*/
}
.sidebar ul, ol { list-style-type: none; }
.sidebar a { color: #333; text-decoration: none; }
.sidebar a:hover { color: #777; }
.sidebar h2 {
    font-family: Verdana, "Palatino Linotype", sans-serif;
    color: #333;
    padding-bottom: 10px;
    font-size: 14px;
}
.sidebar ul li, .sidebar-left ul li {
    margin-bottom: 15px;  /* Space between boxes */
    padding-bottom: 18px;
    background: url("layout-images/sidebar-divider.gif") no-repeat bottom center;
}
.sidebar ul ul li {
    padding: 0; margin: 0; /* Stop inheritance */
    line-height: 20px;
    margin-left: 13px;
    list-style-type: disc;
    background: none;
}
.sidebar ul li.myRSSfeed-wrapper a.myRSSfeed {
    background: url("layout-images/icon_rss.png") no-repeat top left;
    padding-left: 30px;
    display: block;
    line-height: 25px;
}
#footer-wrapper {
    width: 900px;
	height: 29px;
	float: left;
	clear: both;  
    text-align: left;
    padding: 10px 20px;
    background: url("layout-images/bg-footer.gif") no-repeat;
    margin-bottom: 10px;
    color: #666;
}
#footer p span.wp {
    margin-right: 35px;
    float: right;
}



/***************************** POST CONTENT ******************************/
#content .post {
    margin-bottom: 30px;
}
#content .post h2 a {
    font-size: 20px;
    line-height: 27px;
    color: #444;
    text-decoration: none;
    font-family: "Trebuchet MS", sans-serif;
}
#content .post h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8px;
}
/*
#content .postmetadata {
    margin: 3px 0 10px 0;
    font-style: italic;
}*/
#content .entry {
    padding-top: 10px;
}
#content p {
    line-height: 20px;
    margin-bottom: 20px;
}
#content .comments-more {
    clear: both;
    font-size: 11px; 
	color: #777; 
    margin-top: 15px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 20px; 
	border-top: 1px solid #bec9d4; 
	border-bottom: 1px solid #bec9d4; 
    background-color: #e8ecef; 
}
#content a.more-link {
    font-style: italic;
}
#content .comments-more .moretext {
    float: right;
}

#content h3 {
    padding: 8px 0 10px 0;
}
#content ul, ol {
    list-style-position: outside;
    margin-left: 20px;
    line-height: 18px;
    padding: 0 0 10px 0;
}
#content ul { margin-left: 15px; }
#content ul li, #content ol li {
    padding: 2px 0 8px 0;
}
#content .archive-title {
    margin: 2px 0 25px 0;
}
#content .wp-caption {
    margin-bottom: 5px;
    border: 1px solid #dcdcdc;
   	text-align: center;
   	background-color: #fdfdfd; /*#fafafa;*/
    padding: 7px 2px 3px 2px;
}
#content .wp-caption img {
    float: none;
    padding: 0;
    margin-bottom: 1px;
    border: none;
}
#content .wp-caption p.wp-caption-text {
    font-size: 10px;
    font-style: italic;
    padding: 3px 0 3px 0; margin: 0;
}
#content .alignleft {
	float: left;
	margin: 0 15px 5px 0;
}
#content .alignright {
	float: right;
	margin: 0 0 5px 15px;
}
#content .aligncenter, div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

#addthis_share_title {
	clear: both;
	padding-left: 0;
	margin-bottom: 7px;
	padding-top: 15px;
}

/*sexy bookmarks plugin */
.shr-bookmarks {
	margin-top: 25px;
}

/******************************* COMMENTS ***************************/
.comments-template{ }

.comments-template ol {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
    overflow: hidden;
    clear: both;
}

.comments-template ol li {
	margin: 12px 0;
	line-height: 20px;
    padding: 15px;
    background-color: #eeeeee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;	
    clear: both;
}
.comments-template ol li.alt {
    background-color: #eeeeee;
}
.comments-template h2, .comments-template h3 {
	font-family: Georgia, Sans-serif;
	font-size: 16px;    
}
.comments-template h3#comments {  
    line-height: 35px;
    padding-bottom: 5px; 
}
.comments-template h3#respond {
    padding-top: 15px;
    margin-bottom: 14px;
    line-height: 35px;
    /*border-top: 1px solid #ccc;*/
}

.comments-template .comment-avatar {
    width: 50px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.comments-template .comment-content {
    width: 550px;
    float: left;
	font-size: 11px;
    padding: 0 0 0 10px;
}
#content .comments-template p {margin-bottom: 10px;}
#content .comments-template p.comment-author {
    margin-top: 15px;
    font-size: 16px;
}
#content .comments-template span.comment-date, #content .comments-template span.comment-approve {
    padding: 0;
    padding-left: 7px;
    font-size: 11px;
    color: #888;
    /*font-style: italic;*/
}
.comments-template .comment-text {
    margin: 10px 0 10px 0;
}
.comments-template p.nocomments{
	padding: 0;
}
/* Highlighting author (admin) comments */
.comments-template .authcomment {
    background-color: #f8ece4 !important;
}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.comments-template input {
    height: 18px;
    margin-bottom: 5px;
}
.comments-template input#submit {
    margin-top: 10px;
    height: 25px;
}
.comments-template form#commentform { margin-bottom: -25px; }