/*







    Theme Name: Blogitty







    Theme URI: http://cosmothemes.com/blog/2011/05/09/blogitty/







    Description: Our themes are using the 960 grid system while the mark-up is powered by a strong css framework. Blogitty Theme has been tested in all modern browsers - IE 7 , IE 8, IE 9 , Opera, Firefox, Safari and Chrome. Key features of the template - 8 Color Schemes, Background Styling Options, Custom Text-based Logos, Social Media Links, Multiple Multi-Level jQuery Menus, Full-control Image Slider, Built-in Breadcrumbs, Custom Front Page Layout, Advertisement Sidebars, Custom Tabs Widget (Popular, Recent, Comments, Tags), Twitter Widget, Contact Form Widget, Flickr Widget, Custom Page Templates, Hide/Show Meta Elements for each particular post, Featured Image, Built-in Social Sharing, About the author box, Built-in Related Posts, Nested Comments, 100+ Shortcodes, Unlimited sidebars, Language support.







    Version: 0.2







    Tags: red,blue,green,orange,fixed-width,custom-menu,custom-colors,custom-header,custom-background,two-columns,left-sidebar,right-sidebar,sticky-post,theme-options







	License: GNU General Public License and Themeforest general license







	License URI: Licensing/README_License.txt







	Author URI: http://cosmothemes.com







    Author: cosmothemes.com







*/















 @import url("css_framework/_style.css");







@import url("css_framework/menus.css");















/*Body*/







body{ background: url(images/body.bg.png) repeat; color: #3f4950; }















body.paper{ background: url(images/body.paper.png) repeat; }







body.noise{ background: url(images/body.noise.png) repeat; }







body.dirty{ background: url(images/body.dirty.png) repeat; }







body.grid1{ background: url(images/body.grid1.png) repeat; }







body.grid2{ background: url(images/body.grid2.png) repeat; }







body.thicklines{ background: url(images/body.thicklines.png) repeat; }







body.thinlines{ background: url(images/body.thinlines.png) repeat; }







body.squares{ background: url(images/body.squares.png) repeat; }







body.flowers{ background: url(images/body.flowers.png) repeat fixed; }







body.retro{ background: url(images/body.retro.png) repeat fixed; }















.b_body { overflow: hidden; }







.b_body_c { padding-bottom: 0px; }







.b_head { height: auto; background: url(images/b_head.bg.png) repeat-x 0 0; z-index: 9; position: relative; }







.b_content { z-index: 8; background:url("images/b_body.bg.png") repeat-y center 0;}







@media screen and (-webkit-min-device-pixel-ratio:0) {







   .b_content {margin-left: 1px;}







}







.b_body_f { background: url(images/b_body_f.bg.png) repeat 0 0; position: relative;}







.b_body_f .bottom{ background: url(images/b_body_f.bottom.bg.png) repeat-x left bottom; height: 80px; width: 100%; margin-top: 20px;}















.topmenubar {background: url(images/b_body_c.bg.png) no-repeat center top; position: absolute; bottom: 0; width: 1000px; height: 55px;}







@media screen and (-webkit-min-device-pixel-ratio:0) { .topmenubar {margin-left: 1px;} }















/*General*/







a, .link { color: #004276; text-decoration: none; }







.gray { color: #AAAAAA; }







.gray a{ color: #AAAAAA!important; }















/*Typography*/







h1, h2, h3 {margin-bottom: 10px;}


h4, h5, h6 {margin-bottom: 5px;}




h1 { font-size: 28px; line-height: 33px; }







h2 { font-size: 24px; }







h3 { font-size: 20px; }







h4 { font-size: 18px; }







h5 { font-size: 15px; }







h6 { font-size: 13px; }















p{margin-bottom: 20px;}







blockquote { quotes: none; }







del { text-decoration: line-through; }







/* tables still need 'cellspacing="0"' in the markup */







/* table { border-collapse: collapse; border-spacing: 0; } */







pre { font-family: "Courier 10 Pitch", Courier, monospace; }







code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }















.divhr { 







	border-bottom:1px dotted #cccccc;padding-top:0px;margin-bottom:15px;







} 















/* Text elements */







ol ol { list-style: upper-alpha; }







ol ol ol { list-style: lower-roman; }







ol ol ol ol { list-style: lower-alpha; }







ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }







dl { margin: 0 0 24px 0; }







dt { font-weight: bold; }







dd { margin-bottom: 18px; }







strong { font-weight: bold; }







cite, em, i { font-style: italic; }







big { font-size: 131.25%; }







ins { background: #ffc; text-decoration: none; }







blockquote { font-style: italic; padding: 0 3em; }







blockquote cite, blockquote em, blockquote i { font-style: normal; }







pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }







abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }







sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }







