/*
Theme Name: Sensor Theme
Theme URI: http://www.wpzoom.com/themes/
Description: Sensor is a personal blogging theme.
Version: 1.0
Author: WPZOOM
Author URI: http://www.wpzoom.com
Tags: blue, fixed-width, two-columns, widgets

	Sensor v1.0
  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, Tahoma, Helvetica, sans-serif; font-size: 62.5%; text-align:center;}
a {text-decoration:underline; }
a:hover {text-decoration:none; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; }
p {margin: 0 0 15px; }

#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.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 20px 0; }

#header {margin-bottom: 10px;}
#header div.wrapper {position:relative; }
#header #logo {float: left; display: inline; margin: 0 20px 0 0; }

#headCats {clear: right;float: right; display: inline; height: 30px; margin: 40px 0 10px; font-size: 11px; }

div.column {float: right; display: inline; }
div.column-double {width: 600px; margin-left: 30px; }
div.column-single {width: 330px; }
div.column-tripple {width: 960px; }
#posts .post {clear: both; margin: 0 0 20px 0; }
.post .cover {margin: 10px 0 10px;}
img.boxed, .post .content img {padding: 1px; }
div.column p.header {margin-left: 13px; }

.box {padding: 15px 0; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none;}
#main .box {padding-top: 0;}
#main p.header {margin-bottom: 0; line-height: 40px;}
.ribbon {height: 40px; position: relative; margin-bottom: 10px; }
.ribbon .left {position: absolute; top:0; left:-7px; }
.ribbon .right {position: absolute; top:0; right:-7px; }
.ribbon h1, .ribbon h2 {font-weight: normal; margin: 0 13px; line-height: 40px; font-size: 18px; overflow:hidden; height: 40px; }
#side .ribbon h2, #btWidgets .ribbon h2 {font-size: 12px; }
.ribbon span.datetime {font-size: 10px; text-transform: uppercase; float: right; display: inline; }
.ribbon a {text-decoration: none; }
.box .content {padding: 5px 13px; font-size: 12px; line-height: 18px; }
.box .postmetadata {font-size: 10px; text-transform: uppercase; line-height: 16px; margin:10px 0 10px; }
.postmetadata .datetime {margin-right: 5px; }
#btWidgets ul li {font-size: 11px; line-height: 18px; margin-bottom: 9px; list-style-type: square; list-style-position: outside; margin-left: 10px; }
#side .box, #comments {margin-bottom: 20px; }
#btWidgets .box {padding-top: 0;}

/* Footer */
#footer {text-align: left; padding: 0 0 35px; margin-top: 10px; }
#footer p {margin:0; font-size: 11px; line-height: 18px; }

p.header, div.pagerbox {line-height: 30px; text-transform: uppercase; font-size: 10px; margin-bottom: 20px; }
div.pagerbox, div.navbox {margin-top: 20px; clear: both; text-align: center; font-size: 11px; margin-bottom: 20px; }
div.navbox {margin:0; }
div.pagerbox p.header, div.navbox p.header {margin-bottom: 0; padding-right: 13px; }
div.pagerbox {-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none;}
span.older {float: left; display: inline; }
span.latest {float: right; display: inline; }
div.pagerbox a {padding: 4px 6px; }
p.tags {font-size: 10px; text-transform: uppercase; margin:0; }

/* Content styling */
#main .content h2, #main .content h3, #main .content h4, #main .content h5, #main .content h6 {font-weight: normal; margin-bottom: 12px; } 
#main .content h2 {font-size: 24px; line-height: 30px; }
#main .content h3 {font-size: 20px; line-height: 26px; }
#main .content h4 {font-size: 18px; line-height: 24px; }
#main .content h5 {font-size: 16px; line-height: 22px; }
#main .content h6 {font-size: 14px;  line-height: 18px; }
#main .content p {margin-bottom: 14px; }
#main .content p img {margin-bottom: 10px;}
#main .content ul, #main .content ol {margin: 0 0 14px 14px; }
#main .content li ul, #main .content li ol {margin-bottom: 0; }
#main .content li {list-style-position: inside;} 
#main .content ul li {list-style-type: square;}
#main .content ol li {list-style-type: decimal;}

