/*
Theme Name: Technologic
Theme URI: http://www.wpzoom.com/themes/technologic/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 2.2.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
*/

/***********************************************************************************************
 * 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.
**********************************************************************************************/

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background-color: #f1f1f1; color: #333; }
a {text-decoration:none; color: #000; }
a:hover {text-decoration:underline; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #333; }
h2 a {color: #333 !important; }
p {margin: 0 0 16px; }

#container {width:100%; min-height: 200px; margin: 0 auto; text-align:left; }
#container div.wrapper {width: 960px; margin: 0 auto; text-align: left; }
#container div.padder {padding: 0 20px; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {font-size:1px; height: 2px; margin:0; line-height: 1px; margin: 2px 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }

#header {background-color: #fff; padding: 20px 0; }
#logo {float: left; display: inline; }
#bannerHead {float: right; display: inline; }

#navigation {background: #222 url(images/back_menu.png) repeat-x top left; min-height: 32px; }
#navigation li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 25px; }
#menu {width: 785px; }

#searchformtop {margin: 4px 0 0 0; float: right; display: inline; width:170px;	height:24px; background: transparent url(images/search.png) no-repeat top left; position: relative; }
#searchformtop label { display:none; }
#setop {	background:none;	border:0;	height:24px; width:120px; font-size: 11px; padding-left: 10px;	}
#searchsubmittop {position: absolute; top:5px; right:15px; z-index: 10; }

/* Content */
#content {margin: 30px 0; }
#content div.box {background-color: #fff; border: solid 1px #e9e9e9; padding: 15px 14px; }
#content div.box-inverted {background-color: #333333; border: solid 1px #222; }
h4.title {font-weight: bold; font-size: 14px; line-height: 14px; margin-bottom: 15px; text-transform: uppercase; }
a.readmore, p.more a {color: #fff; background-color: #e62747; padding: 4px 10px; text-decoration: none; border-radius: 4px; }
a.readmore:hover, p.more a:hover {background-color: #c0213c;}
div.cover {margin-bottom: 5px; }
div.post p {font-size: 12px; line-height: 18px; }
div.post h2 {font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 4px; }

#featuredPosts {clear: left; margin-bottom: 40px; position: relative; }
#featuredPosts div.post {float: left; display: inline; width: 300px; margin-right: 15px; margin-bottom: 10px; }
#featuredPosts div.post-last {margin-right: 0; }

#featuredCategoriesTabs {height: 22px; }
#featuredCategoriesTabs a {color: #333; text-shadow: #fff 1px 1px 0; }
#featuredCategoriesTabs li {float: left; display: inline; font-size: 11px; text-transform: uppercase; margin-right: 1px; }
#featuredCategoriesTabs li a {padding: 10px 10px 9px; }
#featuredCategoriesTabs li.active a, #featuredCategoriesTabs li.active a:hover {background-color: #d52c2c; color: #fff; text-shadow: #b62424 1px 1px 0; }
#featuredCategoriesTabs li a:hover {background-color: #ddd; }

#featuredCategories {margin-bottom: 30px; color: #333; }
#featuredCategories h3.title, #archive h1.title {font-family: Georgia, serif; font-size: 30px; font-weight: normal; line-height: 30px; margin-bottom: 15px;}
#archive h1.archiveTitle {margin-bottom: 30px; }
#featuredCategories div.post-featured {float: left; display: inline; margin-right: 30px; width: 360px; margin-bottom: 10px; }
#featuredCategories div.cover {float: left; display: inline; margin-right: 10px; }
#featuredCategories div.posts {float: left; display: inline; width: 540px; margin-bottom: 10px;}
#featuredCategories div.posts h4.title {line-height: 30px; }
#featuredCategories div.posts h4.title img {display: inline-block; margin-left: 5px; }
#featuredCategories div.post h2 {font-size: 14px; line-height: 20px; }

#main {float: left; display: inline; margin-right: 20px; width: 640px; }
#sidebar {float: left; display: inline; width: 300px; font-size: 12px; line-height: 18px; }
#sidebar div.post h2 {line-height: 18px; margin: 5px 0; }
#sidebar p.postmetadata {font-size: 11px; }

#archive div.postmetadata {float: left; display: inline; width: 160px; margin-right: 20px; margin-bottom: 10px; }
#archive div.postmetadata div.cover {margin-bottom: 10px; }
#archive div.postcontent {float: left; display: inline; width: 430px; }
#archive div.post {margin-bottom: 20px; }
div.postmetadata ul li, div.share ul li {line-height: 24px; color: #888; font-size: 11px; padding-left: 22px; background: transparent url(images/icon_tag.png) no-repeat center left; border-bottom: solid 1px #ddd; }
div.postmetadata ul li.calendar {background-image: url(images/icon_calendar.png);}
div.postmetadata ul li.author {background-image: url(images/icon_author.png);}
div.postmetadata ul li.category {background-image: url(images/icon_category.png);}
div.postmetadata ul li.comments {background-image: url(images/icon_talk.png); }
div.postmetadata ul li.calendar {background-image: url(images/icon_calendar.png);}
#archive div.post h2 {font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 12px; }
#archive div.post p {font-size: 12px; line-height: 18px; }
#archive div.post p.more {font-size: 10px; }

#single {margin-bottom: 0;}
#single h1 {font-size: 40px; line-height: 44px; margin-bottom: 12px; }
#single div.postmetadata, #single div.share {background-color: #f1f1f1; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 5px; margin-bottom: 15px; }
#single div.postmetadata li, #single div.share li {float: left; display: inline; margin-right: 15px; border-bottom: none; }
#single div.share {padding-left: 15px; }
#single div.share ul li {background: none; padding-left: 0; margin-right: 10px; line-height: 32px; }
#single div.share ul li.last {margin-right: 0; }

#single div.postcontent {font-size: 14px; line-height: 20px; }
#single div.postcontent p,#single div.postcontent img {margin-bottom: 14px; }
#single div.postcontent ul, #single div.postcontent ol {margin-left: 20px; margin-bottom: 14px; }
#single div.postcontent li {list-style-position: inside;} 
#single div.postcontent ul li {list-style-type: square;}
#single div.postcontent ol li {list-style-type: decimal;} 

/* Comments */
#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments div.comment-body {position: relative; }
#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

#main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; width: 70px; border: solid 4px #ddd; }
#main ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 10px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 300px; }
#commentform #formContent {float: left; display: inline; width: 520px; }
#commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 250px;	padding: 2px 0 2px 5px;	font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#commentform textarea {	width: 540px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform #submit {font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto; }

#side .sideComments .cover {margin: 0 5px 5px 0;}

#main label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#main #submit, #commentform #submit {background:none; background-color: #bd1c1c; color: #fff; border: none; font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto;}
#main #submit:hover, #commentform #submit:hover {background-color: #981e1e; }

/* Comments */
.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background-color: #d52c2c; text-shadow: #b62424 1px 1px 1px; color: #fff; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover {color: #333; background-color: #ddd; text-shadow: #fff 1px 1px 1px; }
.afterpost .navigation {background:none;}

#main .normalComments li.comment {background-color: #fff; border: solid 3px #eee; }
#main .normalComments li.bypostauthor { background-color: #eee; }
#main .normalComments cite.author {color: #333;}
#main .normalComments div.gravatar img {border: solid 5px #333;}
#main .normalComments div.gravatar-author img {border: solid 5px #333;}
#main input, #main textarea, #commentform input, #commentform textarea {background-color: #ddd; border: 1px solid #bbb; color: #333;}

/* footerWidgets */
#ftWidgets {background-color: #f5f5f5; border-top: solid 6px #e1e1e1; margin: 30px 0 0; min-height: 10px; line-height: 16px; }
#ftWidgets div.lines {border-top: solid 1px #d5d5d5; height: 1px; line-height: 1px; font-size: 1px; background-color: #fff; margin-bottom: 15px; }
#ftWidgets div.wrapper {padding-top: 20px 0; }

#ftWidgets div.column {float: left; display: inline; width: 225px; margin-right: 20px; font-size: 12px; }
#ftWidgets div.column-last {margin-right: 0;}
#ftWidgets ul, #ftWidgets ol {margin-bottom: 10px; }
#ftWidgets li {margin-bottom: 6px; }
#ftWidgets a {text-decoration: none; text-shadow: #fff 1px 1px 1px; }
#ftWidgets a:hover {text-decoration: underline;}

.widget .social li { display: inline; width: 47%; float: left; padding: 10px 0; margin-right: 6px; line-height: 16px; }
.widget .social li a { color: #1d4479; font-size: 12px; font-weight: bold; }
.widget .social li a span { color: #333; font-size: 11px; display: block; font-weight: normal; }
.widget .social img { float: left; margin-right: 7px; }

#sidebar div.widget {margin-bottom: 20px; }
#sidebar div.postDetails {color: #ccc;}
#sidebar div.postDetails div.cover {float: left; display: inline; margin: 0 10px 5px 0; }
#sidebar div.postDetails div.cover img {border: solid 5px #555; }
#sidebar div.postDetails p {font-size: 11px; line-height: 18px; }
#sidebar div.postDetails a {color: #fff;}

/* Footer */
#footer {text-align: left; padding: 15px 0; color: #777; background-color: #e1e1e1; border-top: solid 1px #d2d2d2; }
#footer p {margin:0; font-size: 11px; line-height: 18px; }
#footer a {color: #555;  }
#footer a:hover {color: #222; text-decoration: underline; }
#footer p.copy a {color: #777;}
#footer p.copy a:hover {color: #555;}
#footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 136px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0;}

div.navigation {text-align: center; }
div.navsep {margin-top: 20px; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

.scrollable {	position:relative; overflow:hidden; width: 930px;	height:400px; float: left;}
.scrollable .items, .scrollable .items {width:20000em; position:absolute;	clear:both;}
.items div.slide { float:left; width:930px; }
/* active item */
.scrollable .active {position:relative;	cursor:default; }
/* this makes it possible to add next button beside scrollable */
/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(images/hori_large.png) no-repeat; position: absolute; top: 180px; float:left; display:block; width:30px;	height:30px; cursor:pointer;	font-size:1px; z-index: 100;}
/* right */
a.right 				{ right: 0; background-position: 0 -30px; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
/* left */
a.left				{ left: 0px; margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
/* disabled navigational button */
a.disabled {visibility:hidden !important;} 	

#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; border: solid 1px #ccc; }
#searchform input#s {width: 150px;}
#searchform input#searchsubmit {font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; background-color:#e62747; border: none; color: #fff; margin-left: 2px; margin-bottom: 10px; }

/* WPZOOM Gallery Widget */
.widget ul.gallery {padding: 0; margin:0;}
.widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 4px 4px 0; }
.widget ul.gallery li img {padding: 1px; border: solid 4px #ddd; }

.postcontent .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
.postcontent .gallery { margin: auto; text-align:center; clear:both; }
.postcontent .gallery img { padding: 4px; border: solid 1px #ddd; }
.postcontent .gallery-caption { margin-left: 0; }