/*
Theme Name: Commute Reader
Theme URI: http://www.ezwpthemes.com/templates/commute-reader.html
Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.
Version: 1.0
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: brown, fixed width, two columns, right sidebar, threaded comments,pagenavi, adsense ready, social bookmarking
*/


/* Global */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF6600;
}
h1, h1 a:link, h1 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	color: #CC0000;
	display: block;
	clear: both;
	text-decoration: none;
	margin-top: 70px;
}
h2 {
	font-size: 2em;
	color: #CC0000;
}
h2 a:link, h2 a:visited {
	color: #CC0000;
	text-decoration: none;
}
h2 a:hover, h2 a:active {
	color: #FF6600;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
#wrap {
	width: 900px;
	margin: 0 auto;
}


/* Header */
#header {
	height: 265px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
}
#header_content {
	float: right;
	width: 415px;
}

#header_content ul {
	display: block;
	margin-top: 6px;
	list-style-type: none;
	margin-left: 100px;
}

#header_content li {
	float: left;
	margin-left: 20px;
	font-size: 1.1em;
}
#header_content li a:link, #header_content li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#header_content li a:hover, #header_content li a:active {
	color: #FF6600;
	text-decoration: underline;
}
#about_title {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #B2B2B2;
}
#about_descripiton {
	font-size: 1.1em;
	line-height: 128%;
	color: #B2B2B2;
}

/* Navigation */
#nav {
	background-color: #8C8C8C;
	height: 48px;
	margin-top: 4px;
}
#nav ul {
	list-style-type: none;
}
#nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	float: left;
	line-height: 48px;
	padding-left: 30px;
	font-weight: bold;
}
#nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#nav li a:hover, #nav li a:active {
	color: #FF6600;
	text-decoration: underline;
}

/* searchform */


/* Container */
#container {
	width: 860px;
	margin: 0 auto;
}
#top_post {
	line-height: 150%;
	margin-top: 20px;
	font-size: 1.4em;
}
#top_post img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
#top_post p {
	padding-bottom: 6px;
}
#top_post h2 {
    padding-top: 6px;
    padding-bottom: 12px;
	font-weight: normal;
	line-height:120%;
}
#top_post h2 a {
	font-size: 1.5em;
}
/* Content */
.post .posted {
	clear:both;

}
.posted {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 10px;
}
.posted a:link, .posted a:visited {
	color: #999999;
}
.posted a:hover, .posted a:active {
	color: #FF6600;
}
#main {
	float: left;
	width: 510px;
	padding-right: 50px;
	padding-top:10px;
}
#main h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	margin-bottom: 20px;
}
.post {
	font-size: 1.3em;
	line-height: 150%;
	margin-bottom: 20px;
}
.post h2 {
	line-height: 100%;
	margin-bottom: 5px;
}
.post_cat img {
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
	margin-top:4px;
}
.post p {
	padding-bottom: 6px;
}
.post_content img {
	margin: 10px;
	width:expression(if(this.clientWidth>500)this.width=500);
	max-width:500px;
}
.post_content a:link, .post_content a:visited {
	color: #0066CC;
	text-decoration: underline;
}
.post_content a:hover, .post_content a:active {
	color: #FF6600;
}
#trail {
	font-size: 1.1em;
	padding-bottom: 10px;
}
.navigation {
	font-size: 1.1em;
	width: 500px;
}
.align_left {
	float: left;
}
.align_right {
	float: right;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
/* Sidebar */
#sidebar {
	float: right;
	width: 300px;
	padding-top:10px;
}
#sidebar ul {
	display: block;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #E6E6E6;
	list-style-type: none;
	font-size: 1.1em;
}
#sidebar li {
	background-image: url(images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	margin-bottom: 4px;
}
#sidebar_left {
float: left;
width: 150px;
}
#as {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.sidebar_text {
	border: 1px solid #E6E6E6;
	width: 105px;
}
.sidebar_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 40px;
	color: #FFFFFF;
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Footer */
#footer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	font-size: 1.1em;
	clear: both;
}

/* Comments */
#post_comments {
	font-size:1.1em;
	clear: both;
	padding-top: 20px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	border: 1px solid #E6E6E6;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1.1em;
}

