/*
Theme Name: StylishBlog
Theme URI: http://themeforest.net/user/mixey/?ref=mixey
Description: Premium wordpress theme with few color schemes
Version: 1 (WP2.7)
Author: mixey
Author URI: http://themeforest.net/user/mixey/?ref=mixey
Tags: stylish, blog, web 2.0
*/
@import "css/reset.css";
@import "css/text.css";
@import "css/960.css";

html {
	background:url(img/bg.jpg) center repeat-y;
}

body {
	background:url(img/bg_top.jpg) top center no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1 {
	line-height:30px;
	margin-bottom:5px;
}
h1.page_title {
	display:block;
	margin:15px 0 10px 10px;
}
h2 {
	font-size:17px;
	margin-bottom:5px;
}
h3 {
	font-size:15px;
	line-height:24px;
}
h4 {
	font-size:12px;
	margin-bottom:10px;
}
a:hover {
	text-decoration:none;
}
a {
	color:#FFF;
}
p {
	margin:0 0 10px 0;
}
.fontsize11 {
	font-size:11px;
}
.overflowhidden {
	overflow:hidden;
}

div#first_container_16 {
	overflow:hidden;
}
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

div.roundedbox, .roundedbox, div#rightcolumn h2 {
	overflow:hidden;
	background:url(img/black_40.png);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;

}
/* Header */
div#page_menu ul li {
	float:left;
	margin:0 3px 0 0;
	list-style:none;
}
div#page_menu ul li.current_page_item {
	background:url(img/black_40.png);
	
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;


}
div#page_menu ul li a {
	padding:5px 10px 5px 10px;
	color:#fff;
	text-decoration:none;
	display:block;
}
div#page_menu ul li.current_page_item a, div#page_menu ul li a:hover {
	color:#ffae00;
}

div#date_rss div {
	padding:7px 32px 7px 11px;
	text-align:center;
	position:relative;
	float:right;
	overflow:hidden;
	background:url(img/black_40.png);
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	font-size:10px;
}
div#date_rss div img {
	position:absolute;
	right:10px;
}
div#logo_banner {
	margin:15px 0 15px 0;
	overflow:hidden;
}
a#logo img {
	margin-left:10px;
}
div#top_banner {
	text-align:right;
	overflow:hidden;
}

div#categories_menu {
	background:url(img/black_75.png);
	height:40px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;

}
div#categories_menu ul li {
	float:left;
	margin:0 0 0 0;
	list-style:none;
}
div#categories_menu ul li a {
	padding:10px 13px 10px 13px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	display:block;
	background:url(img/categories_devider.gif) no-repeat left center;
}
div#categories_menu ul li.first a {
	background:none;
}

div#categories_menu ul li ul.children {	
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;

	background:transparent url(img/black_75.png) repeat scroll 0 0;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			40px !important; ; /* match top ul list item height */
}
.sf-menu li.sfHover ul { top:40px !important; ; /* match top ul list item height */ }
div#categories_menu ul.children li a {
	background:none;
	padding:5px 10px;
}

div#categories_menu li.sfHover a:hover, div#categories_menu a:hover {
	color:#FFAE00;
}

div#categories_menu li.sfHover a {
	color:#FFAE00;
}
div#categories_menu li.sfHover ul li a {
	color:#FFF;
}

/*main section */
div.nothumbnail {
	margin:10px;
	overflow:hidden;
}
#mainarea ul, #mainarea li {
	list-style-type:square;
}
#mainarea ol li {
	list-style-type:decimal;
}
p.post_links {
	margin:10px 0 0 0;
	font-size:10px;
}
div.blog_post {
	overflow:hidden;
	background:url(img/black_40.png);
	margin:0 0 10px 0;	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;

}
div.blog_post .grid_4, div.blog_post .grid_7 {
	margin-top:10px;
	margin-bottom:10px;
}
div.blog_post .fontsize11 {
	padding:2px 0 0 0;
}
div.post_date {
	font-size:11px;
}

div.post_date a {
	color:#ffae00;
}
div.post_excerpt {
	font-style:italic;
	margin:15px 0 10px 0;
}
div.blog_post a.read_full_article {
	display:block;
	color:#ffae00;
	font-style:italic;
}
div#paging, div.wp-pagenavi {
	font-size:11px;
	text-align:right;
	overflow:hidden;
}
div#paging a, div.wp-pagenavi a {
	text-decoration:none;
}
div#paging a:hover, div.wp-pagenavi a:hover {
	text-decoration:underline;
}
div#paging a.current, div.wp-pagenavi span.current {
	color:#339999;
	cursor:default;
}

span#pagenumbers, div.wp-pagenavi span.pages {
	float:left;
	margin:0 0 0 10px;
	line-height:23px;
}
div#gotopage, div.gotopage {
	float:right;
	padding:3px 9px 2px 9px;
	background:url(img/black_40.png);	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-align:center;
}
div#gotopage a.more {
	margin:0 0 0 5px;
}
div.gotopage a, div.gotopage span.current {
	margin:0 2px 0 2px;
}

