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

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: #666666; 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; }
/* Jacob edited this next line from #navigation li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 25px; } */
#navigation li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 5px; }
/* Jacob edited this next line from #menu {width: 785px; } */

#menu {width: 550px !important; }

#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 { margin-bottom: 40px; }
#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-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 { overflow:hidden; width: 930px; height:400px; }
/*.scrollable .items, .scrollable .items {width:20000em; position:absolute;	clear:both;}*/
.scrollable .items, .scrollable .items { }
.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; }