/* @override http://calebunseth.com/wp-content/themes/futureblogger/css/style.css */

/* Main Elements */

body {

	background: #303030 url(../images/bg.gif) top left repeat-x;

	color: #333;

	font: .75em Arial, Verdana, Helvetica, Sans-Serif;

	padding: 0;

	height: 100%;

}

a { color: #666; text-decoration:none; }

a:hover { text-decoration: underline; }

input, select, textarea {

	border: #c3c3c3 1px solid;

	font-size: 13px;

	padding: 10px;

	color: #444444;

	font-family: Arial, Verdana, Helvetica, Sans-Serif;

}



/* Menu & Header */



#headerwrapper {

	width: 1000px;

	margin: 0 auto;

}

#menu {

	height: 31px;

	width: 1000px;

}

#menu ul li a {

	color: #fafafa;

}

#menu ul li a:hover {

	color: #dedede;

}

#header {

	height: 91px;

	padding-top: 1px;

}

#header .logo {

	display: block;

	width: 1000px;

	height: 119px;

	background:url(../images/logo.png);

}

/* Top Navigation */

#menu {

	height: 31px;

	width: 1000px;

}

.sf-menu { height: 24px; padding-top: 4px; margin: 0px; list-style:none; }

.sf-menu ul{position:absolute; top:-999em; background:#303030; border-left: 1px solid #404040; border-right: 1px solid #404040; border-bottom: 1px solid #404040; margin:0px; width:130px;}

.sf-menu ul li{ padding:15px 5px 0px 10px; margin:0px; width: 115px; }

.sf-menu ul li:hover{background:#404040; width: 115px; }

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

.sf-menu li{float:left; position:relative; font-size: 12px; font-weight: bold; margin: 5px 20px 0px 0px; width: 90px; text-transform: uppercase; }

.sf-menu li:hover{ }

.sf-menu a{display:block; position:relative; height: 24px; width: 115px; }

.sf-menu a:hover {text-decoration:none; }

.sf-menu li:hover ul, 

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

ul.sf-menu li:hover li ul, 

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

ul.sf-menu li li:hover ul, 

ul.sf-menu li li.sfHover ul{height: 37px; left:130px; top:0; border-top: 1px solid #404040; border-right: 1px solid #404040; border-bottom: 1px solid #404040;}

ul.sf-menu li li:hover li ul, 

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

ul.sf-menu li li li:hover ul, 

ul.sf-menu li li li.sfHover ul{left:130px; /* match ul width */top:0; }

/* Content */

#pagewrapper {

	width: 1000px;

	background:url(../images/content-bg.gif) top left repeat-y;

	margin: 0 auto;

	height: 100%;

	padding: 15px 0px;

}

#breadcrumbs {

	height: 27px;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	color: #dedede;

	padding-top: 50px;

	color: #888;

}

#left {

	width: 671px;

	float: left;

	height: 100%;

	

}

#right {

	width: 326px;

	float: left;

	height: 100%;

	padding-left: 2px;

}

/* Post */

.post {

	width: 671px;

	float: left;

	padding-bottom: 20px;

}

.postmeta {

	width: 100px;

	float: left;

	padding: 0px 15px 0px 16px;

}

.posttext {

	width: 505px;

	float: left;

	padding: 0px 20px 0px 15px;

	border-bottom: 1px dotted #dedede;

}

.postmeta .date {

	width: 101px;

	height: 29px;

	padding-top: 8px;

	margin-bottom: 18px;

	float: left;

	text-align:center;

	color: #0b778f;

	font-weight:bold;

	text-transform:uppercase;

	font-size: 1.4em;

	text-shadow: #fff 0px 1px;

}

.postmeta .category {

	float: left;

	width: 101px;

	color: #999999;

	text-align: right;

	padding: 10px 0px;

	font-size: .85em;

	margin-bottom: 15px;

}

.postmeta .category a {

	color: #111;

}

.postmeta .category ul li a {

	padding: 2px;

}

.postmeta .category li {

	margin: 5px 0px;

}

.postmeta .avatar img{

	background: #f1f1f1;

	width: 80px;

	height: 80px;

	padding: 9px;

	border: 1px solid #c3c1bf;

	float: left;

}

.posttext h1 { font-size: 30px; color: #202020; line-height: normal; letter-spacing:-1px; margin-bottom: 25px; }

.posttext h2 { font-size: 26px; color: #202020; line-height: normal; letter-spacing:-0.5px; margin-bottom: 25px; }

.posttext h3 { font-size: 22px; color: #202020; line-height: normal; letter-spacing:-0.25px; margin-bottom: 25px; }

.posttext h4 { font-size: 18px; color: #202020; line-height: normal; margin-bottom: 25px; }

.posttext h5 { font-size: 16px; color: #202020; line-height: normal; margin-bottom: 25px; }

.posttext h6 { font-size: 14px; color: #202020; line-height: normal; margin-bottom: 25px; }

.posttext ol, .posttext ul { margin-bottom: 25px;}

.posttext ol li { list-style: decimal inside; line-height: 1.6em;}

.posttext ul li { list-style:disc inside; padding-left: 5px; line-height: 1.6em;}



h3.posth3 {

	font-size: 2em;

	letter-spacing: -1px;

}

.post h3 a {

	color: #202020;

	padding: 0 0 1.6em 0;
	text-shadow: #929292 0 0 10px;
}

.post h3 a:hover {

	color: #202020;

	text-decoration: none;

}

.post p {

	line-height: 1.6em;

	padding: 0 0 1.3em;

}



img.alignleft { float: left; border: 5px solid #e7e4e3; margin: 0px 10px 10px 0px; }

img.alignright { float: right; border: 5px solid #e7e4e3; margin: 0px 0px 10px 10px;}



.post blockquote { 

	margin: 5px 5px 5px 10px;

	border-left: 3px solid #c3c1bf;

	background: #e2e0df;

	padding: 15px;

	font-style:italic;

}

.post .more-link {

	

}

/* Full Width */

#fullwidth {

	width: 1000px;

	background: #f1f1f1 none repeat-y left;

	margin: 0 auto;

	height: 100%;

	padding: 15px 0px;

}

.fulltext {

	width: 965px;

	float: left;

	padding: 0px 20px 0px 15px;

}

#fullleft {

	float: left;

	width: 131px;

	height: 100%;

}

.fulltext h1 { font-size: 30px; color: #202020; line-height: normal; letter-spacing:-1px; margin-bottom: 25px; }

.fulltext h2 { font-size: 26px; color: #202020; line-height: normal; letter-spacing:-0.5px; margin-bottom: 25px; }

.fulltext h3 { font-size: 22px; color: #202020; line-height: normal; letter-spacing:-0.25px; margin-bottom: 25px; }

.fulltext h4 { font-size: 18px; color: #202020; line-height: normal; margin-bottom: 25px; }

.fulltext h5 { font-size: 16px; color: #202020; line-height: normal; margin-bottom: 25px; }

.fulltext h6 { font-size: 14px; color: #202020; line-height: normal; margin-bottom: 25px; }

.fulltext ol, .posttext ul { margin-bottom: 25px;}

.fulltext ol li { list-style: decimal inside; line-height: 1.6em;}

.fulltext ul li { list-style:disc inside; padding-left: 5px; line-height: 1.6em;}



.fulltext blockquote { 

	margin: 5px 5px 5px 10px;

	border-left: 3px solid #c3c1bf;

	background: #e2e0df;

	padding: 15px;

	font-style:italic;

}

.fulltext  p {

	line-height: 1.6em;

	padding: 0 0 1.3em;

}

.fulltext h3 a {

	color: #202020;

	padding: 0 0 1.6em 0;

}

.fulltext h3 a:hover {

	color: #202020;

	text-decoration: none;

}

/* Related / Share */

#related {

	float: left;

	margin-left: 150px;

	padding: 20px;

	width: 460px;

	background: #dedede;

	border: 1px solid #c3c1bf;

}

.related {

	width: 285px;

	float: left;

	border-right: 1px solid #c3c1bf;

}

.share {

	width: 140px;

	float: left;

	padding-left: 20px;

}

#related h4 {

	font-size: 1.5em;

	color: #444;

	letter-spacing: -1px;

	text-shadow: #fff 0px 1px;

	margin-bottom: 20px;

}

#related ul li {

	line-height: 2em;

}

/* Sidebar */

#search {

	height: 45px;

	width: 306px;

	padding: 0px 0px 10px 20px;

}

#search input[type=text] { width: 185px; background: #fff url(images/input-bg.gif) repeat-x top; }

#search input[type=submit] { border: none; background: #222; text-transform:uppercase; font-size: 12px; color: #f1f1f1; cursor:pointer; padding: 10px 7px; }

#search input[type=submit]:hover { background: #333; }

#subscribe {

	height: 33px;

	width: 322px;

	padding: 15px 0px 0px 7px;
	background-repeat: repeat-x;
	background-position: left;
}

#subscribe .rss{

	display: block;

	float: left;

	text-shadow: #fff 1px 1px;

	height: 22px;

	width: 100px;

	padding-left: 30px;

	font-size: 16px;

	padding-top: 0px;

	background:url(../images/subscribe.gif) top left no-repeat;

	color: #0b778f;

	font-weight:bold;

}



#subscribe .rss:hover {

	background:url(../images/subscribe.gif) bottom left no-repeat;

	color: #303030;

	text-decoration:none;

}

#subscribe .twitter{

	display: block;

	float: left;

	text-shadow: #fff 1px 1px;

	height: 22px;

	width: 100px;

	padding-left: 35px;

	font-size: 16px;

	padding-top: 0px;

	background:url(../images/twitter.gif) top left no-repeat;

	color: #0b778f;

	font-weight:bold;

}

#subscribe .twitter:hover {

	background:url(../images/twitter.gif) bottom left no-repeat;

	color: #303030;

	text-decoration:none;

}

#right h2 {

	font-size: 2.0em;

	color: #303030;

	text-shadow: #fff 0px 1px;

	margin: 20px 0px 15px 0px;

}

#right ul {

	margin-left: 20px;

}

#right ul li ul {

	margin: 0px;

}