.commentlist p {
	margin: 5px 5px 5px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentlist li ul li {
	font-size: 1em;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;

	color: #990000;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.3em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 98%;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	float: right;
	background-color: #CCCCCC;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	}


/* Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
}
.post_content li {list-style-position:inside;}

.post_content p {  text-indent:2em; }

blockquote {
background:none repeat scroll 0 0 #EFEFEF;
clear:both;
padding:10px;
text-indent:0px;
}
.post_content blockquote p {  text-indent:0em; }


pre {
background-color:#EFEFEF;
clear:both;
font-size:12px;
overflow:auto;
padding-bottom:2px !important;
padding-left:2px;
padding-right:2px;
padding-top:2px;
width:auto !important;
}




.syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody {
background:none repeat scroll 0 0 transparent !important;
border:0 none !important;
bottom:auto !important;
float:none !important;
font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
font-size:10px !important;
font-style:normal !important;
font-weight:normal !important;
height:auto !important;
left:auto !important;
line-height:1.1em !important;
margin:0 !important;
min-height:inherit !important;
outline:0 none !important;
padding:0 !important;
position:static !important;
right:auto !important;
text-align:left !important;
top:auto !important;
vertical-align:baseline !important;
width:auto !important;
}
.syntaxhighlighter {
margin:1em 0 !important;
padding:1px !important;
position:relative !important;
width:99% !important;
}
.syntaxhighlighter .bold {
font-weight:bold !important;
}
.syntaxhighlighter .italic {
font-style:italic !important;
}
.syntaxhighlighter .line {
}
.syntaxhighlighter .no-wrap .line .content {
white-space:pre !important;
}
.syntaxhighlighter .line table {
border-collapse:collapse !important;
}
.syntaxhighlighter .line td {
vertical-align:top !important;
}
.syntaxhighlighter .line .number {
width:3em !important;
}
.syntaxhighlighter .line .number code {
display:block !important;
padding-right:0.3em !important;
text-align:right !important;
width:2.7em !important;
}
.syntaxhighlighter .line .content {
padding-left:0.5em !important;
}
.syntaxhighlighter .line .spaces {
}
.syntaxhighlighter.nogutter .line .content {
border-left:medium none !important;
}
.syntaxhighlighter .bar {
display:none !important;
}
.syntaxhighlighter .bar.show {
display:block !important;
}
.syntaxhighlighter.collapsed .bar {
display:block !important;
}
.syntaxhighlighter.collapsed .lines {
display:none !important;
}
.syntaxhighlighter .lines.no-wrap {
overflow-x:auto !important;
overflow-y:hidden !important;
}
.syntaxhighlighter .toolbar {
font-size:1px !important;
padding:8px 8px 8px 0 !important;
position:absolute !important;
right:0 !important;
top:0 !important;
}
.syntaxhighlighter.collapsed .toolbar {
font-size:80% !important;
padding:0.2em 0 0.5em 0.5em !important;
position:static !important;
}
.syntaxhighlighter .toolbar a.item, .syntaxhighlighter .toolbar .item {
background-repeat:no-repeat !important;
display:block !important;
float:left !important;
margin-left:8px !important;
overflow:hidden !important;
text-indent:-5000px !important;
}
.syntaxhighlighter.collapsed .toolbar .item {
display:none !important;
}
.syntaxhighlighter.collapsed .toolbar .item.expandSource {
background-image:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/SM-theme-new/css/sh/magnifier.png") !important;
display:inline !important;
float:none !important;
height:16px !important;
padding-left:20px !important;
text-indent:0 !important;
width:auto !important;
}
.syntaxhighlighter .toolbar .item.viewSource {
background-image:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/SM-theme-new/css/sh/page_white_code.png") !important;
}
.syntaxhighlighter .toolbar .item.printSource {
background-image:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/SM-theme-new/css/sh/printer.png") !important;
}
.syntaxhighlighter .toolbar .item.copyToClipboard {
background:none repeat scroll 0 0 transparent !important;
overflow:visible !important;
text-indent:0 !important;
}
.syntaxhighlighter .toolbar .item.about {
background-image:url("http://media.smashingmagazine.com/cdn_smash/wp-content/themes/SM-theme-new/css/sh/help.png") !important;
}
.syntaxhighlighter.printing .line .number {
color:#BBBBBB !important;
}
.syntaxhighlighter.printing .line .content {
color:#000000 !important;
}
.syntaxhighlighter.printing .toolbar {
display:none !important;
}
.syntaxhighlighter.printing a {
text-decoration:none !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
color:#000000 !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
color:#008200 !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
color:blue !important;
}
.syntaxhighlighter.printing .keyword {
color:#006699 !important;
font-weight:bold !important;
}
.syntaxhighlighter.printing .preprocessor {
color:gray !important;
}
.syntaxhighlighter.printing .variable {
color:#AA7700 !important;
}
.syntaxhighlighter.printing .value {
color:#009900 !important;
}
.syntaxhighlighter.printing .functions {
color:#FF1493 !important;
}
.syntaxhighlighter.printing .constants {
color:#0066CC !important;
}
.syntaxhighlighter.printing .script {
font-weight:bold !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
color:#808080 !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
color:#FF1493 !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
color:red !important;
}
.syntaxhighlighter {
background-color:#FFFFFF !important;
}
.syntaxhighlighter .line.highlighted .number {
color:black !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
background-color:#E0E0E0 !important;
}
.syntaxhighlighter .line .number {
color:#AFAFAF !important;
}
.syntaxhighlighter .line .content {
border-left:3px solid #6CE26C !important;
color:#000000 !important;
}
.syntaxhighlighter.printing .line .content {
border:0 none !important;
}
.syntaxhighlighter .line.alt1 {
background-color:#FFFFFF !important;
}
.syntaxhighlighter .line.alt2 {
background-color:#F8F8F8 !important;
}
.syntaxhighlighter .toolbar {
background-color:#F8F8F8 !important;
border:1px solid #E7E5DC !important;
}
.syntaxhighlighter .toolbar a {
color:#A0A0A0 !important;
}
.syntaxhighlighter .toolbar a:hover {
color:red !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color:#000000 !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
color:#008200 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
color:blue !important;
}
.syntaxhighlighter .keyword {
color:#006699 !important;
font-weight:bold !important;
}
.syntaxhighlighter .preprocessor {
color:gray !important;
}
.syntaxhighlighter .variable {
color:#AA7700 !important;
}
.syntaxhighlighter .value {
color:#009900 !important;
}
.syntaxhighlighter .functions {
color:#FF1493 !important;
}
.syntaxhighlighter .constants {
color:#0066CC !important;
}
.syntaxhighlighter .script {
background-color:yellow !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
color:#808080 !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
color:#FF1493 !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
color:red !important;
}