/*********************************************************************************************



Theme Name: TechCompass

Theme URI: http://www.wpzoom.com/themes/techcompass

Version: 1.1

Author: WPZOOM (shared on wplocker.com)

Author URI: http://www.wpzoom.com/

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html





**********************************************************************************************



WARNING! DO NOT EDIT THIS FILE!



To make it easy to update your theme, you should not edit the styles in this file. Instead use

the custom.css file to add your styles. You can copy a style from this file and paste it in

custom.css and it will override the style in this file.



**********************************************************************************************



0.  CSS Reset  -------------------------  All Theme Files

1.  Toolbox CSS  -----------------------  All Theme Files

2.  Header & Navigation ----------------  header.php

3.  Homepage  --------------------------  index.php

4.  Archive posts ----------------------  loop.php

5.  Single posts -----------------------  single.php

6.  Comments  --------------------------  comments.php

7.  Sidebar & Widgets ------------------  sidebar.php

8.  Footer  ----------------------------  footer.php



**********************************************************************************************/



/*********************************************************************************************



0. CSS Reset  -------------------------  All Theme Files



*********************************************************************************************/



/* Reset & General Styling */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

abbr[title] { border-bottom: 0.1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; list-style-position: inside; }

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

dd { margin: 0 0 0 40px; }

nav ul, nav ol,

#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure, form { margin: 0; }

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

legend { border: 0; *margin-left: -7px; padding: 0; }

label { cursor: pointer; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; }

input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }

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

th { text-align: left; }

tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; }

td { vertical-align: top; }



/* Smart clearfix */

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }



/*********************************************************************************************



1. Toolbox CSS  -------------------------  All Theme Files



*********************************************************************************************/



/* @Font-face kits */

@font-face {

    font-family: 'Titillium';

    src: url('fonts/TitilliumText22L003-webfont.eot');

    src: url('fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L003-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L003-webfont.svg#Titillium') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'TitilliumBold';

    src: url('fonts/TitilliumText22L005-webfont.eot');

    src: url('fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/TitilliumText22L005-webfont.woff') format('woff'),

         url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'),

         url('fonts/TitilliumText22L005-webfont.svg#TitilliumBold') format('svg');

    font-weight: normal;

    font-style: normal;

}



h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0;  }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }

h1 { font-size: 26px; }

h2 { font-size: 22px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }



