/*
    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.6
    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, h4, h5, h6 {margin-bottom: 10px;}
h1 { font-size: 28px; line-height: 33px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
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; }

/* 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;
	/*display:none;*/
}
.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: 18px; background: url("images/dot_white.gif") repeat-x bottom left; margin-top: 15px; padding-bottom: 15px; line-height: 18px; 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: 0; 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 ul li{ list-style: square; }

/*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: 0; width: 100%;}
.cosmo-share p { margin: 8px 0;}
.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(http://www.sinnvollereise.de/wp-content/themes/blogitty/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 {}

.widget .b_contact input[type="text"], .widget .b_contact textarea {
	background: none repeat scroll 0 0 white;
    border: 1px solid #E1E1E1;
    color: #000000;
}

.post .b_text ol li {
	list-style-type: decimal ;
	margin-left: 15px;
}