sup { bottom: 1ex; }







sub {top: .5ex; }







/**/







#content ul ul,







#content ol ol,







#content ul ol,







#content ol ul {







	margin-bottom: 0;







}







#content pre,







#content kbd,







#content tt,







#content var {







	font-size: 15px;







	line-height: 21px;







}







#content code {







	font-size: 13px;







}







#content dt,







#content th {







	color: #000;







}







#content table {







	border: 1px solid #e7e7e7;







	margin: 0 -1px 24px 0;







	text-align: left;







	width: 100%;







}







#content tr th,







#content thead th {







	color: #888;







	font-size: 12px;







	font-weight: bold;







	line-height: 18px;







	padding: 9px 24px;







}







#entry-author-info {







	background: #f2f7fc;







	border-top: 4px solid #000;







	clear: both;







	font-size: 14px;







	line-height: 20px;







	margin: 24px 0;







	overflow: hidden;







	padding: 18px 20px;







}







#entry-author-info #author-avatar {







	background: #fff;







	border: 1px solid #e7e7e7;







	float: left;







	height: 60px;







	margin: 0 -104px 0 0;







	padding: 11px;







}







#entry-author-info #author-description {







	float: left;







	margin: 0 0 0 104px;







}







#entry-author-info h2 {







	color: #000;







	font-size: 100%;







	font-weight: bold;







	margin-bottom: 0;







}







.entry-utility {







	clear: both;







	color: #888;







	font-size: 12px;







	line-height: 18px;







}







.entry-meta a,







.entry-utility a {







	color: #888;







}







.entry-meta a:hover,







.entry-utility a:hover {







	color: #ff4b33;







}







.video-player {







	padding: 0;







}















.hide{







	display:none;







}







.inline-block{







	display:inline-block;







}







.b_page_c{ }















/*Topper*/







#topper { height: 47px; text-shadow: 0 -1px 0 #2a3237; }







#topper .goodies{ position: relative; }







#topper .goodies a:hover{ color:#d4dcde; }















/*Search*/







#searchform { padding-top: 10px; text-align: left; position: relative; display: inline-block; }







fieldset { border: 0; margin: 0; padding: 0; }







#searchbox { float: left; margin: 0; }







#searchbox input.input { height: 27px; line-height: 26px; color: #848484;  width: 199px; padding:0 0 0 30px; background: url(images/search.bg.png) no-repeat left top; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }







p.button.search { float: left; background: url(images/search.button.png) no-repeat left top; line-height: 27px; height: 27px; display: inline-block!important; margin: 0; }







p.button.search input { cursor: pointer; padding: 0px 10px; *padding: 0px 2px; cursor: pointer; height: 27px; background: transparent url(images/search.button.png) no-repeat right -27px; border: none; display: inline-block; text-shadow: 0 -1px 0 #2a3237; color: #fff; }







input#searchsubmit { padding: 5px 10px!important;}







label.screen-reader-text {display: block;}















/*Branding*/







#branding {	height: 100px; padding-top: 10px;}















/*Logo*/







.logo { display: block; }







.logo a{ cursor: pointer; color: #535c63; float: left; text-indent: -9999em; width: 100%; }







.logo a span{ font-family: Arial; font-size: 10px; color: #7d7d7d; display: block; text-shadow: 0 1px 0 #fff; text-transform: uppercase; margin-top: 5px; font-weight: bolder;}















/*Social*/







.social{







	padding-top: 36px;







}







.social a{







	background:url(images/social.delimiter.png) no-repeat 0 0;







	display: inline-block;







	line-height: 30px;







	margin: 0 0 0 20px;







	font-size: 12px;







	font-weight: bold;







	text-transform: uppercase;







	text-decoration: none;







}







.social a:hover span{







	text-decoration: none;







}







.social a:first-child{







	background:none;







	margin: 0;







}







.social a span{







	display: inline-block;







	background:url(images/social.png) no-repeat 0 0;







	height: 30px;







	padding: 0 0 0 34px;







	margin: 0 0 0 20px;







	color: #3F4950;







}







.social a span.facebook{







	background-position: left -30px;







}







.social a span.rss{







	background-position: left -60px;







}







.social a span.linked{







	background-position: left -90px;







}







.social a span.twitter:hover{







	background-position: left -120px;







}







.social a span.facebook:hover{







	background-position: left -150px;







}







.social a span.rss:hover{







	background-position: left -180px;







}







.social a span.linked:hover{







	background-position: left -210px;







	padding: 0 0 0 38px;







}















.clearfix {







	margin-bottom: 0px;







}







/*Menu*/







#access {







	margin: 10px 0 0 0;







	z-index: 999;







	*margin-left: 1px;







}







@media screen and (-webkit-min-device-pixel-ratio:0) {







   #access {margin: 10px 0 0 1px;}







}







/*Slides*/







#slides {







	z-index: 1;







	position: relative;







	height: 300px;







	*margin-left: 1px;







}







/*@media screen and (-webkit-min-device-pixel-ratio:0) {







   #slides {left: 1px;}







}*/







.slides_container {







	width:980px;







	height: 300px;







	overflow:hidden;







	position:relative;







}







.slides_container div.slide {







	width:980px;







	height:300px;







	display:block;







}







#slides .next,#slides .prev {







	position:absolute;







	top:107px;







	width:21px;







	height:32px;







	display:block;







	z-index:101;







	background:url(images/arrows.png) no-repeat 0 0;







	text-indent: -999em;







}