::-moz-selection { background: #05C; color: #fff; text-shadow: none; }

::selection      { background: #05C; color: #fff; text-shadow: none; }



img::-moz-selection	{ background: transparent; }

img::selection      { background: transparent; }



.clear, .cleaner { clear: both; height: 0; overflow: hidden; }



p { margin: 0 0 15px; padding: 0; }



a { color: #2F5889; text-decoration:none; }

a:hover {  text-decoration:underline;}

a:focus { outline: none; }

a:hover, a:active { outline: none; }



/* Navigation  */

div.navigation { padding:0;	margin:15px 0;  text-align:center; width:100%;}

div.navigation p { font-size: 12px;  margin: 0;}

div.navigation ul li { list-style-type: none;float:left; list-style-position:outside;line-height:2.7;font-size:11px; }

div.navigation ul.page-numbers { display:inline-block; background: #ffffff; border:1px solid #b6c2d2;  text-align: center;  position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:url("images/pagination.png") repeat-x; }

div.navigation a { display:block; font-weight:bold; border-left: 1px solid transparent; border-right: 1px solid transparent; font-size: 12px; line-height: 32px;   padding:0 9px; color:#6b798c; text-shadow:0 1px 0 rgba(255,255,255,0.5);}

div.navigation .current { display:block; font-weight:bold;  font-size: 12px; line-height: 32px; padding:0 9px; color:#2e3642; border-left:1px solid #a9b8c9; border-right:1px solid #a9b8c9;  background:url("images/pagination_a.png") repeat-x; }

div.navigation a:hover {  color:#2e3642; text-decoration:none; }

div.navigation .prev, div.navigation .next { padding:0 10px; font-weight:bold; color:#3a4350; background:url("images/pagination_b.png") repeat-x; }

div.navigation .prev { float:left; right:0; border-right:1px solid #f8fafb; -webkit-box-shadow: 1px 0px 0px 0px #bec9da;-moz-box-shadow: 1px 0px 0px 0px #bec9da;box-shadow: 1px 0px 0px 0px #bec9da; }

div.navigation .next { float:right; left:0; border-left:1px solid #f8fafb; -webkit-box-shadow: -1px 0px 0px 0px #bec9da; -moz-box-shadow: -1px 0px 0px 0px #bec9da; box-shadow: -1px 0px 0px 0px #bec9da; }



.floatleft { float: left; }

.floatright { float: right; }



input[type="text"],input[type="password"] {  border: 1px solid #e3e3e3;  color: #564B4B;  font-weight: normal; padding: 7px 6px; margin:0 0 10px;}

textarea { border: 1px solid #e3e3e3;  color: #564B4B;  font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}

input[type="submit"],input[type="reset"] { background-color: #8E949D;  color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 0 0 0 7px; position: relative;   cursor:pointer; }

label {	font-weight:bold;}



/*********************************************************************************************



2. Header & Navigation  -------------------------  header.php



*********************************************************************************************/





body {

	min-width: 960px;

	font-family:Arial, Helvetica, sans-serif;

	background: url("images/inner.png");

 	line-height:1.5;

	font-size:14px;

	color:#838383;

  	margin:0;

	padding:0;

}



header {

	background: #45474a url("http://blog.brokenlcds.com/wp-content/uploads/2013/05/header.png") repeat-x center top;

	border-bottom: 1px solid #101112;

	padding:22px 0 17px;
	
	height:81px;

}



.wrap {

	margin: 0 auto;

	width: 980px;

}



#logo {

	padding-right: 25px;

	display:table-cell;

	vertical-align:top;

}
#logo img{ margin:13px 0 0}

/* Search form in header */

#header #searchform #s { float: left; }

#header #searchform { width: 192px; background: url(images/search_bg.png) repeat-x; text-align: left; float: right; }

#header #searchform #s { border: none; background: url(images/search_bg.png) repeat-x; font-size: 12px; outline: 0; padding-left: 12px; color: #959595; width: 139px; }

#header #searchsubmit { background: url(images/search_btn.png) no-repeat 0 8px; border: none; cursor: pointer; text-indent: -2000px; width: 17px; height: 23px; float: right; margin-right: 8px; opacity: 0.8; }

#header #searchsubmit:hover { opacity: 1; }



#navbar {

	margin-top: 28px;

	margin-left: 30px;

	display:table-cell;

	vertical-align:top;

	width:100%;

}



#navbarsecond {

	background: #6e84a4 url("http://blog.brokenlcds.com/wp-content/uploads/2013/05/menubar.png") repeat-x center bottom;

	font-size: 12px;

	font-weight: bold;

	/*text-shadow: 0 1px 0 rgba(0, 0, 0, .7);*/

	font-family: 'Lato',sans-serif; text-transform:uppercase;

	/*padding-top:24px;*/

}



#mainmenu {

	margin-top: 30px;

}
#mainmenu a{ font-weight:bold}


/* Dropdown menu */

.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }

.dropdown { line-height: 1.0; }

.dropdown ul { position: absolute; top: -999em; width: 180px; /* left offset of submenus need to match (see below) */ }

.dropdown ul li { width: 100%; }

.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.dropdown li { float: left; position: relative; }

.dropdown a { display: block; position: relative; }

.dropdown li:hover ul,

.dropdown li.sfHover ul { left: 0; top: 28px; /* match top ul list item height */ z-index: 99; }

ul.dropdown li:hover li ul,

ul.dropdown li.sfHover li ul { top: -999em; }

ul.dropdown li li:hover ul,

ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

ul.dropdown li li:hover li ul,

ul.dropdown li li.sfHover li ul { top: -999em; }

ul.dropdown li li li:hover ul,

ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

.dropdown {

	float:left;

}

.dropdown a {

  	padding: 2px 14px;

  	margin:0 5px 0 0;

	text-decoration:none;

 	line-height:1.5;

	color:#fff;

	font-size: 14px;

	font-weight:normal;

  	text-decoration: none;

	text-shadow:none;
	 text-transform:uppercase
	
	
	

}

.dropdown a:hover {

	color:#fff;

}

.dropdown ul {

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

 	-webkit-border-radius: 3px;

 	-moz-border-radius: 3px;

 	border-radius: 3px;

	text-align: left;

	margin: 0;

	padding: 0;

}

.dropdown ul:after {

	content:"";

	display:block;

	position:absolute;

	top:-5px;

	bottom:auto;

	left:20px;

	width:0;

	border-width:0 7px 9px;

	border-color:#25292d transparent;

	border-style:solid;

}

.dropdown ul ul {

	top:0;

}

.dropdown ul ul:after {

 	display:none;

 	border-width:0;

	border-color: transparent;

}

.dropdown .current_page_item a,

.dropdown .current-cat a,

.dropdown .current-menu-item a,

.dropdown .current_page_item a,

.dropdown .current-cat a,

.dropdown .current-menu-item a {

  	outline:0;

 	color: #fff;

	/*background: #555b64 url("images/headnav-bg.png");*/

	/*-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;*/

 	box-shadow: 0 2px 4px -1px #282828;

}

.dropdown .current_page_item ul a,

.dropdown .current-cat ul a,

.dropdown .current-menu-item ul a,

.dropdown .current_page_item ul a,

.dropdown .current-cat ul a,

.dropdown .current-menu-item ul a {

  	outline:0;

 	color: #b5bdc9;

	background: none;

	background-image: none;

}

.dropdown li ul li a {

	color:#b5bac1;

	margin:0 0 5px;

	padding-top:7px;

	padding-bottom:3px;

}



.dropdown li:hover li a:hover {

	color:#fff;

}

.dropdown a.sf-with-ul {

	min-width:1px;

}

.sf-sub-indicator {

 	display:none;

}

#navbarsecond .dropdown a {

	border: 1px solid transparent;

	color: #fff;

	display: block;

	line-height: 18px;

 	padding:15px 20px;

 	margin:12 8px 7px 0;

	font-size:14px;
	font-weight:normal;
	font-family: 'Lato',sans-serif;
	text-shadow:none

}

.sub-menu{ margin:18px 0 0 !important }
.sub-menu a{ padding:10px 5px !important; margin:0 !important}

#navbarsecond .dropdown a:hover {

	color: #fff;

}

#navbarsecond .dropdown .current_page_item a,

#navbarsecond .dropdown .current-cat a,

#navbarsecond .dropdown .current-menu-item a,

#navbarsecond .dropdown .current_page_item a,

#navbarsecond .dropdown .current-cat a,

#navbarsecond .dropdown .current-menu-item a {

  	outline:0;

 	color: #fff;

 	/*background: url("images/blue2.png") repeat-x;*/

 	border-top: none;

	/*border-radius: 11px;

	border:1px solid #627da4;*/

	border-top:none;

 	box-shadow:none;

}

#navbarsecond .dropdown .current_page_item ul a,

#navbarsecond .dropdown .current-cat ul a,

#navbarsecond .dropdown .current-menu-item ul a,

#navbarsecond .dropdown .current_page_item ul a,

#navbarsecond .dropdown .current-cat ul a,

#navbarsecond .dropdown .current-menu-item ul a {

  	outline:0;

 	color: #b5bdc9;

	background: none;

	border:none;

}

#navbarsecond .dropdown li:hover li a:hover {

	color:#fff;

}



/*********************************************************************************************



3. Homepage -------------------------  index.php



*********************************************************************************************/



/* Featured Slider */

#slider {  border-bottom: 1px solid #e7e7e8; position: relative; clear: both; }

#slider .wrap { background: #fefefe; border-left: 1px solid #eceeef; border-right: 1px solid #eceeef; padding: 15px 0; }

#slider .slides_container { display: none; margin: 0 70px; min-height:270px; }

#slides { overflow: hidden; margin: 20px 0 10px; }

#slider .slide { width: 840px; float: left; display: block; min-height:270px; }

#slider .post-meta { background: none; border-top: none; line-height: 34px; padding:6px 0; }

#slider .slide_img { float: left; margin-right: 30px; }

#slider .img_shadow img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #EBEBEB; }

#slider .post { overflow:hidden; }

#slider .nav { z-index: 100; top: 45%; left: 50%; position: absolute; background: url("images/slide-arrows.png"); display: block; width: 9px; height: 18px; }

#slider .prev { margin-left: -460px; }

#slider .prev:hover { background-position: 0 -18px; }

#slider .next { margin-left: 456px; background-position: 9px 0; }

#slider .next:hover { background-position: 9px -18px; }

#slider .slnotice { margin: 10px 20px 0 20px; }



.main-wrap {

	background: #f7f6f1;

/*	border-left: 1px solid #e3e5e7;

	border-right: 1px solid #e3e5e7;*/

	margin: 0 auto;

	width: 980px;
	border-radius:0 0 15px 15px;

}



#main {

	background: #fff;

	border-right: 1px solid #e7e6e1;

	float: left;

	width: 660px;

}



/*********************************************************************************************



4. Blog posts  -------------------------  index.php, archive.php, search.php



*********************************************************************************************/



#head_title {

	background: url("images/slider-mesh.png");

	border-bottom: 1px solid #e7e7e8;

	position: relative;

	color:#262626;
	display:none

}



#head_title .wrap {

	background: #fefefe;

	border-left: 1px solid #eceeef;

	border-right: 1px solid #eceeef;

	padding:30px;

	width:920px;

}