div.margin10px {
	margin:10px 10px 10px 10px;
}
img.postimg {
	width:200px;
	height:200px;
	margin:0px 10px 10px 0;
}
div.full a {
	color:#FFAE00;
}

div#author_page {
	margin-bottom:15px;
}
div#author_page div.author_description {
	width:520px;
}
div#author_related {
	overflow:hidden;
	margin:20px 0 0 0;
}
div#author_related h4 b a {
	color:#FFF;
	text-decoration:none;
}
div#author_related h4 b a:hover {
	text-decoration:underline;
}

div#author_related div.gravatar, div#author_page div.gravatar {
	margin:0 15px 0 0;
}
div#author_related div.gravatar, div#author_related div.link, div#author_page div.gravatar, div#author_page div.author_description {
	float:left;
	overflow:hidden;
}
div#author_related div.link {
	width:230px;
}
div#author_related div.recent div.link div {
	font-size:11px;
	width:230px;
}
div#author_related div.recent a {
	color:#FFF;
}
div#author_related div.recent div.link div a.linkhighlight {
	color:#FFAE00;
}
div#author_related ul.related_post li, div#author_related ul.related_post {
	list-style-type:none;
	margin:0;
}

div.width295 {
	width:295px;
	float:left;
	overflow:hidden;
	margin-top:10px;
	/*margin-bottom:10px;*/
}
.marginLeft10px {
	margin-left:10px;
}
.marginLeft5px {
	margin-left:5px;
}
.marginRight10px {
	margin-right:10px;
}
.marginRight5px {
	margin-right:5px;
}
.marginTop10px {
	margin-top:10px;
}
.marinBottom10px {
	margin-bottom:10px;
}
div.social a img {
	position:relative;
	top:3px;
	margin:0 0 0 5px;
}

/* Comments */
div.nocomments {
	padding-left:0 !important;
}
div#comment_wrap ul {
	margin-bottom:0;
}
div#comment_wrap li {
	list-style-type:none;
}

div#comment_wrap cite {
	display:block;
	font-style:normal;
	font-size:11px;
	color:#FFAE00;
	margin:5px 0 0 0;
}

div#comment_wrap, div#respond {
	margin:15px 0 15px 10px;
	overflow:hidden;
}
div#respond {
	margin-top:0px;
}
#comment_wrap ul.parent #respond {
	margin:0;
	position:relative;
}

div#comment_wrap p.comment_details {
	overflow:hidden;
}
div#comment_wrap p.comment_details span.alignright a {
	font-size:10px;
	text-decoration:none;
}
div#comment_wrap p.comment_details span.alignleft a {
	color:#cccccc;
	font-size:10px;
	text-decoration:none;
}
div#comment_wrap p.comment_details span.alignleft a:hover, div#comment_wrap p.comment_details span.alignright a:hover {
	text-decoration:underline;
}
.dashed {
	text-decoration:none;
	border-bottom:dashed 1px;
}
div#allowed_tags_switcher_wrap {
	margin:5px 0 10px 0;
}
a#allowed_tags_switcher {
	text-decoration:none;
	border-bottom:dashed 1px;
	font-size:11px;
	margin:0 0 0 5px;
}
p#allowed_tags {
	margin-top:5px !important;
	margin-left:5px !important;
	display:none;
}
#submit {
	border:none;
	color:#FFFFFF;
	font-size:12px;
	padding:3px 10px 4px 10px;
	cursor:hand;
	cursor:pointer;
}
#commentform textarea#comment, #commentform input.nicestyle {
	display:block;
	width:98%;
}
input.nicestyle, textarea.nicestyle, select.nicestyle {
	border:none;
	color:#FFF;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	margin:5px 0;
	padding:5px;
}

/* wpcf7 */
.wpcf7 .wpcf7-form-control-wrap input, .wpcf7 textarea {
	display:block;
	border:none;
	color:#FFF;
	font-size:12px;
	width:98%;
	font-family:Arial,Helvetica,sans-serif;
	margin:5px 0;
	padding:5px;
	background:url(img/black_40.png);
	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;

}