#slides .prev {







	left:-40px;







}







#slides .next {







	right:-40px;







	background-position:-21px 0;







}







#slides .prev:hover {







	background-position:0 -32px;







}







#slides .next:hover {







	background-position:-21px -32px;







}















/*Slides pagination*/







.pagination { z-index:999; position: absolute; bottom: 16px; right: 10px; }







.pagination li { float:left; margin-left: 5px; list-style:none; }







.pagination li a { display:block; width:10px; height:10px; text-indent:-999em; float:left; overflow:hidden; border: 1px solid #B8C4CF; color: #B8C4CF;}







.pagination li.current a { background-color: #B8C4CF; }







.caption { width: 940px; z-index:500; position:absolute; bottom:-35px; left:0; height:35px; padding:5px 20px; background: url(images/bg.black.png) repeat 0 0; width:100%; font-size:1em; line-height:1.33; color:#fff; text-shadow:0 -1px 0 #01262D; }















/*Top*/







#toTop {







	background: transparent url(images/back.to.top.png) no-repeat left top;







	width: 86px;







	height: 14px;







	position: fixed;







	bottom: 50%;







	right: 5px;







	cursor: pointer;







	display: none;







	z-index: 999;







	text-indent: -9999em;







}







#toTop:hover{







	background-position: left bottom;







}







/*footer*/







.b_body_f{







	color: #fff;







}







.b_body_f a{ color: #fff; word-wrap: break-word; }







.b_body_f .bottom ul{







	margin: 25px 0 5px;







}







.b_body_f .bottom li{







	display: inline;







	border-left: 1px solid #fff;







	padding:0 10px;







}







.b_body_f .bottom li:first-child{







	border-left: 0;







	padding-left: 0;







}







.b_body_f .bottom li a{







	color: #fff;







	text-decoration: none;







}







.b_body_f .bottom li a:hover{







	text-decoration: underline;







}







.b_body_f h4{







	font-size: 14px;







	text-transform: uppercase;







	background: url("images/dot.png") repeat-x bottom left;







	padding-bottom: 15px;







	margin: 16px 0 14px 0;







	font-weight: bold;







}







.b_body_f .b_f_c li{







	background: url("images/dot.png") repeat-x top left;







	padding-top: 15px;







	margin-bottom: 15px;







}







.b_body_f .b_f_c li:first-child{







	background: none;







	padding-top: 0;







}







.b_body_f ul li ul{







    display: none;







}







/*me on twitter module*/







.b_body_f .cosmo-twit-container span{ line-height: 20px; display: block; }







.b_body_f .cosmo-twit-container span a { color: #999; }







.b_body_f .cosmo-twit-container a{ color: #8fb4e7; }







.b_body_f .cosmo-twit-container p{ margin:0; }







.i_join_us{ background: url("images/bird.png") no-repeat; width: 162px; height: 22px; display: block; margin: 10px 0 0 5px; }







.widget .i_join_us{ display: none;}















/*latest post module*/







.b_body_f .b_latest_post,.b_body_f .b_latest_post a{ color: #fff;}







.b_latest_post{ }







.b_latest_post li a{ background: url("images/add_ico.png") no-repeat left center; display: inline-block; padding-left: 15px; line-height: 15px; }







.b_body_f .b_latest_post li a{ text-shadow: 0 -1px 0 #000; }















/*Widget*/







.widget {background: url("images/dot_sep.png") repeat-x bottom left; padding-bottom: 15px; margin-bottom: 10px;}







.widget li{ background: url("images/dot_white.gif") repeat-x top left; padding-top: 13px; margin-bottom: 14px; }







.widget li:first-child{ background: none; }







.widget li a{ line-height: 15px; word-wrap: break-word;}







.widget .textwidget {display: inline-block; width: 100%; margin: 15px 0;}







.widget .tagcloud {display: inline-block; width: 100%; margin: 15px 0;}







.widget.widget_archive select{display: inline-block; width: 100%; margin: 20px 0 10px 0;}















.recentcomments {font-style: italic;}















/* Tabs */







.tab_menu { display: inline-block;







	float: left;







	background: url("images/menu_tabs_bg.png") repeat-x left top ;







	list-style:none;







	margin: 0!important;







	padding: 0;







	height: 37px;







	width: 100%;







	text-align: center;







}







.tab_menu ul { padding: 0; }







.tab_menu li:first-child { padding: 0; }







.tab_menu li { margin-top:0; border-top: none; padding: 0; float: left; border-right: 1px solid #d5d5d5; border-left: 1px solid #fff; position: relative; width: auto;}







.tab_menu li a{ float: left; text-decoration: none; font: bold 12px arial; text-shadow: 0 1px 0 #fff;  color: #000; outline: none; text-align: left; height: 37px; line-height: 40px; text-align: center; padding: 0 12px; }















.tab_menu li a.current {







	background: #fff;







	margin-bottom: -1px!important;







	border-bottom: 1px solid #fff;







}







.tab_menu li a.current span {







	top: 0px;







	background: url("images/menu_shadow.png") repeat-x right 0px;







	display: block;







	width: 12px;







	height: 38px;







	position: absolute;







	right: -13px;







	*right: -14px;







	z-index:9999;







	float: left;







}







/* tab_menu_content */







.tab_menu_content{ }







.tab_menu_content li{ padding: 15px 0; background: url("images/dot_white.gif") repeat-x top left; margin-bottom: 10px; min-height: 51px; }







.tab_menu_content li:first-child{ background: none; }







.tab_menu_content h5{  padding-bottom: 4px; margin-bottom: 0px; font-size: 12px; font-weight: normal; line-height: 17px; }







.tab_menu_content img{ border: 1px solid #D5D5D5; float: left; height: 54px; margin-right: 20px; padding: 3px; width: 54px; }







.tab_menu_content span{ display: inline-block; font-size: 11px; font-style: italic; color: #aaa; }







.tab_menu_content a{ color: #004276;}















/*contact module*/







.b_contact input[type="text"],.b_contact textarea{







 	background: url("images/input_bg.png") repeat;







 	border: none;







 	margin-bottom: 10px;







  	-moz-border-radius: 3px;







    border-radius: 3px;







    -webkit-border-radius: 3px;







    -khtml-border-radius: 3px;







    width: 97%;







    color: #fff;







}







.b_contact .inp_button{







	background: url("images/button.png") repeat;







	width: 103px;







	height: 32px;







	border: 0;







	color: #fff;







	cursor: pointer;







}







.b_contact p{margin: 0;}







.b_contact p#send_mail_result{margin: 5px 0 0 10px; float: left;}















/*content*/







#content{







	margin-right: 0;







	padding-right: 10px;







}







#primary{







	margin-right: 0;







}







/*Post*/







.b_text {line-height: 1.6em; word-wrap: break-word;}







.post h2.entry-title, h3.widget-title, h3.h3title, h3.about-title, h3.related-title{ color: #3f4950; font-size: 20px; background: url("images/dot_white.gif") repeat-x bottom left; margin-top: 15px; padding-bottom: 15px; line-height: 22px; margin-bottom: 15px;}







h3.h3title, h3.about-title, h3.related-title, h3.widget-title, h3#reply-title {font-size: 14px;}







h3.widget-title{ margin-bottom: 0px;}







.post .b_title{ margin-bottom: 10px; color: #aaa;}







.post .b_img{ background-color: #fff; width: 160px; padding: 4px; border: 1px solid #CACACA; float: left; margin: 0 20px 10px 0; word-wrap: break-word; text-align: center;}







.b_tag{ margin: 0px 0 20px 0; }







.b_tag a, p.tags a{ -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; background-color: #fff; display: inline-block; float: left; margin: 0 15px 15px 0; padding: 4px 10px; color: #535c62; }







p.tags a{ background:#fafafa;}







p.tags { margin: 0;}







.b_but{ margin: 20px 0 10px; }







.but, p.form-submit input, input#searchsubmit { background: url("images/button_bg.png") repeat-x; border: 1px solid #e1e1e1; padding: 5px 30px 5px 10px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; position: relative; color: #353e3f; cursor: pointer;}







.but span{ background: url("images/arraw.gif") no-repeat; width: 12px; height: 8px; position: absolute; top: 9px; right: 10px; display: inline-block; }







.post{ background: url("images/dot_sep.png") repeat-x scroll left bottom transparent; padding-bottom: 20px; position: relative; float: left; width: 100%; }







.post.main-page-post{ background: none; padding: 10px 0;}















.post h2.page_title  { background: none; font-size: 20px; padding-bottom: 15; padding-top: 15px;}







.post h4.tabs_title {margin-bottom: 0; font-weight: bold; font-size: 14px;}















.post .b_text ul { margin: 0 0 18px 1.5em; margin-bottom: 24px;}
.post .b_text ol li{list-style: decimal;}
.post .b_text ul ol li{list-style: decimal;}
.post .b_text ol{margin: 0 0 18px 25px; margin-bottom: 24px;}














/*Cosmo-categories*/







.cosmo-category{ display: inline; margin:25px 20px 30px 0; width: 300px;  background: transparent url(images/cosmo.cat.bg.png) no-repeat 0 27px; }







.cosmo-category.last{ margin:25px 0 30px 0; }







.cosmo-category h3.title   { color: white; white-space: nowrap; overflow: hidden; font-size: 12px; margin-bottom: 0; background: url(images/b_head.bg.png) repeat-x 0 0; height: 30px; line-height: 30px; text-indent: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }







body.darkblue .cosmo-category h3.title {background: url(theme/darkblue/images/b_head.bg.png) repeat-x 0 0;}







body.green .cosmo-category h3.title {background: url(theme/green/images/b_head.bg.png) repeat-x 0 0;}







body.red .cosmo-category h3.title {background: url(theme/red/images/b_head.bg.png) repeat-x 0 0;}







body.grey .cosmo-category h3.title {background: url(theme/grey/images/b_head.bg.png) repeat-x 0 0;}







body.lightblue .cosmo-category h3.title {background: url(theme/lightblue/images/b_head.bg.png) repeat-x 0 0;}







body.orange .cosmo-category h3.title {background: url(theme/orange/images/b_head.bg.png) repeat-x 0 0;}







body.teal .cosmo-category h3.title {background: url(theme/teal/images/b_head.bg.png) repeat-x 0 0;}















.cosmo-category h3.title a   { color: #fff; text-shadow:none;}







.cosmo-category .cosmo-category-content{ padding:15px 0; height: 166px; width: 270px; overflow: hidden; position: relative;margin-left: 15px;}







.cosmo-category .cosmo-category-content a.cosmo-image{ height: 100px; width: 260px; overflow: hidden; padding: 4px; border: solid 1px #CCC; background: #fff url(images/loading.gif) no-repeat center center; float: left; position:relative;}







.cosmo-category .cosmo-category-content a.cosmo-image.no-image span{ background: #FAFAFA;}







.cosmo-category .cosmo-category-content a.cosmo-image span { height: 100px; width: 100%; overflow: hidden; float: left;}







.cosmo-category .cosmo-category-content a.cosmo-image span img { width:100%;}







.cosmo-category .cosmo-category-content h4.cosmo-category-content-h4 { display: inline-block; font-size: 14px; font-weight: bold; margin: 15px 0 4px 0; white-space: nowrap; overflow: hidden; }







.cosmo-category .cosmo-category-content p { margin: 0px 0 15px 0; color: #3F4950; word-wrap: break-word;}







.cosmo-category ul.cosmo-posts-more { list-style-type: none; list-style-position: inside; padding:15px 0 0 15px; margin:15px 0 0 15px;border-top: dotted 1px #CCC; width: 250px;}







.cosmo-category ul.cosmo-posts-more li { line-height: 1.6em; list-style-type: square; color: #598BC1; }















.cosmo-twit-container { margin-top: -15px;}







.widget .cosmo-twit-container { margin-top: 10px;}







.cosmo-twit-container ul li div{padding: 15px 0; }















p.cosmo-comments{ position: absolute; top: 30px; right: 10px; z-index: 5; background: url(images/comments.png) no-repeat right -26px; display: inline-block; padding: 0 12px 0 0!important; height: auto!important; }







.post p.cosmo-comments{ top: 0px; margin: 0!important;}







p.cosmo-comments a { color: black; text-shadow: 0 1px 0 white; font-size: 12px; font-weight: normal; text-decoration: none; padding: 0 10px; background: url(images/comments.png) no-repeat left 0; display: inline-block; height: 26px; line-height: 20px; padding: 0px 0px 0px 12px;}















/*Comments*/







#comments {display: inline-block; padding-top: 0px; clear: both;}







.cosmo-comment{}







.cosmo-comment blockquote{color:#838383;}







.cosmo-comment-list{ padding-left:0px; clear:both; margin:0; list-style-position:outside; }







.cosmo-comment-list li{ list-style-type:none; position:relative; margin-bottom:20px; padding:0px; }







.cosmo-comment-list ul.children{ margin-left: 96px; clear: both;  }







.comment-body { margin: 20px 0; }







.cosmo-comment-thumb{ width:60px; height:60px; padding:3px; border:1px solid #cacaca; margin-right:28px; float:left; background: #fff;}







.cosmo-comment-leftpointer{ background:url(images/leftpointer.png) 0 0 no-repeat; width:13px; height:23px; position:absolute; left:84px; top:20px; z-index:200; }







.cosmo-comment-textinfo{ font-size:11px; margin:0; padding:0px; }







.cosmo-comment-name{ font-weight:normal; }







.cosmo-comment-textinfo span.reply{ position: absolute; top: 15px; right: 15px; background: url(images/reply.png) no-repeat 0 1px; margin:0!important; text-indent: 18px; height: 16px; }







.cosmo-comment-quote{ *margin-top: -20px; border:1px solid #e7e7e7; padding:15px 18px; margin-left:96px; line-height:18px; background-color:#fff; word-wrap: break-word;}







.cosmo-comment-quote p{ margin:0px 0px 0px 0px !important; padding:10px 0 0 0 !important; line-height:20px; background:none; clear:none; font-style:normal; }















.pingback {margin: 20px 0; background: url("images/dot_white.gif") repeat-x scroll left bottom transparent; padding-bottom: 15px!important;}















form { position:relative; } 







form fieldset { border:0; margin:0; padding:0; }







#respond form p { margin-bottom: 10px; width: 100%; display: inline-block;}















#respond { display: inline-block; width: 100%; padding: 0 0 30px 0; margin-top: 10px; }







h3#reply-title{ background: none; color: #3f4950; background: url("images/dot_white.gif") repeat-x bottom left; margin-top: 15px; padding-bottom: 15px; line-height: 18px; margin-bottom: 10px;}







h3#reply-title small a{ position: absolute; right: 0px; text-transform: lowercase; color: red!important; font-weight: normal; }







em.comment-awaiting-moderation{ color: red!important; }







#commentform input { float: left; padding: 0 0 9px 8px; width: 50%; margin-right: 10px;}







#commentform label { display: block; float: left; padding: 6px 0 0 0; }







#commentform p.form-submit input {width: auto; color: #3F4950; padding: 5px 10px; }







#commentform textarea { height: 160px; width: 92%; }















/*meta*/







.blog-meta { font-size: 11px; position: relative; }







.blog-meta p { float: left; padding: 0 0 0 20px; margin: 0 10px 0 0!important; color: #777; height: 16px;}







.blog-meta p a { color: #777;}







.blog-meta p.user { background: url(images/ico.meta.png) no-repeat 0 0}







.blog-meta p.time { background: url(images/ico.meta.png) no-repeat 0 -16px }







.blog-meta p.edit_post { background: url(images/ico.meta.png) no-repeat 0 -32px }















.post .blog-meta { display: inline-block; width: 100%; margin-bottom: 15px;}







.post .blog-meta ul { background: url(images/ico.meta.png) no-repeat 0 -48px; padding: 0 0 0 20px; margin-top: 20px; float: left;}







.post .blog-meta ul li{ float: left; margin:0 0 4px 8px; width: auto; font-size: 12px;}







.post .blog-meta ul li a {color: #777; }















/*Breadcrumbs*/







.breadcrumbs { width: 940px; margin: 0 10px; padding:20px 0 40px 0; *padding:20px 0; font-size: 11px; background: url("images/dot_sep.png") repeat-x left bottom ; clear: both;}







.breadcrumbs p{ float: left; line-height: 14px; }







.breadcrumbs ul{ white-space: nowrap; overflow: hidden; max-width: 800px; float: left; }







.breadcrumbs li { display: inline; margin-left: 8px; padding-left: 12px; width: auto; background: url("images/breadcrumbs.arrow.gif") no-repeat left center; }







.breadcrumbs li:first-child { background: none; padding-left: 0px; }















/*General Mosaic Styles*/







.mosaic-overlay { display:none; z-index:5; position:absolute; top:0px; left: 0px; width:260px; height:100%; text-align: center; line-height: 1.6; font-weight: 500; padding:40px 0 0 0; color: #fff; text-shadow: 0 -1px 0 #01262D;}







.fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(images/bg.black.png); }















#related .mosaic-overlay { width:100%; height:100%; padding:40px 0 0 0;}















/*Box author*/







.box-author, .box-related {font-size: 12px; line-height: 18px; background: url("images/dot_sep.png") repeat-x left top transparent; padding-top: 10px; margin: 15px 0 0 0;}







.box-author h2 {margin-bottom: 10px;}







.box-related h2 {margin-bottom: 0px!important;}







.box-author img.avatar {float: left; display: inline; margin: 0 15px 0 0; width:60px; height:60px; padding:3px; border:1px solid #cacaca; }







.box-author p {margin: 15px 0 0 0; }







.box-author p.more {font-size: 11px; margin:15px 0 0 0; }















/*Related posts*/







#related .column_wrap { margin:0; position: relative; overflow: hidden;}







#related .column { width: 140px; margin: 0px 20px 0 0; float: left; position: relative; overflow: hidden; }







#related .column.last { margin:0; }







#related .column h3 a { font-size: 12px; line-height: 20px; text-transform: none; font-weight: normal; margin: 10px 0; float: left; word-wrap: break-word; width: 140px;}







#related a.cosmo-image { height: 97px; width: 130px; overflow: hidden; padding: 4px; border: solid 1px #CCC; float: left; position: relative; background: #fff; }







#related a.cosmo-image span { height: 100%; width: 100%; overflow: hidden; float: left; word-wrap: break-word;}







#related a.cosmo-image.no-image span{ background: #FAFAFA;}







#related a.cosmo-image img { width: 100%; }







#related p.cosmo-comments { top: 10px;}















/*Cosmo-share*/







.cosmo-share { clear:both; display: inline-block; background: url("images/dot_sep.png") repeat-x left top transparent; padding-top: 25px; margin: 50px 0 0 0; width: 100%;}







.cosmo-share p { margin: 0px;}







.cosmo-share a { background: url(images/cosmo-share.png) no-repeat; text-indent: -9999em; height: 32px; width: 32px; float: left; margin: 0 8px; }







.cosmo-share a.twitter { background-position:0 0; }







.cosmo-share a.facebook { background-position:0 -32px; }







.cosmo-share a.digg { background-position:0 -64px;}







.cosmo-share a.technorati { background-position:0 -96px; }







.cosmo-share a.stumble { background-position:0 -128px; }







.cosmo-share a.reddit { background-position:0 -160px; }







.cosmo-share a.delicious { background-position:0 -192px; }







.cosmo-share a.google { background-position:0 -224px; }







.cosmo-share a.myspace { background-position:0 -256px; }







.cosmo-share a.rss { background-position:0 -288px; }















/*Tooltips*/







.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }







.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }







.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }







.tipsy-north { background-position: top center; }







.tipsy-south { background-position: bottom center; }







.tipsy-east { background-position: right center; }







.tipsy-west { background-position: left center; }















.bg_gray{ background-color: #fafafa; padding-bottom: 40px; text-shadow: 0 1px 0 #fff; }















/*Demo style switcher*/







.style_switcher{position: fixed; right:5px; color:#ffffff; top: 9px;z-index: 999;}







.cosmo-tabs.style_switcher{left:5px; color:#000; top: 36px; width: 74px; }







.cosmo-tabs.style_switcher .tabs-container  {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; text-align: center; float: left;}







.cosmo-tabs.style_switcher .tabs-container p { margin: 10px 0; display: block; font-weight: bold; clear: both;}















.cosmo-tabs.style_switcher a.cosmo-colors, .cosmo-tabs.style_switcher a.cosmo-pattern{width: 20px; height: 20px; display: block; float: left; margin-right: 2px; margin-left: 2px; margin-bottom: 5px; border: 1px solid #CACACA; text-indent: -9999em; cursor: pointer;}















.cosmo-tabs.style_switcher a.cosmo-colors.default{background-color: #474e58;}







.cosmo-tabs.style_switcher a.cosmo-colors.darkblue{background-color: #282935;}







.cosmo-tabs.style_switcher a.cosmo-colors.red{background-color: #770f19;}







.cosmo-tabs.style_switcher a.cosmo-colors.green{background-color: #375d01;}







.cosmo-tabs.style_switcher a.cosmo-colors.grey{background-color: #343436;}







.cosmo-tabs.style_switcher a.cosmo-colors.orange{background-color: #b73c02;}







.cosmo-tabs.style_switcher a.cosmo-colors.lightblue{background-color: #20415e;}







.cosmo-tabs.style_switcher a.cosmo-colors.teal{background-color: teal;}















.cosmo-tabs.style_switcher a.cosmo-pattern.paper{background: url(images/pattern.paper.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.noise{background: url(images/pattern.noise.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.dirty{background: url(images/pattern.dirty.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.grid1{background: url(images/pattern.grid1.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.grid2{background: url(images/pattern.grid2.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.thicklines{background: url(images/pattern.thicklines.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.thinlines{background: url(images/pattern.thinlines.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.squares{background: url(images/pattern.squares.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.retro{background: url(images/pattern.retro.jpg) no-repeat; }







.cosmo-tabs.style_switcher a.cosmo-pattern.flowers{background: url(images/pattern.flowers.jpg) no-repeat; }















.tabs-container p{







	margin-bottom:0px;







} 







/*Accordion*/







.cosmo-accordion{ clear:both; margin: 20px 0;}























/*







Resize images to fit the main content area.







- Applies only to images uploaded via WordPress by targeting size-* classes.







- Other images will be left alone. Use "size-auto" class to apply to other images.







*/







img.size-auto,







img.size-full,







img.size-large,







img.size-medium,







.attachment img {







	max-width: 100%; /* When images are too wide for containing element, force them to fit. */







	height: auto; /* Override height to match resized width for correct aspect ratio. */







}







.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }







.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }







.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }







img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }







.wp-caption {







	background: #f1f1f1;







	line-height: 18px;







	margin-bottom: 20px;







	max-width: 100% !important; /* prevent too-wide images from breaking layout */







	padding: 4px;







	text-align: center;







}







.wp-caption img {







	margin: 5px 5px 0;







}







.wp-caption p.wp-caption-text {







	color: #888;







	font-size: 12px;







	margin: 5px;







}







.wp-smiley {







	margin: 0;







}







.gallery {







	margin: 0 auto 18px;







}







.gallery .gallery-item {







	float: left;







	margin-top: 0;







	text-align: center;







	width: 33%;







}







.gallery-columns-2 .gallery-item {







	width: 50%;







}







.gallery-columns-4 .gallery-item {







	width: 25%;







}







.gallery img {







	border: 2px solid #cfcfcf;







}







.gallery-columns-2 .attachment-medium {







	max-width: 92%;







	height: auto;







}







.gallery-columns-4 .attachment-thumbnail {







	max-width: 84%;







	height: auto;







}







.gallery .gallery-caption {







	color: #888;







	font-size: 12px;







	margin: 0 0 12px;







}







.gallery dl {







	margin: 0;







}







.gallery img {







	border: 10px solid #f1f1f1;







}







.gallery br+br {







	display: none;







}







p.attachment img {/* single attachment images should be centered */







	display: block;







	margin: 0 auto;







}







#gallery-1 img {border: 1px solid #cfcfcf!important; padding: 6px; }















.pag {width: 100%; float: left; text-align: center; margin: 20px auto 0 auto;}















/*Ads area*/







.cosmo-ads { margin: 0 10px; padding: 24px 0 30px 0; font-size: 11px; background: url(images/dot_sep.png) repeat-x left bottom; clear: both; text-align: center;}







.w_940 .cosmo-ads { margin: 0;}







.post .cosmo-ads { margin: 20px  0 10px 0; padding: 30px 0 0 0; background: url(images/dot_sep.png) repeat-x left top; text-align: center;}







.border-bottom {background: url(images/dot_sep.png) repeat-x left bottom;}















/*Calendar*/







#wp_tag_cloud div { line-height: 1.6em; }







#calendar_wrap {margin-top: 20px; }







#wp-calendar { width: 100%; }







#wp-calendar caption { font-size: 14px; font-weight: bold; padding: 0 0 20px 0; text-align: center; }







#wp-calendar thead { font-size: 11px; }







#wp-calendar thead th { }







#wp-calendar tbody { }







#wp-calendar tbody td { padding: 3px 0 2px;  text-align: center; }







#wp-calendar tbody .pad { background: none; }







#wp-calendar tfoot #next, #wp-calendar tfoot #prev {padding: 20px 0 0 0; }







#wp-calendar tfoot #next {  text-align: right; }







#wp-calendar tfoot #next {  text-align: right; }















/*Flickr*/







.flickr_badge_image{ float:left; margin:0px 22px 22px 0px; }







.flickr_badge_image.last { margin:0px 0 22px 0px; }







.flickr_badge_image img {padding: 4px; border: 1px solid #3c3c3c; background: #fff;}







.widget .flickr {margin: 15px 0; }







.widget .flickr_badge_image img {border:1px solid #d9d9d9;}















/**/







.sticky {}







.bypostauthor {}







#agenda tbody {padding:8px;!important;}



#agenda thead th {padding:10px 10px;font-size:15px;font-weight:bold;text-align:left;color:#555555;background-color: #dddddd;}



#agenda td {padding:4px 10px;text-align:left;}