#head_title h1 {

	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

	letter-spacing:-1px;

}



#head_title .date {

	float: right;

	color: #af9105;

	font-size: 10px;

	padding-left:15px;

	text-transform: uppercase;

}



#head_title h1.title a {

	color: #262626;

	font-size: 26px;

	font-weight: normal;

}



#main .post {

	margin: 20px 30px 35px;

}



.post h2 {

	margin:0 0 8px;

	line-height:1.3;

}



.post h2 a {

	color: #313434;

	font-size: 26px;

	letter-spacing:-1px;

}



.post h2.title {

 	margin:5px 0 15px;

 	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

}



.post h2 a:hover,  #head_title h1.title a:hover {

	color:#3583CC;

}



.post .post-content {

	color: #868b92;

	font-size: 13px;

	line-height:1.7;

}



.post .post-thumb {

	float:left;

	margin:0 15px 20px 0;

}



.post_separator {

	border-top: 1px solid #f4f6fa;

	border-bottom: 1px solid #f4f6fa;

	background: #f9fafc;

	height: 2px;

}



.more-link {

	font-weight:bold;

	text-transform:uppercase;

	font-size:11px;

	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;

}



.more-link span {

 	font-size:18px;

	line-height:18px;

	padding-left:4px;

}



.more-link:hover {

	color:#333;

	text-decoration:none;

}