input#submit {
	width:auto !important;
}
a#cancel-comment-reply-link {
	position:absolute;
	top:2px;
	font-size:11px;
	right:0px;
	text-decoration:none;
	border-bottom:1px dashed;
}
#commentform span.error {
	font-size:11px;
	margin:0 0 0 5px;
	display:block;
}
#comment_wrap ul.commentlist { 
	padding: 0 0 0 100px;
}
#comment_wrap ul.commentlist li {
	margin: 10px 0;
}
#comment_wrap .s {
	position: relative;
}
#comment_wrap .comment-author {
	left: -100px;
	position:absolute;
	width:100px;
}
#comment_wrap .comment-meta {
	padding: 20px 20px 45px 20px;
}
#comment_wrap .children .comment-meta {
	padding: 20px 20px 20px 75px;
}
#comment_wrap .children {
	padding-left: 0;
}
#comment_wrap .children li {
	padding-left: 7%;
}
#comment_wrap .children .comment-author {
	left: 0px;
	top: 17px;
	width: 70px;
	padding: 0px 3px;
	text-align: center;
}
#comment_wrap .children .comment-author img {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	display: block;
}
#respond {
	padding:0 0 0 100px;
	margin-bottom: 40px;
	border:none !important;
}
ul.parent #respond {
	padding: 0;
}
#comment_wrap ul.parent li #respond {
	margin: 10px 0; 
	position: relative; 
	left: 0; 
	padding:0 0 0 7%;
}
#comment_wrap #respond input, #comment_wrap #respond textarea { 
	width: 98%; 
}
#comment_wrap .children { 
	border-left: 1px solid #002a30;
}
#comment_wrap .s {
	background:url(img/black_40.png);
	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Right column */
div#advertise {
	text-align:center;
	line-height:50px;
	height:58px;
}
div#advertise a {
	color:#fff;
	font-size:11px;
}
div#rightcolumn h2 {
	font-size:14px;
	padding:3px 10px;
	margin-bottom:10px;
}
div#rightcolumn ul {
	margin-bottom:0;
}

div#rightcolumn ul ul, div#rightcolumn ul ol {
	margin:0 10px 0 10px;
	overflow:hidden;
}

div#rightcolumn li#archives ul li {
	float:left;
	width:130px;
	overflow:hidden;
	list-style:inside;
	list-style-image:url(img/archive.gif);
}
div#rightcolumn li#archives ul li a {
	position:relative;
	top:-4px;
}

div#rightcolumn li {
	margin-left:0;
}
div#rightcolumn div.roundedbox {
	padding:3px 8px 2px 8px;
	height:25px;
}
div#rightcolumn div.box, div#rightcolumn li.widget, div#rightcolumn li.linkcat {
	margin:0 0 15px 0;
	overflow:hidden;
}
div#rightadvertising {
	line-height:1;
	text-align:center;
}
div#rightadvertising img {
	margin:2px 1px 2px 1px;
}

/* Search */
div#big_search_form form#big_searchform {
	margin:20px 0 20px 0;
}
div#big_search_form {
	margin:10px;
}
div#big_search_form #big_s {
	padding:5px;
	margin:5px 10px;
	width:420px;
}
div#big_search_form #big_searchsubmit {
	padding:3px;
	margin:5px 0;
	width:90px;
}

div#rightcolumn #sidebar_searchform input#s {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	width:205px;
	font-size:12px;
	margin:3px 0 3px 0;
}
div#rightcolumn #sidebar_searchform input#searchsubmit {
	background:none;
	border:none;
	color:#FFF;
	cursor:hand;
	cursor:pointer;
	text-align:right;
	padding:0;
}

/* Flickr */
div#rightcolumn div.flickr {
	overflow:hidden;
}
div#rightcolumn div.flickr_badge_image {
	float:left;
	width:33%;
	overflow:hidden;
	text-align:center;
	margin:0 0 10px 0;
}


/* Footer */
div#footergradient {
	background:url(img/bg_footer.jpg) bottom center no-repeat;
	float:left;
	width:100%;
}
div#footer {
	position:relative;
	margin:10px 0 0 0;
}
img#bird {
	position:absolute;
	left:-30px;
}
div#footer a#footerfollowlink {
	margin:0 0 7px 40px;
	display:block;
	font-size:11px;
}

div#footerbg {
	padding:10px 0px 10px 0px;
	overflow:hidden;
	margin:0 0 20px 0;
	background:url(img/black_75.png);
	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.recent {
	overflow:hidden;
	margin-bottom:12px;
}
div#footer div.gravatar {
	margin:0 15px 0 0;
	width:50px;
}
div#footer div.gravatar, div#footer div.link {
	float:left;
	overflow:hidden;
}
div#footer div.recent div.link, div#footer div.recent div.link div {
	font-size:11px;
	width:215px;
}
a.linkhighlight, .linkhighlight a, span.linkhighlight {
	color:#FFAE00 !important;
}
div#footer_categories {
	width:260px;
	margin-left:30px;
}
div#footer h2 {
	margin-bottom:20px;
}
div#footer_categories h2 {
	color:#FFAE00;
}
div#footer_categories ul {
	margin:0;
}
div#footer_categories ul li {
	list-style:none;
	margin:0 0 2px 0;
}

div#footerlinks {
	text-align:right;
	font-size:11px;
}
div#footerlinks span {
	float:left;
	margin-left:50px;
}
div#footerlinks ul li {
	display:inline;
	margin:0 10px 0 0;
	list-style:none;
}
div#footerlinks a {
	text-decoration:none;
}
div#footerlinks a:hover {
	text-decoration:underline;
}
div#footerlinks ul li.current_page_item a {
	color:#FFAE00;
}