/* Comments */
#main ol.normalComments {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; }
#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;}

#main h2.comments, #respond h2.comment {float: left; display: inline; }
#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 {background-repeat: repeat-x;	width: 250px;	padding: 2px 0 2px 5px;	font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#commentform textarea {	width: 450px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform #submit {font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto;}

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

/* Standard Widgets */
#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; margin-right: 5px; }
#searchform input#s {width: 220px;}
#searchform input#searchsubmit {	border: none; font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; margin-bottom: 20px; }

/* Social Connections Widget */
.widget ul.socialList {padding: 0; margin:0; }
.widget .socialList li {float: left; display: inline; margin: 0 7px 8px 0; font-size: 11px; line-height: 16px; padding-left: 20px; background: url(images/icons/twitter.png) no-repeat top left; }
.widget .socialList li.delicious {background-image: url(images/icons/delicious.png) ;}
.widget .socialList li.designfloat {background-image: url(images/icons/designfloat.png) ;}
.widget .socialList li.deviantart {background-image: url(images/icons/deviantart.png) ;}
.widget .socialList li.digg {background-image: url(images/icons/digg.png) ;}
.widget .socialList li.facebook {background-image: url(images/icons/facebook.png) ;}
.widget .socialList li.flickr {background-image: url(images/icons/flickr.png) ;}
.widget .socialList li.linkedin {background-image: url(images/icons/linkedin.png) ;}
.widget .socialList li.mixx {background-image: url(images/icons/mixx.png) ;}
.widget .socialList li.picasa {background-image: url(images/icons/picasa.png) ;}
.widget .socialList li.twitter {background-image: url(images/icons/twitter.png) ;}
.widget .socialList li.vimeo {background-image: url(images/icons/vimeo.png) ;}
.widget .socialList li.youtube {background-image: url(images/icons/youtube.png) ;}
#btWidgets .widget .socialList li {margin-right: 0; }

#featPosts {padding: 20px 13px; width: 934px; margin-bottom: 20px; }
#featPosts a {text-decoration: none; }
#featPosts small {font-size: 10px; text-transform: uppercase; }
#featPosts .main_image small {display: none;}

.main_image {padding: 0; width: 560px; height: 360px; float: right; display: inline; position: relative; overflow: hidden; margin-left: 12px; }
.main_image h2 {font-size: 18px; font-weight: normal; margin: 5px 0;}
.main_image .desc {position: absolute;bottom: 0;left: 0; width: 100%; display: none; }
.main_image .block {padding: 5px 10px; width: 100%;}
.main_image p {font-size: 12px; line-height: 16px; margin: 10px 10px 10px 0; }
#featPosts .main_image a:hover {text-decoration: underline; }
.main_image a.collapse { background: url(images/btn_collapse.gif) no-repeat left top; height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 15px; }
.main_image a.show {background-position: left bottom;}

.image_thumb {float: right;width: 348px; }
.image_thumb img {float: left; display: inline; }
.image_thumb ul {margin: 0;padding: 0;list-style: none;}
.image_thumb ul li{margin: 0; padding: 9px 10px; width: 328px;float: left; display: inline; }
.image_thumb ul li.hover { cursor: pointer;}
.image_thumb ul li.active { cursor: default; }
.image_thumb ul li h2 {font-size: 12px; font-weight: bold; margin: 5px 0;padding: 0;}
.image_thumb ul li .block {float: left; margin-left: 10px;padding: 0;}
.image_thumb ul li p{display: none;}

.widget ul.gallery {padding: 0; margin:0;}
#btWidgets .widget ul.gallery li, .widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 8px 8px 0; }
#btWidgets .widget ul.gallery li img, .widget ul.gallery li img {padding: 1px; border: solid 5px #ddd; }