#right ul li ul li{

	margin: 0 0px 5px;

	line-height: 1.6em;
}

/* Widgets */

li.widget_archive, li.widget_categories { float: left; width:300px;}

li.widget_archive li, li.widget_categories li { float: left;}

li.widget_archive li a, li.widget_categories li a {

	float: left;

	background: #444;

	color: #f1f1f1;

	padding: 3px 5px;

	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;

	margin:0px 10px 0px 0px;

}

li.widget_archive li a:hover, li.widget_categories li a:hover {

	background: #666;

	text-decoration:none;

}

/* Comments */

#comments {

	width: 675px;

	float: left;

}

#comments h3 {

	float: left;

	font-size: 1.6em;

	color: #111;

	text-shadow: #fff 0px 1px;

	margin: 25px 0px;

}

h3.commentscount {

	width: 115px;

	text-align:right;

	padding-right: 30px;

}

h3.leavereply {

	width: 145px;

	text-align:right;

	background: url(../images/leavereply.gif) no-repeat top right;

}

#comments ol {

	margin: 0px;

	padding: 15px;

	width: 635px;

	float: left;

}

#comments ol li{

    list-style: none;

	width: 650px;

	float: left;

    margin-bottom: 2.4em;

	line-height: 1.6em;

}

#comments ol li.alt{

    

}

#comments ol li.author_comment{

    background: #af2222;

}

#comments .commentmeta {

	margin: 0px 35px 0px 0px;

	float: left;

	min-height: 30px;

	width: 100px;

	max-width: 100px;

	text-align:right;

	font-size: .85em;

	color: #999;

}

#comments .commenttext {

	float: left;

	width: 458px;

	padding: 15px 20px;

	background: #e2e0df;

	border: 1px solid #c3c1bf;

	min-height: 70px;

}

#comments .commentdate a {

	color: #222;

	padding: 3px 0px;

}

#comments ol li .avatar{

    background: #f1f1f1;

	padding: 9px;

	border: 1px solid #c3c1bf;

}

#comments ol li .author{

    color: #666;

}

#comments ol li .author cite{

    font-weight: normal;

}

#comments ol li p{

}

#commentreply {

	width: 521px;

	padding-left: 150px;

	float: left;

}

#comments input[type=text] { margin-bottom: 15px; width: 250px; background: #fff url(images/input-bg.gif) repeat-x top; }

#comments textarea { margin-bottom: 15px; background: #fff url(images/input-bg.gif) repeat-x top; width: 480px; }

#comments input[type=submit] {

	margin-bottom: 25px;

	color: #ffffff;

	background: #222;

	padding: 10px 25px;

	cursor: pointer;

	border: none;

	font-weight: bold;

}

#comments input[type=submit]:hover {

	background: #333;

}

/* Slider & Carousel*/



#slider {

	margin-bottom:20px;

	width: 285px;

	height: 220px;

	background: #111;

}



.panel .text {

	color:#999;

	height:30px;

	padding:7px 10px 0px 10px;

	background: #111;

}



.panel .text h1, .panel .text h1 a {

	color:#f1f1f1;

	padding:0;

	margin:0;

	text-transform:uppercase;

	font-size: 11px; 

	font-weight: 600;

}



.stepcarousel{

	float:left;

	position: relative; /*leave this value alone*/

	overflow: hidden; /*leave this value alone*/

	width: 100%; /*Width of Carousel Viewer itself*/

	height: 220px; /*Height should enough to fit largest content's height*/;

}



.stepcarousel span.featured {

	color:#666;

	font-size:11px;

	display:block;

	border-bottom:1px dotted #666;

	padding-bottom:5px;

	width:285px;

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left:0;

	top: 0;

}



.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	width: 285px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	position:relative;

}

/* Footer */

#footerwrapper {

	width: 100%;

	background: #101010;

	border-top: 1px solid #404040;

	float: left;

	margin-top: 30px;

	padding: 20px 0px 40px 0px;

}

#footer {

	width: 1000px;

	margin: 0px auto;

}

.onethird {

	width: 290px;

	padding: 0px 20px;

	float: left;

	color: #dedede;

}

.onethird h2{

	color: #f1f1f1;

	font-size: 1.6em;

	margin-top: 0.8em;

}

h2.flickricon {

	display: block;

	padding-top: 5px;

	height: 27px;

	padding-left: 42px;

	background: url(../images/flickr-icon.gif) center left no-repeat;

	margin-bottom: 2.0em;

}

h2.twittericon {

	display: block;

	padding-top: 5px;

	height: 27px;

	padding-left: 42px;

	background: url(../images/twitter-icon.gif) center left no-repeat;

	margin-bottom: 1.2em;

}



h2.hearticon {

	display: block;

	padding-top: 5px;

	height: 27px;

	padding-left: 42px;

	background: url(../images/heart-icon.gif) center left no-repeat;

	margin-bottom: 1.2em;

}



ul.flickr .flickr_badge_image {

	float: left;

	width: 75px;

	padding: 5px;

	margin: 0px 10px 10px 0px;

	background: #444;

}

ul.flickr .flickr_badge_image:hover {

	background: #666;

}

ul#twitter_update_list li {

	line-height: 1.6em;

	border-bottom: 1px solid #2b2b2b;

	padding: 10px 0px;

}

ul#linklist li {

	line-height: 1.6em;

	border-bottom: 1px solid #2b2b2b;

	padding: 10px 0px;

}

/* Page Navigation */

.wp-pagenavi {

	text-align:right; float:left;

	width: 490px;

	background: #f1f1f1;

	padding: 15px;

	margin-left: 135px;

}

.wp-pagenavi span.pages{float:left; }

.wp-pagenavi a{text-decoration:none; padding:4px; margin-left:10px; color:#222; }

.wp-pagenavi a:hover{color:#222; background: #cccccc;}

.wp-pagenavi .current{font-weight:bold; padding:4px; margin-left:10px; color:#f1f1f1; background: #222; }