/*------------------------------------------------------------------
Global CSS

Author:			Brandon Quintana <bquintana@brandonquintanaconsulting.com>

Methods: 		RULES ORGANIZATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Container
						Header
							Nav
						Body
							Layout Setup
								Modules
						Footer
					Hacks
					(other)
--------------------------------------------------------------------*/

/* Global Styles
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #232423;
	color: #f6feff;
}

img,
fieldset {
	border: 0;
}

/* Links
--------------------------------------------------------------------*/
a {
	color: #445b5e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Headers
--------------------------------------------------------------------*/
h1 {
	font-size: 138.5%;
	margin-bottom: 30px;
}
h2 {
}
h3 {

}
h4 {

}
h5 {

}
h6 {

}

/* Text
--------------------------------------------------------------------*/
p {

}

strong {
	font-weight: bold;
}

/* Often Used Classes
--------------------------------------------------------------------*/
.floatleft {
	float: left;
	display: inline;
}
.floatright {
	float: right;
	display: inline;
}
.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}
.aligncenter {
    text-align: center;
}

/* Forms
--------------------------------------------------------------------*/
form input, form textarea {
	border: 10px solid #191919;
	background: #333;
	color: #fff;
}

form textarea#comment {
	width: 819px;
}

form input.submit {
	background: #445B5E;
	border: 0;
	font-size: 85%;
	font-weight: bold;
	padding: 5px 10px;
}

/* Lists
--------------------------------------------------------------------*/

dl {

}

ul {

}

ol {

}

/* Containers
--------------------------------------------------------------------*/
#doc3 {
	margin: 0;
}

.yui-t4 #yui-main .yui-b {
	margin-right: 10.385em;
	*margin-right: 10.125em;
}

.yui-t4 .yui-b {
	width: 9.615em;
	*width: 9.375em;
}

/* Header
--------------------------------------------------------------------*/
div#hd {
}

div.content {
	margin:auto;
	text-align:left;
	width: 74.923em;/* non-IE */ 
	*width: 73.052;/* IE */ 
	min-width: 974px;	
}

div#hd div#logo {
	background: #240003;
	padding: 12px 0;
}

div#hd form#searchform {
	margin-top: 2px;
}

div#hd form#searchform input#s {
	background: #b0b0b0 url(../i/search.png) 5px no-repeat;
	border: 2px solid #232423;
	font-size: 153.9%;
	padding-left: 20px;
	width: 250px;
}

/* Navigation
--------------------------------------------------------------------*/
div#hd div#navigation {
	background: #450008;
}

div#hd ul#nav {

}

div#hd ul#nav li {
	display: inline;
	float: left;
}

div#hd ul#nav li a {
	color: #f6feff;
	display: block;
	padding: 10px 50px 10px 0;
}

div#hd ul#nav li a span {
	display: block;
}

div#hd ul#nav li a span.main {
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 3px;
}

div#hd ul#nav li a span.sub {
	color: #666;
	font-size: 85%;
}

div#hd ul#nav li a:hover {
	text-decoration: none;
}

div#hd ul#nav li a:hover span.main, div#hd ul#nav li a:hover span.sub {
	color: #ccc;
}

/* Body
--------------------------------------------------------------------*/
div#bd {
	margin: 40px 0;
}

/* Blog
--------------------------------------------------------------------*/
div#bd h2 {
	font-family: 'Trebuchet MS', trebuchet, tahoma, sans-serif;
	font-size: 182%;
	padding-bottom: 2px;
}

div#bd h2 a {
	color: #f6feff;
}

div#bd h3 {
	border-bottom: 1px solid #ccc;
	font-size: 85%;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

div#bd h4 {
	color: #eee;
	font-size: 138.5%;
	margin-bottom: 15px;
}

div#bd h5 {
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
}

div#bd p {
	font-size: 123.1%;
	margin-bottom: 10px;
}

div#bd p.price {
	font-size: 100%;
	font-weight: bold;
}

div#bd dl.third {
	display: inline;
	float: left;
	width: 33%;
}

div#bd dl dt {
	font-size: 93%;
	font-weight: bold;
}