#topad {

	background:#fafbfd;

	padding:25px 0;

	margin:0 auto;

	text-align:center;

}



/*********************************************************************************************



5. Single Posts Styling  ---------------------------------	 single.php, page.php



*********************************************************************************************/



.entry {

	font-size: 13px;

    line-height: 1.7;

	overflow:hidden;

}



.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {

 	margin-bottom: 12px;

	line-height:1.3;

	font-weight:bold;

	color:#3f4347;

}

.entry p { margin-bottom: 14px; }

.entry img { margin-bottom:10px; }



.entry img.alignnone,

.entry img.aligncenter,

.entry img.alignleft,

.entry img.alignright {

	margin-bottom: 10px;

	max-width: 600px;

	width:auto;

 	height:auto;

}

.entry ul, .entry ol { margin: 0 0 14px 14px; }

.entry li ul, .entry li ol { margin-bottom: 0; }

.entry li { list-style-position: inside; }

.entry ul li { list-style-type: square; }

.entry ol li { list-style-type: decimal; }

.entry blockquote {

	font-style: italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

 	border-left: solid 5px #ddd;

  	padding: 15px;

	margin: 10px;

}



/* [gallery] shortcode */

.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }

.entry .gallery { clear: both; margin: auto; text-align: center; }

.gallery img { width:150px; height:auto; }



/* Images align */

.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }

.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }



/* Caption for Images */

.entry .wp-caption {  text-align:center; max-width: 100% !important;    }

.entry .wp-caption img { background:none; margin:0; max-width:100%;  width:auto; height:auto;}

.entry .wp-caption-text { color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; margin:0; padding:4px 0 0; text-align:center; }

.entry .wp-caption.aligncenter { margin:0 auto 15px; }



img.wp-smiley { border: none; padding: 0; }

.thumbnails {  clear: both; float: left; font-size: 11px; line-height: 1.6em; margin: 10px 0 20px 15px; padding: 10px 10px 5px; }

.thumbnails img { height: 100px; margin: 5px 15px 10px; width: 100px; }



/* Meta */

.post .category , #head_title .category { float: left; line-height: 1.3; }

#slider .post .category { float: none; line-height: 1.3; }

.post .category a, #head_title .category a { color: #B3B9C2; font-size: 10px; font-weight: bold; text-transform: uppercase; }

.post .category a:hover, #head_title .category a:hover { color: #939EB1; text-decoration: none; }

.post .comments { float: right; color: #af9105; font-size: 10px; padding: 0 0 0 13px; font-weight: bold; text-transform: uppercase; background: url("images/comments.png") no-repeat left center; }

.post .comments a { color: #af9105; }

.post .comments a:hover { color: #C9A809; text-decoration: none; }



/* Meta for single posts */

.post-meta { background: #F9F9F9; padding: 6px 10px; border-top: 1px solid #E1E9EB; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif }

.single .post-meta { padding: 15px 0 15px 30px; }

.post-meta .share_box { width: 208px; padding: 0; float: right; }

.post-meta .share_btn { height: 20px; }

.post-meta span { float: left; margin-right: 14px; color: #868c96; font-size: 11px; }

.post-meta span a { color: #868c96; text-decoration: underline; }

.post-meta span a:hover { color: #202226; }

.post-meta .author img { float: left; margin: 0 8px 0 0; }

.single .post-meta span { line-height: 34px; }



/* Read more button */

.post .post-meta .readmore  a { border: 1px solid #5c6063; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; background: url("images/readme.png") repeat-x; display: block; height: 41px; line-height: 41px; font-weight: bold; padding: 0 18px; margin-right: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-decoration:none;}

.post .readmore span { font-size: 13px; color: #fff; }

.post .readmore a:hover { background: #e5c037 url("images/readmeh.png") repeat-x; border: 1px solid #aa850c; }

.post .readmore a:focus { background: #e5c037 url("images/readmef.png") repeat-x; border: 1px solid #7b5e00; }

.post-meta .readmore span { background: url("images/readme-arr.png") no-repeat 100% 16px; margin: 0; padding-right: 14px; }



/* Sharing buttons */

.single .share_box { float:right; padding: 8px 0 0;  width:320px;}

.share_box .share_btn { float: left; width:104px; }



/* Related Posts */

.related_posts {padding:15px 5px 15px 30px;}

.related_posts h3 { font-weight:bold; color: #3f4347; font-size:18px; margin:0 0 12px; }

.related_posts ul li { float:left; width:105px; list-style-type:none;  padding: 0; margin: 0 20px 10px 0; font-size:10px; color:#888; }

.related_posts ul li:last-child { border:none; }

.related_posts img { float:left; margin:0 8px 5px 0;}

.related_posts a { display:block; font-size:14px; font-weight:bold;}



/* Tags */

.single .tags_list { font-size: 11px; font-weight: bold; float: left; }

.single .tags_list a { border: 1px solid #e7e7e7; padding: 2px 3px; color: #838383; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-weight: normal; line-height: 2.5; }

.single .tags_list a:hover { text-decoration: none; border-color: #838383; }



/* Template: Sidebar on the left */

.side-left #main { float: right; border-right: 0; border-left: 1px solid #E7E6E1; }

.side-left #sidebar { float: left; }



/* Template: Full-width */

.full-width #main { width: 980px; }

.full-width .entry, .page .entry { float: none; display: block; padding-right: 0; }

.full-width .entry img { max-width: 920px; }



/* Template: Archives */

.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px dotted #ddd; padding-bottom: 15px; }

.post .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; }

.post .col_arch .right { float: left; margin-top:12px; }

.post .col_arch .right ul {margin-left:0; }

.post .col_arch .right ul li a { font-weight: normal; }

.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }





/*********************************************************************************************



6. Comments  -------------------------  comments.php



*********************************************************************************************/



#comments { display:block;  background:#fff; font-size:12px;}

#comments h3 { color: #3f4347;  padding: 20px 30px; background:#FAFBFD; font-size:18px; font-weight:bold;}

.comment-input-text textarea { width: 80%; }

.comment-list { margin: 0; padding: 0 30px 0; background:#FAFBFD; }

.comment-list li { list-style: none; }

.comment-list p { padding:15px 0 0; }

.comment-list li .commbody {   padding:0 0 8px; }

.comment-list ul { margin-bottom: 0; }

.comment-list ul.children .commbody { padding: 0 0 10px; }

.comment-author img { float: left; margin: 5px 12px 12px 5px; clear:both; }

.comment-author cite.fn  { font-style:normal; font-weight:bold; font-size:12px; color:#919cb1; display:block; }

.comment-author cite.fn a { font-weight:bold; font-size:12px; color:#919cb1;}

.comment-author cite.fn a:hover {  color:#54627B;}

.comment-profile-wrapper { text-align: center; width: 105px; }

span.says { display: none; }

.comment-meta { color:#bcc7dd; float: left; font-size:11px;}

.vcard { float: left; width: 100px; position:relative;}

.commentmetadata a { color: #bcc7dd;   }

.commentmetadata a:hover { color: #919CB1; text-decoration: none; }

.comment-gravatar { margin-bottom: 3px; }

.commtext { background:#fff; border:1px solid #ccd1d9; margin-left:112px; padding: 0 15px 15px;  margin-bottom:15px; -webkit-border-radius: 4px;

-moz-border-radius: 4px; border-radius: 4px; position:relative; }

.commtext:before { content: ""; display: block; position: absolute; left: -8px; bottom: auto; top: 15px; width: 0; border-width: 7px 7px 7px 0;border-color: transparent #ccd1d9; border-style: solid; }

.commtext:after { content: ""; display: block; position: absolute; left: -7px; bottom: auto; top: 15px; width: 0; border-width: 7px 7px 7px 0; border-color: transparent #fff; border-style: solid; }

.comment_avatar, .bypostauthor ul li .comment_avatar, .bypostauthor ul li ul li .comment_avatar  { position:absolute; width:82px; height:82px; float:right; background:url("images/bg_avatar.png") no-repeat;}

.bypostauthor .comment_avatar, .bypostauthor ul li.bypostauthor .comment_avatar, .bypostauthor ul li.bypostauthor ul li.bypostauthor .comment_avatar  { background:url("images/bg_author.png") no-repeat;}

.comment_avatar img { float: left; margin: 8px 0 15px 17px; }

.comment-content-wrapper { float: right; width: 538px; }

.comment-parent, .comment-single { margin-top: 15px; }

.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}

.comment-list ul.children ul.children { margin-left: 40px; }

.comment-list ul.children li {   margin: 0; }

.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }

.comment-list li div p { color:#747d8e line-height:1.6; font-size:13px; margin-bottom: 0;}

.comment .post-date { margin-top: 0; }

.comment .post-date .right a { color: #BBB; }

.comment .post-date .right a:hover { color: #234; }

.reply {  clear: both; float:left;   height:20px;}

.reply a { display:none; }

.commbody:hover .reply a { background:url('images/reply.png') no-repeat top left; display:block;   margin-right: 15px; padding-left:16px; }

.cancel-comment-reply { margin:0 0 7px; }

.reply a, .cancel-comment-reply a { border: none;  color: #919cb1;   font-size: 10px; margin-right: 3px; text-transform:uppercase; font-weight:bold; }

.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}



#respond  { padding:10px 30px 20px;}

#respond h3 { background:#fff; padding:10px 0 0;}

#respond li { list-style: none; }

#respond ul { margin: 0; }

#respond .legend { margin-bottom: 10px; }

#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }

#comments #respond ul { padding: 10px 0 0 15px;  }

#comments ul.children #respond ul { margin-left: 30px; padding: 0; }

#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }

#comments #respond .comment-body { background: #FFF; }

#comments #respond .comment-content-wrapper { float: none; width: 100%; }



#respond #formLabels p, #formContent p { margin: 0 0 5px; padding: 0 0 13px 0; }

#respond label { color:#6d737c;  float: left;  font-size: 12px; margin: 0 20px 0 0;  width: 38%; font-weight:bold;  padding:2px 0 0;}

#respond span {  color: #a4b0c2;   font-size: 11px;   padding:0 0 0 10px;}

#respond input, #respond textarea { clear: both; display: block; border: 1px solid #aeb6c1; color: #564B4B; font-size: 13px; font-weight: normal; padding: 7px 6px; margin: 3px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px #eceef1; -moz-box-shadow: inset 0 1px 1px #eceef1; box-shadow: inset 0 1px 1px #eceef1; }

#respond input:focus, #respond textarea:focus { border-color: #8292A7; }

#respond #formLabels input { width: 50%; }

#respond #formContent textarea { width: 97%; resize: vertical; max-height: 500px; }

#respond  .submit { text-align: center; float: right; position: relative; border: 1px solid #5c6063; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color: #fff; background: url("images/readme.png") repeat-x; display: block; height: 41px; font-weight: bold; padding: 0 18px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

#respond  .submit:hover { background: #e5c037 url("images/readmeh.png") repeat-x; border: 1px solid #aa850c; cursor: pointer; }

#respond  .submit:active { top: 1px; background: #e5c037 url("images/readmef.png") repeat-x; border: 1px solid #7b5e00; }

.comment-list li #respond p { margin-left: 0; }

.comment-list li #respond h3 { padding: 8px 0; }

#trackbacks ol { padding: 10px 0; }

#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; list-style-position:inside;}

#comments .comment-list #respond h3 { background:#FAFBFD;  }



/*********************************************************************************************



7. Sidebar & Widgets -------------------------  sidebar.php



*********************************************************************************************/



#sidebar {

	background: #f7f6f1;

	float: right;

	width: 318px;

	font-size:12px;

	color:#716E5B;

	overflow:hidden;

}



#sidebar a {

	color:#366891;

}



#sidebar a:hover {

	text-decoration:underline;

}



#sidebar .widget {

	padding-bottom: 1px;

  	border-bottom:1px solid #efede3;

}



#sidebar .widget h3.title {

    color: #675744;

	margin: 0;

	font-family:"TitilliumBold", Arial, sans-serif;

	padding:10px 15px;

 	font-size:16px;

	background: #fcfcfb;

    border-bottom: 1px solid #e8e6df;

}



.widget .widget_content {

	margin: 0 0 5px;

	padding: 10px;

}



.widget ul { clear: both;  line-height: 1.7; }

.widget ul li { list-style-type: none; }

.widget ul ul { border-top: none; margin: 0; padding: 0; }

.widget ul ul li { border: none; }

.widget select {width:100%;}

.widget #cat, .widget select {  border: 1px solid #cdcfd4; color: #333333; display: inline; float: left; line-height: 1.5; padding: 3px; width: 100%; margin:0 0 14px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}

.widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; }

.side_ad { margin: 10px;}





/*  Widget: Recent Comments */

.recent-comments-list .avatar {	margin-right: 12px;	float: left;}

.recent-comments-list li {  padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px dotted #ddd; }

#footer .recent-comments-list li { border-bottom: 1px dotted #2B2626; }



/* Widget: Recent Posts  */

.widget .feature-posts-list br {display: none;}

.widget .feature-posts-list img {margin: 4px 12px 10px 0;float: left;}

.widget .feature-posts-list small {	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display: block; margin: 0 0 3px; }

.widget .feature-posts-list .post-excerpt {	display: block;}

.widget .feature-posts-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px dotted #ddd; }

#footer .widget .feature-posts-list li { border-bottom: 1px dotted #2B2626; }

.widget .feature-posts-list li:last-child { border-bottom: 0; }



/* Flickr widget */

.widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; }

.widget .flickr_badge_image img { width: 64px; height: 64px; }

#footer .widget .flickr_badge_image img { width: 62px; height: 62px; }



/* Twitter widget */

.widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; border-bottom: 1px dotted #ddd; padding: 0 0 7px; margin: 0 0 7px; }

.widget .twitter-list li a { font-weight: normal; }

.widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; }

.widget .follow-user { margin: 0; padding: 5px 0; }



/* Social Widget */

#sidebar .wpzoom_social { background:#f0f4f8; border-bottom:1px solid #dbe4ed;}

#sidebar .wpzoom_social .widget_content{ padding-bottom:0; }

.wpzoomSocial  {margin:10px 0;}

.wpzoomSocial li {float:left; margin:0 0 15px 2px;width:49%;}

.wpzoomSocial li img {margin:0 7px 0 0; float:left;}

.wpzoomSocial li a { font-weight:bold; font-size:13px;}



/* Archive widget */

.widget_archive li { width:124px; float:left; display:block; margin:0; border-bottom:1px solid #efede3; border-right:1px solid #efede3; padding:5px 17px;}

#sidebar .widget_archive li:hover {background:#fafaf6; text-decoration:none;}

#sidebar .widget_archive li a:hover { text-decoration:none;}

.widget_archive .widget_content {margin:0 0 15px; padding:0;}

#footer .widget_archive li { border-bottom:none; border-right:none; padding:5px 0;}

#footer .widget_archive li a:hover {background:none; text-decoration:underline;}



/* calendar widget */

#wp-calendar {width: 100%; }

#wp-calendar caption { text-align: right; font-weight:bold; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }

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

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody { color: #aaa; }

#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E4E4E4; text-align: center; padding:8px;}

#wp-calendar tbody td:hover { background: #fff; }

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

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



/* 125x125 widget */

.widget_wpzoom-125x125-ads li {	float:left;	margin:6px 4px 6px 12px;}

#footer .widget_wpzoom-125x125-ads li {	float:left;	margin:0 11px 12px 0;}



/*********************************************************************************************



8. Footer  -------------------------  footer.php



*********************************************************************************************/



/* Twitter bar */

#twitter_bar { background: url("images/bg_twitter.png") repeat-x; padding: 17px 0 18px 25px; font-size: 11px; color: #b6bdc7; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); }

#twitter_status { background: url("images/twitter.png") no-repeat; padding: 0 0 0 44px; }

#twitter_status li { list-style-type: none; }

#twitter_status a { color: #dae1ec; }

#twitter_status a:hover { text-decoration: underline; }



#footer {

	background: #46484b url("images/footer-bg.png") repeat-x 0 0;

 	color: #a3a9b1;

	text-shadow:1px 1px 0 rgba(0,0,0,0.4);

 	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

 	font-size:12px;

	padding:20px 0 25px 25px;

}



#footer .widget {

	float: left;

	width: 290px;

	margin:0 0 20px;

}



#footer .widgetized a {

	color:#dae1ec;

}



#footer .column .widget h3 {

 	color:#fff;

  	font-size:18px;

	margin:0 0 10px;

	font-family:"TitilliumBold", Arial, sans-serif;

}

#footer div.column { display: block; float: left; margin-right: 30px; width: 290px; }

#footer div.last {margin-right: 0;}

.copyright {color: #747e8e;font-size: 11px;min-height:80px;margin: 0 auto;width: 960px;;}

.copyright .left { margin: 10px 0; float: left; }

.copyright .right { float: right; margin: 10px 0;}

p.wpzoom { display: inline; float: right; line-height: 16px;  }

p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }