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

Theme Name: TechCompass
Version: 1.0.1
Author: CrazRoid
Author URI: http://www.crazroid.com/



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: 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: #fff
 	line-height:1.5;
	font-size:14px;
	color:#838383;
  	margin:0;
	padding:0;
}

header {
	background: #474a4a url("images/header-bg.png") repeat-x center top;
	border-top: 4px solid #b6e026;
	padding:22px 0 17px;
}

.wrap {
	margin: 0 auto;
	width: 980px;
}

#logo {
	padding-right: 25px;
	display:table-cell;
	vertical-align:top;
}

/* 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: #b6e026  repeat-x center bottom;
	font-size: 14px;
	font-weight: bold;
	border-top:1px solid #b6e026;
	padding-top:6px;
}

#mainmenu {
	margin-top: 3px;
}
 
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* 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 10px 0;
	text-decoration:none;
 	line-height:1.5;
	color:#fff;
	font-size: 11px;
	font-weight:bold;
  	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.7) 0 1px;
}
.dropdown a:hover {
	text-decoration:underline;
}
.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:#b6e026 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 { 
	color: #fff;  
	font-size:13px;
}
#navbarsecond .dropdown a:hover { 
	color: #474a4a;
}
#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 #b6e026;
	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 { background: url("images/slider-mesh.png"); 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;
}

#main {
	background: #fff;
	border-right: 1px solid #e7e6e1;
	float: left;
	width: 661px;
}

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

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;
}

#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;
	max-width: 600px;
	height: auto;
	margin-left:4px;
}
.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; }

/* 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 { max-width:600px; padding: 1px; text-align:center;   }
.entry .wp-caption img { background:none; margin:0; }
.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: 190px; 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: 37px; line-height: 37px; 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:280px;}
.share_box .share_btn { float: left; }

/* 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; }
.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: 37px; 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;font-family:Georgia, "Times New Roman", Times, serif;}
.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:#f7f6f1; 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; }  
/********************************************************************************************* 

8. CUSTOM MENU

*********************************************************************************************/   
.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
.cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #0fa1e0;
}
.cssmenu:after,
.cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
.cssmenu ul {
  list-style: none;
}
.cssmenu > ul {
  float: left;
}
.cssmenu > ul > li {
  float: left;
}
.cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
}
.cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
.cssmenu > ul > li:last-child a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
.cssmenu > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
.cssmenu > ul > li:hover > a {
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
.cssmenu .has-sub {
  z-index: 1;
}
.cssmenu .has-sub:hover > ul {
  display: block;
}
.cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
.cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
.cssmenu .has-sub ul li a {
  background: #0fa1e0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
.cssmenu .has-sub ul li:hover a {
  background: #0c7fb0;
}
.cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
.cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
.cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}