div#bd dl dd {
	font-size: 85%;
	margin-bottom: 5px;
}

div#bd a.main_image img {
	border: 10px solid #fff;
}

div#bd div.leftCol {
	display: inline;
	float: left;
	width: 217px;
}

div#bd div.rightCol {
	margin-left: 217px;
}

div#bd div.post {
	margin-bottom: 50px;
}

div#bd p.postmeta {
	border-bottom: 3px solid #ccc;
	font-size: 85%;
	font-weight: bold;
	margin-top: 15px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

div#bd div.navigation a {
	background: #445B5E;
	border: 0;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	padding: 5px 10px;
}

div#bd div.about p {
	font-size: 100%;
}

/* Map
--------------------------------------------------------------------*/
div#bd div#map {
	background: #191919;
	margin: 20px 0;
	padding: 10px;
}

div#bd div#map h4 {
	margin-bottom: 10px;
}

div#bd div#map iframe {
	margin-bottom: 0;
}

div#bd div#map small, div#bd div#map br {
	display: none;
}

/* Comments
--------------------------------------------------------------------*/
div#bd ol.commentlist div.individual-comment {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div#bd ol.commentlist div.individual-comment div.leftColComment {
	display: inline;
	float: left;
	width: 105px;
}

div#bd ol.commentlist div.individual-comment div.rightColComment {
	margin-left: 105px;
}

div#bd ol.commentlist div.reply a {
	background: #445B5E;
	border: 0;
	color: #fff;
	display: inline;
	float: right;
	font-size: 85%;
	font-weight: bold;
	padding: 5px 10px;
}

div#bd ol.commentlist li.depth-2 {
	margin-left: 105px;
}

div#bd ol.commentlist li.depth-3 {
	margin-left: 105px;
}

div#bd ol.commentlist div.avatar_cont img {
	border: 10px solid #191919;
}

/* About
--------------------------------------------------------------------*/
div#bd div.section {
	border-top: 1px solid #ccc;
	margin: 10px 0;
	padding: 20px 0 10px 0;
}

div#bd div.section img {
	border: 10px solid #191919;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}

/* Contact Form
--------------------------------------------------------------------*/
div#bd .cform {
	width: 600px;
}

div#bd div.failure, div#bd ol.cf-ol li.cf_li_err {
	background: #450008 !important;
	border: none;
	color: #fff;
	font-weight: bold;
}

div#bd .cform input.single, div#bd .cform textarea.area, div#bd .cform select {
	background: #b0b0b0;
	border: 2px solid #232423;
	font-size: 153.9%;
	width: 300px;
}

div#bd .cform input.sendbutton {
	background: #445B5E !important;
	border: none !important;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	width: auto;
}

div#bd p#ll {
	display: none;
}

/* Gallery
--------------------------------------------------------------------*/
div.flickr_thumb {
	display: inline;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
}

div.flickr_thumb a {
	border: 10px solid #333;
	display: block;
	height: 75px;
	position: relative;
	width: 75px;
	background-position: 50% 50%;
}

/* FancyBox
--------------------------------------------------------------------*/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../js/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../js/fancybox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../js/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../js/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../js/fancybox/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../js/fancybox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../js/fancybox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../js/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../js/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../js/fancybox/fancy_shadow_nw.png) no-repeat;
}

/* Ads
--------------------------------------------------------------------*/
.yui-t4 .yui-b iframe {
	margin-bottom: 20px;
}

/* Footer
--------------------------------------------------------------------*/
div#ft {
	background: #240003;
	padding-top: 40px;
	padding-bottom: 100px;
}

div#ft h2 {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

div#ft p {
	margin-bottom: 10px;
}

div#ft img#twitter_icon {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

div#ft label {
	font-size: 85%;
	font-weight: bold;
}

div#ft input#email {
	border: 2px solid #232423;
	font-size: 116%;
	margin-bottom: 10px;
	vertical-align: middle;
	width: 225px;
}

div#ft div#feedburner {
	margin-top: 40px;
}

img#wpstats {
	display: none;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */