/*
	Theme Name: HBN Theme
	Description: Theme designed for HBN
	Author: Matt Ritsman
	Author URI: http://headstandmedia.com
*/

p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, blockquote, cite {margin:0; padding:0;}
.hide {display:none;}


/* Main Elements 
-----------------------------------------------*/

body {
	margin: 0px; padding: 0px;
	background:#fff;
	color: #757575;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10pt;
}

p {
	font-size: 10pt;
	color: #757575;
	line-height: 150%;
}

h1 {
	font-size: 28pt;
	color: #ffffff;
}

h2 {
	font-size: 12pt;
	color: #00B1B0;
}

.alt {
	color: #abc11c;
}


/* Links
-----------------------------------------------*/
a {
	color: #b3b3b3;
	text-decoration: none;
}
a:hover {
	color: #00B1B0;
	text-decoration: none;
}

/* Images
----------------------------------------------*/
.alignright {float:right; padding:0 0 10px 10px;}
.alignleft {float:left; padding:0 10px 10px 0;}
.aligncenter {margin: 0 auto 0 auto;}
a img {border:0;}
.wp-caption {
      text-align:center; 
}
.wp-caption p.wp-caption-text {font-size:90%;}

/* Main Layout
-----------------------------------------------*/

#wrap {
	position:relative;
	width: 940px;
	margin: 0px auto 0px auto; padding:0;
	background:#FFF;
}


/* Header Area 
-----------------------------------------------------------*/
#header {
	width:940px;
	padding:30px 0px 10px 0px;
}


/* Top Navigation 
-----------------------------------------------------------*/

#top_nav {
	float: right;
}
#top_nav ul {
	list-style-type:none;
	margin-top: 18px;
	text-align: right;
}

/* #top_nav ul li {
	display:inline;
	text-align: right;
	padding: 0px 0px 0px 40px;
	font-size: 12pt;
} */

#top_nav ul li {
	display:inline;
	text-align: right;
	padding: 0px 0px 0px 20px;
	font-size: 12pt;
}

#top_nav ul li a {
	color:#fff;
	text-decoration:none;
}

#top_nav ul li a:hover, #top_nav ul li.current_page_item a {
	color:#fff;
}

#top_nav ul li a:hover, #top_nav ul li.current_page_ancestor a {
	color:#fff;
}

#sub_nav {
	float: right;
	width: 800px;
}
#sub_nav ul {
	list-style-type:none;
	margin-top: 15px;
	text-align: right;
}
#sub_nav ul li {
	display:inline;
	text-align: right;
	padding: 0px 0px 0px 20px;
	font-size: 10pt;
}
#sub_nav ul li a {
	color:#fff;
	text-decoration:none;
}

#sub_nav ul li a:hover, #sub_nav ul li.current_page_item a {
	color:#fff;
}

#sub_nav ul li a:hover, #sub_nav ul li.current_page_ancestor a {
	color:#fff;
}


/* Main Body Content Area 
-----------------------------------------------------------*/

#main {
	float:left;
	width:940px;
	padding: 10px 0px 10px 0px;
}

.content {
	padding: 30px 0px 10px 0px;
}

.content a {
	color: #00b1b0;
}

.contentHome {
	padding: 0px 0px 20px 0px;
	width: 530px;
	line-height: 150%;
}

.contentHome a {
	color: #00B1B0;
}

.contentPortfolio {
	padding: 30px 0px 10px 0px;
	width: 530px;
}

.contentPortfolio a {
	color: #00B1B0;
}

.contentPortfolioPost {
	padding: 30px 0px 10px 0px;
	width: 440px;
}

.contentPortfolioPost a {
	color: #00B1B0;
}

.contentPortfolioPost h2 {
	font-size: 12pt;
	color: #abc11c;
	padding-top: 15px;
}

.contentBlog {
	padding: 30px 0px 10px 0px;
	width: 660px;
}

.contentBlog a {
	color: #00B1B0;
}

.contentBlog h2 {
	color: #abc11c;
}

.postTime {
	padding: 2px 0px 15px 0px;
	color: #999999;
}

.postAuthor {
	padding: 2px 0px 3px 0px;
	color: #999999;
}

.contentExpertise {
	padding: 30px 0px 0px 0px;
	width: 530px;
}

.contentExpertise a {
	color: #00B1B0;
}

.contentNewProducts {
	padding: 30px 0px 0px 0px;
	width: 530px;
}

.contentNewProducts a {
	color: #00B1B0;
}

.contentPackageDesign {
	padding: 30px 0px 10px 0px;
	width: 530px;
}

.contentPackageDesign a {
	color: #00B1B0;
}

.contentDefault {
	padding: 30px 0px 10px 0px;
	width: 530px;
}

.contentDefault ul li {
	line-height: 150%;
}

.contentDefault h2 {
	font-size: 12pt;
	color: #abc11c;
	padding-top: 15px;
}

.contentDefault a {
	color: #00b1b0;
}

.contentStaff {
	padding: 30px 0px 10px 0px;
	width: 530px;
}

.contentStaff a {
	color: #00B1B0;
}

.contentStaff ul li {
	line-height: 125%;
	list-style: none;
	padding-bottom: 10px;
}

.question {
	font-weight: bold;
	color: #00B1B0;
}

.contentArchive {
	padding: 30px 0px 10px 0px;
	width: 530px;
}

.portfolioInfo {
	font-weight: bold;
	color: #abc11c;
	line-height: 150%;
}

.testimonialDiv {
	padding: 20px 0px 20px 0px;
	border-top: 2px dotted #E4E4E4;
}


/* Main body content formatting
--------------------------------------------------------------*/

.entry {
	padding:0 0 0px 0;
}

.entry p {
	padding:6px 0;
}

.entryArchvie {
	padding:0 0 0px 0;
}

.entryArchive a {
	color: #00B1B0;
}

.entry ul, .entry ol {
	margin: 5px 20px; padding:5px 20px;
}

h1, h1 a {/* Main headings are h1 for better SEO */
	margin:0 0 8px 0;
	font-weight:bold;
}

h2, h3, h4, h5, h6 { /* Set styles for sub-headings if needed */
	margin:0 0 3px 0;
	font-weight:bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none; 
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}

blockquote{
	color: #CCC;
	border-left:5px solid #CCC;
	padding:10px 20px 10px 20px; margin-left:20px;
}

.entrymeta {
	margin:10px 0; padding:6px;
	color: #999;
	border:solid 1px #CCC;
}
.entrymeta p {
	padding:3px 0;
}

.post-navigation {
	padding: 30px 0px 0px 0px;
}

.navigation-previous {
	float:left;
	width:50%;
	text-align:left;
	font-weight: bold;
}

.navigation-next {
	float:right;
	width:50%;
	text-align:right;	font-weight: bold;
}


/* Expertise Table 
-------------------------------------------*/

.leftCell {
	padding: 20px 10px 20px 0px;
	border-bottom: dotted 2px #e4e4e4;
}

.rightCell {
	padding: 20px 0px 20px 10px;
	border-bottom: dotted 2px #e4e4e4;
}

.expertiseThumb {
	float: left;
	padding: 0px 10px 0px 0px;
}

/* Sidebar Area 
-------------------------------------------*/

#sidebar {
	float:right; /* Change to left if you want the sidebar to appear on left */
	width:220px;
	padding: 20px 0px 20px 0px;
}

#sidebar h2 {
	margin: 12px 0 5px 0; padding: 0 0 4px 0;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
}
#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	display: inline;
}

#sidebar ul li ul li a {
	color: #999;
	display: block;
	text-decoration: none !important;
	margin: 0px; padding: 4px 6px;
}

#sidebar ul li ul li a:hover {
	color: #000;
}

#search {
	margin: 8px 0 15px 0;
}


/* Footer area
------------------------------------------------------------*/

#footer {
	clear: both;
	text-align: center;
	width:940px;
	margin:0 auto 0 auto;
	color:#757575;
	text-align: right;
	line-height: 150%;
	font-size: 8pt;
}
#footer p {	
}
#footer a {
	text-decoration:none;
	color: #757575;
}

#footer a:hover {
	color: #00B1B0;
}

#copyright {
	color: #BFBFBF;
}

#copyright a {
	color: #aaaaaa;
}


/* Comments													
-----------------------------------------------------*/
#commentblock h3{
	padding:2px; margin:30px 0 10px 0;
	color: #abc11c;
}
#commentblock {
	padding: 0 0 20px 0;
	text-align: left;	
}
ol#commentlist {
	padding: 5px 5px 15px 5px;
	list-style-type: none;
}

#commentlist li  p{
	margin-bottom: 8px;
}
#commentlist li  {
	background:#fff;
	margin-bottom: 12px;
	color: #abc11c;
}
#commentlist li.alt {background:#FFF;}

.commenttext {
	clear: both;
	margin: 0 0 10px 0; padding: 10px;
	width:500px;
}


#commentsform form{
	text-align:left;
}

#commentsform form textarea{
	width:99%;
	height: 120px;
	font-size: 10pt;
}


/* Calendar 
---------------------------------------------------------*/

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	text-align: center;
	font-weight:bold;
}

#wp-calendar td {
	color: #ccc;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}



/* Slider
---------------------------------------------------------*/

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider{
	width: 810px;
	overflow:hidden;
	background: url(/uploads/slider_bg.jpg) top repeat-x;
}

#slider li{ 
	width:270px;
	height:243px; 
	}
	
#portSlider ul, #portSlider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#portSlider{
	width: 450px;
	height:375px; 
	overflow:hidden;
}

#portSlider li{ 
	width:450px;
	height:375px;
	}

#prevBtn{}

#nextBtn{}	



/* Contact Form
---------------------------------------------------------*/

.contactContainer {
	width: 300px;
}

.contactField {
	width: 300px;
}

.contactText {
	width: 300px;
	height: 150px;
}