/*
Theme Name: Straight_Level
Theme URI: http://wordpress.org/
Description: Custom WP theme developer for Straight-Level in Austin., TX.
Version: 1.0
Author: Dave Faloon
Author URI: http://www.programmingarts.com
Tags: Straight-Level.box

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
	
	
	/*
	Major colors:
	Beige-Yellow: #E8D7BB; 
	Scarlet-Red: #883A24;
*/




html
{
overflow-y: scroll; /*avoids Mozilla based-browser x shift on pages requiring scroll bars */
height:100%;
}
	
html, body {
	margin:0px;
	padding:0px;
	background-color:#000000;
	font-family: Georgia, Verdana, serif; 
	font-size: 12px;
}

.new_item {
    font-style: italic;
    color: #883A24; 
}

.container {
	margin: 0px auto;
	width: 800px;
	background-color:#E8D7BB;
}

h2 {
	color:#883A24;
}

a {
	color:#883A24;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}
/******************** HEADER *********************/

.header {
	width:100%;
	background-image:url(images/header.gif);
	height:129px;
	border-width: 2px;
	border-color: #883A24;
	border-bottom-style: solid;
	margin-bottom:1px;
}

.header h1 {
	display:none;
}

/******************** NAVIGATION *********************/

.menu_ribbon {
	width:100%;
	background-color:#883A24;
	margin-top:2px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {left:200px; width:800px; height:22px; position:relative; z-index:3;border-right:1px solid #000; font-family:arial, sans-serif; text-align:center;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:801px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#FFFFFF; width:92px; height:22px; padding-left:3px; padding-right:3px; line-height:19px; font-weight:bold;}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 75px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 75px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 75px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

.menu ul ul a, .menu ul ul a:visited {border:1px solid #000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:100px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/**/
/* style the second level links */
/**/
.menu ul ul a, .menu ul ul a:visited {font-weight: normal; text-align:left; background:#FFFFFF; color:#000000; height:auto; line-height:1em; padding:5px 10px; width:176px; border-width:1px 1px 1px 1px; border-color:#883A24;}



/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#FFFFFF;}
.menu :hover > a {color:#000; background:#FFFFFF;}
.menu ul ul :hover > a {color:#000; background:#E6E6E6;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


#linkSelected {	
	
	/*height:21px;
	border-top: #883A24 1px solid;
	border-bottom: #883A24 1px solid;*/
	
	background: #E8D7BB;
	color: #000; 
	
}

#linkSelected a {
	color: #000; 
}

#linkSelected a:hover {
	background: #FFF;
	color: #883A24; 
	
	/*height:21px;
	border-bottom: #883A24 1px solid;*/
}

#subLinkSelected {
	color: #883A24; 
}

#subLinkSelected a {
	background: #dcd9d9;
	color: #883A24; 
}

#subLinkSelected a:hover {
	background: #dcd9d9;
	color: #883A24; 
}
/******************** BODY *********************/
.main_content {
	width:100%;
}

/******************** Footer *********************/
.footer {
        clear:both;
	margin: 0px auto;
	padding-top:6px;
	padding-bottom:3px;
	width:800px;
	background-color:#883A24;
	color:#FFFFFF; 
	text-align:center;
}

.footer a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover {
	text-decoration: underline;
}

/******************** Home *********************/

.project_viewer_container {
	width:100%;
	height:400px;
	/*background-color:yellow;*/
	background-image: url(../images/placeholder.jpg);
	text-align:center;
	vertical-align:middle;
}

.text_area {
	font-size:14px;
	/*padding-left: 10px;	
	padding-top: 10px;
	padding-bottom: 10px;*/
	padding: 10px;
	text-align:justify;
}

.home_page_left {
	float:left;
        width:620px;
        font-size:14px;
	padding: 10px;
	text-align:justify;
        background-color:#E8D7BB;
}

.home_page_right {
        float:right; 
        width:140px;
	padding:10px;
        background-color:#E8D7BB;
}

.profile_img {
	float: right; 
	margin-left: 12px; 
	margin-bottom: 22px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:thick;
}

/************** REFERENCES *********************/

.soapbar {
	margin: 0px auto;
	background-color:#e3ddd3; 
	width:700px; 
	padding:4px;

}

.inner_border {
	/*margin: 0px auto; */
	/*min-height:84px;*/
	font-size:12px;
	padding:8px;
	
	border:1px;
	border-style: solid;
	border-color: #b7b0a6;
	line-height: 16px;
}

/************** CONTACT INFO *********************/

.contact_info {
	position:relative;
	top:20px;
	margin: 0px auto;
	width: 400px;
	text-align:center;
	background-color:#FFFFFF;	
	padding-bottom:10px;
	border:1px;
	border-style: solid;
	border-color: #883A24;
	font-size:16px;
}

.contact_info h2{
	color:#FFFFFF;	
	background-color:#883A24;
	font-size:24px;
}

/********************** FAQ *************************/


.faq_text_area {
	font-size:14px;
	/*padding-left: 10px;	
	padding-top: 10px;
	padding-bottom: 10px;*/
	padding: 10px;
	text-align:justify;
	background-image:url(images/faq_outdoor_kitchen.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
}

.faq_background_photo {
	float:left;
	
}

/****************** SERVICES *************************/

.services_photo {
	text-align:center;
	
	padding-bottom:12px;
}

.services_photo img {
	background-color:#FFFFFF;
	padding:5px;
}

/****************** Gallery *************************/

.gallery_photo {
	padding:12px;
	text-align: justify;
	white-space:normal;
}

.gallery_photo img {
	text-align:center;
	background-color:#FFFFFF;
	padding:2px;
	
	border:none;
	margin:6px;
}

.gallery_photo a img {
	background-color:#FFFFFF;
}

.gallery_photo a:hover img{
	background-color:#883A24;
}

.gallery_button {
	float: left;
	
	margin-left:6px;
	margin-right:6px;
}

.desc
{
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding:0px;
}


.award_box {
	position:relative;
	width:790px;
	height:115px;
}

.award_logo {
	float:left;
	width:100px;
	position:relative;
	left:7px;
}

.award_text {
	float:right;
	width:680px;
	padding-right:10px;
	vertical-align: middle;
	vertical-align:bottom;
}