/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/
Description: A blank frame work using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Simon Urbina
Author URI: http://simonwebdesign.com
Version: 1.1.6
Tags: light, two-columns, fixed-width
*/

@import url('reset.css');
@import url('typography.css');
@import url('grid.css');
@import url('forms.css');

* html a:hover {
	visibility:visible;
}

img, div, a, input { behavior: url(iepngfix.htc) }


* {
margin:0;
padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
}
a {
	color: #37638a;
	font-weight: normal;
        text-decoration:underline;
}
a:hover, a:active {
	text-decoration: underline;
         
	color: #000;
	font-weight: normal;
}
.body_cell {
	width: 972px;
	margin-left: auto;
	margin-right: auto;
}
.main_container {
	width: 972px;
	background-image: url(../../../../images/bg_shadow.jpg);
	background-repeat: repeat-y;
	float: left;
}
.main_container_interior {
	float: left;
	width: 960px;
	margin-left: 6px;
	display: inline;
}

/* Fonts */

h1 {
	font-size: 14px;
	font-weight: bold;
}
.font_red {
	font-size: 12px;
	color: #DF1F26;
}
.font_red_bold {
	color: #DF1F26;
	font-weight: bold;
	font-size: 20px;
}
.font_blue {
	color: #004060;
	font-weight:normal;
}
.font_grey {
	color:#6d6d6d;
}
.font_fourteen {
	font-size: 14px;
}
.font_nine {
	font-size: 9px;
}
.font_eleven {
	font-size: 11px;
}
.font_twelve {
	font-size: 12px;
}
.font_thirteen {
	font-size: 13px;
}
.font_fourteen {
	font-size: 14px;
}
.font_fifteen_bold_italic {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}
.font_sixteen {
	font-size: 16px;
}
.font_seventeen {
	font-size: 17px;
}
.font_eighteen {
	font-size: 18px;
}
.font_twenty {
	font-size: 20px;
}
.font_twenty_two {
	font-size: 22px;
}
.font_twenty_four {
	font-size: 24px;
}
.font_large_bold {
	font-size: 24px;
	font-weight: bold;
}
.font_large_bold_italic {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.font_bold_underline {
	font-weight: bold;
	text-decoration: underline;
}

/* Basic Page Structure */

.head_container {
	float: left;
	width: 960px;
	height: 433px;
	background-image: url(../../../../images/bg_head_index.jpg);
	background-repeat: no-repeat;
}
.head_top {
	float: left;
	width: 960px;
	height: 142px;
}
.head_logo_left {
	float: left;
	width: 365px;
	height: 142px;
}
.head_logo_right {
	float: right;
	width: 250px;
	margin-top: 55px;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
}

.head_container_about  {
background-image:url("../../../../images/bg_head_about_us.jpg");
background-repeat:no-repeat;
float:left;
height:380px;
width:960px;
}

.head_bottom_about {
display:inline;
float:left;
height:169px;
margin-left:720px;
margin-top:60px;
width:194px;
}

.head_bottom {
	float: left;
	width: 148px;
	height: 43px;
	margin-left: 535px;
	margin-top: 200px;
	display: inline;
}

/* Nav */

.nav_container {
	float: left;
	width: 960px;
	height: 41px;
}
.nav_container img {
	height: 41px; 
	border: 0; 
}
.nav_container a {
	display: block;
	height: 41px;
	float: left;
	overflow:hidden;/* for ie to hide extra height*/
}
.nav_container a:hover img{
	visibility:hidden;
}
.nav_home{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_home.jpg);
	background-repeat: no-repeat;
	width: 87px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_products{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_products.jpg);
	background-repeat: no-repeat;
	width: 104px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_how{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_how.jpg);
	background-repeat: no-repeat;
	width: 152px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_faqs{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_faqs.jpg);
	background-repeat: no-repeat;
	width: 77px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_feel{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_feel.jpg);
	background-repeat: no-repeat;
	width: 176px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_locations{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_locations.jpg);
	background-repeat: no-repeat;
	width: 121px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_about{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_about.jpg);
	background-repeat: no-repeat;
	width: 108px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.nav_opportunities{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	background-image: url(../../../../images/nav_selected_opportunities.jpg);
	background-repeat: no-repeat;
	width: 135px;
	height: 41px;
	overflow:hidden;/* for ie to hide extra height*/	
}

/* Content */

#content, .posts-wrap {width:600px; padding:10px; margin-top:20px; }
#entry-title-single {font-size:2em;}
.read_more {float:right; margin-top:8px; }
.breadcrumb {height:30px; width:100%;}
.breadcrumb a {color:#3e729d;}

/* Sidebar */

#categories {padding-top:16px; clear:both;}

#sidebar-wrap {margin-top:20px; width: 300px; overflow: hidden;}
#sidebar-wrap ul {list-style:none; margin:0; padding:0;  width:295px;}
#sidebar-wrap li {padding:3px 10px; width:275px; }
#sidebar-wrap li:hover a {color:#999; width:100%; height:100%;}
#sidebar-wrap li:hover li a {color:#000;}
#sidebar-wrap li li:hover a {color:#fff;}

#sidebar-wrap li:hover ul  {width:60%;}
#sidebar-wrap li:hover li {width:89%;}

#sidebar-wrap h3 {font-size:16px; padding-top:16px; display:block; clear:both;}
#sidebar-wrap blockquote {font-size:3px; padding-top:3px; display:block; clear:both;}

input#s {width:193px; margin-bottom:16px; display:inline;}

/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

ul.nav{
	width: 20ex;
/*Optional, to make the navigation bar positions on the left of the content*/
	float: left;
	margin-right: 1em;
}

ul.nav>li{
	margin: 0;
	padding: 2px 6px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	width: 20ex;
	left: 20ex;
	margin-top: -1.4em;
	margin-left: 9px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li li a{
    color:#000;
}

ul.nav li:hover,
.nav ul li a:hover{
}

ul.nav li:active,
.nav ul li a:active{
	
}



.quote_right_container {
	float: left;
	width: 298px;
	border: 1px solid #4c4c4c;
	color: #545454;
}
.quote_header {
	float: left;
	width: 298px;
	height: 55px;
}
.quote_text {
	float: left;
	width: 288px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 5px;
}
.quote_byline {
	float: left;
	width: 298px;
	font-size: 11px;
	padding-bottom: 15px;
	text-align: center;
}


/* Pre-Footer */
.prefooter {
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0;
	width:920px; 
	margin-left:30px; 
	margin-right:30px; 
	text-align:center;
}


/* Footer */

.footer_container {
	float: left;
	width: 972px;
	height: 123px;
	background-image: url(../../../../images/bg_footer.jpg);
	background-repeat: no-repeat;
	display: inline;
}
.footer_text {
	float: left;
	width: 960px;
	text-align: center;
	margin-top: 65px;
	display: inline;
	color: #FFFFFF;
}


/* Misc */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* post */
.meta {
}
/* COmments */
#comments {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}
#postcomment {
        margin:20px 0px 10px 0px;
        padding:20px 0px 10px 0px;
        border-top: solid 1px #ccc;
}
/* featured section */
#featured-sticker {
        width: 100px;
        padding: 5px;
        margin-left: 800px;
        background-color: #f00;
        color: white;
        text-align: center;
        position: absolute;
        float: right;
}
#featured-post {
        background-color: #f3f3f3;
        padding:20px;
        margin: 0px 0px 45px 0px;
        border-top: solid 3px #ccc;
        border-bottom: solid 1px #ccc;
}

#post-entries {
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 20px 0px;
        border-bottom: solid 1px #ccc
}

.blog-date {float:left; font-size:10px; padding-top:10px;}

#search-bar {height:40px; position:relative; width:300px;}
img.alignleft {border:1px solid #ebebeb; margin-right:6px;}