/*
Theme Name: Boulder Fiber Custom Theme 2
Theme URI: http://wordpress.org/
Description: Modified Wordpress Default Tempalte for Boulder Fiber Website.
Version: 2.0
Author: Seth Carstens
Author URI: http://allianceitpro.com/
Tags: custom
Private Theme - no GPLU.
*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF url('images/website_bg.jpg') no-repeat fixed;
	color: #333;
	text-align: center;
	}
h1 {	margin-top: 5px; margin-left: 20px; font-weight: bold;	color: #FFF; }
h1 a { color: #FFF; }
#headernav ul { margin-top: 5px; font-weight: bold;	color: #FFF; }
#headernav .homelink { width: 270px; height: 85px; margin-top: 10px; }
#headernav a.homelink:hover { text-decoration: none!important; }
h2 { 
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.1em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

p {
	margin-bottom: 10px;
	line-height: 1.1em;
}

a {
	color: #4185C5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ol { margin-left: 25px;
}

ol li { 
	list-style: decimal;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* Page Width and Centered */
#header .navigation, #headerimg, #content .top, #content .middle, #footer .middle { width: 960px; margin: auto;}

/* ID Specific Styles */

#page {
	text-align: left;
	font-size: 1.2em;
	}

#header {
	background: #FFF no-repeat bottom center;
	margin-bottom: 20px;
	}
	
#header .navigation{
	margin: auto;
	height: 120px;
	text-align: right;
	overflow: hidden;
	background: #333333 url('images/boulderfiber_header_bg.png') no-repeat;
}

#headernav ul {float: right; position: relative; left: 2px;}
#headernav ul li{float: left; border-right: 1px solid white; }
#headernav li a{text-decoration: none;padding: 0 15px 0 15px;float: left;color: white;}
#headernav li a:hover{ text-decoration: underline;}
#headernav li.current_page_item { }

#header .navlink {
	margin-top: 11px;
	width: 155px;
	height: 22px;
	float: left;
	background-image: url(images/ahtr_headernav_sprite.png);
	background-repeat: no-repeat;
	margin-left: 20px;
}

#headerimg 	{height: 220px; background: url('http://boulderfiber.com/wp-content/uploads/2010/03/FiberHeader.jpg') no-repeat; margin: auto;}
#headerbottom { }

#content .top { background: url(images/content_top_bg.png) no-repeat; }
#content .middle{	clear: both;	min-height: 300px;	background: url(images/content_bg.png) repeat-y;}

#home-step1 h2, #home-step2 h2, #home-step3 h2 { margin-left: 95px; margin-bottom: 10px;}
#home-step1 p, #home-step2 p, #home-step3 p { padding-left: 20px; padding-right: 20px; font-size: 0.95em; margin: 10px 0 15px 0;}
#home-step1 a, #home-step2 a, #home-step3 a { text-decoration: underline;}
#home-step1 a:hover, #home-step2 a:hover, #home-step3 a:hover { color: #FF3333; }
#home-step1, #home-step2 { }
#home-step1 img { margin-top:20px; margin-bottom: 20px; }

#home-step1 { background: #E4E4E4 url('images/step1.png') no-repeat top left; float: left; width: 310px; height: 370px;  margin-right: 20px; }
#home-step2 { background: #E4E4E4 url('images/step2.png') no-repeat top left; float: left; width: 250px; height: 345px;  margin-right: 20px; }
#home-step3 { background: #E4E4E4 url('images/step3.png') no-repeat top left; float: left; width: 360px; height: 345px; }

#content .bottom { background: url(images/content_bottom_bg.png) no-repeat; height: 15px; clear: both;}
#content .top { }
#content .middle, #content .bottom{ clear: both;}
/* #content .middle div{ float:left; } */

#sidebar.left { padding-right: 10px;}
#sidebar { width: 270px;}
#postarea { width: 660px; }

#sidebar, #postarea {min-height: 200px; margin: 10px 10px 0px 0px;} /* Not needed on BoulderFiber Website*/

#sidebar ul, #sidebar table, #sidebar form, #sidebar h1, #sidebar h2, #sidebar h3, 
#postarea h1, #postarea h2{ 
	margin-bottom: 10px;
}


#footer {
	clear: both;
	line-height: 1.7em;
}
#footer .top { }
#footer .middle{ background: url(images/footer_bg.png) repeat-y; height: 56px; margin-top: 2px;}
#footer .bottom { background: url(images/footer_bottom_bg.png) no-repeat; height: 23px;}
#footer .top, #footer .middle, #footer .bottom {  }

/* General Classes */
.left { float: left; }
.right {float: right; }
p.right{text-align: right;} /* assisting right alignment of floating paragraphs */
.center {text-align: center; }
.half { width: 50%; } /* split size between 2 objects */
.hidemore {overflow: hidden; } /* stop inner html from flowing outside your height and width constraints */
.widget { margin-bottom: 10px; list-style: none; width: 100%; background-color: #2E2E2E; padding: 10px 0px 10px 10px; }
.widget li { border-left:7px solid #CCCCCC; display:block; margin:2px 0 2px 0; padding:0 0 0 5px;}
.clear, .cleared { clear: both; }

/* Wordpress or Theme Classes */
.line { height: 10px; width: 100%; background-color: #E5E5E5; margin-top: 15px; clear: both;}
.categs, .date, .tags { float: left; margin-bottom: 8px; }
.readmore { margin-top:8px; margin-bottom:16px; }
.date, .tags {margin-left: 10px; padding-left: 10px; border-left: 1px solid black; }
.taglinks { display: inline; }
.post { border-bottom: 5px groove #E5E5E5; margin-bottom: 5px; padding-bottom: 5px; }
.post ul { margin-left: 10px; }
.post ul li{ list-style: disc; margin-bottom: 4px; margin-left: 15px; }
div.post-edit-link { line-height: 40px; clear: both; text-align: right; }
.post-edit-link { color: #F00; }
.widgettitle { color: #FFF; }
.post h2 { font-size: 2.0em; }
.post h2 a { color: #E31441; }
.tb_msg { color:#FFF; }
#respond { border-top: 5px groove #E5E5E5; }
#respond h3 { font-size: 1.8em;  margin-top: 10px;}
#comment { width: 100%; margin-top: 4px; }
#commentform { text-align: right; position: relative; top: -16px; }
.commentlist { background-color: #E5E5E5; }
#prevnext { display: none; }

/* Tweet Blender Fixes */
.tb-widget-configuration, .tb_header { display: none;}
div.tb_tweet { min-height: 10px!important; }

/* Video Form CSS */
.btn {
 display: inline-block;
 background: url(http://files.naioo.com/css3-buttons/btn.bg.png) repeat-x 0px 0px;
 padding:5px 10px 6px 10px;
 font-weight:bold;
 text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
 border:1px solid rgba(0,0,0,0.4);
 -moz-border-radius: 5px;
 -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
 -webkit-border-radius: 5px;
 -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.red_btn  {background-color: #026FB8; color: #ffffff;}
.red_btn:hover  {background-color: #ff004e; color: #ffffff;}
.vnote {
 font-size: 80%;
 color: gray;
}
.vtext {
 border-color: gray;
 border-style: dotted;
 border-width: 1px;
 color: #026FB8;
}

div.post table tr.alt td{background:#f4f4f4}div.post table tr.over td{background:#e2e2e2}
div.post table td { background-color:#FFFFFF; border-bottom:1px solid #DDDDDD; padding:4px 8px; text-align:left; }
td { vertical-align: top; margin-bottom: 10px; }

