/*------------------------------------------------------------------
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: #666;
	color: #444;
	text-transform: lowercase;
}

img,
fieldset {
	border: 0;
}

strong {
	font-weight: bold;
}

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

a.more {
	border-bottom: 1px dotted #ce3939;
	margin-bottom: 10px;
}

a.more:hover {
	text-decoration: none;
}

/* Headers
--------------------------------------------------------------------*/
h1 {
	color: #333;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 197%;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px 0 15px 0;
	text-transform: lowercase;
}
h2 {
	background: url(../i/h1arrow.png) bottom left no-repeat;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 4px 10px 14px 10px;
	text-transform: lowercase;
}
h2.alt, div.sidebar h2 {
	background: url(../i/h1arrowgrey.png) bottom left no-repeat;
}
h2 a {
	color: #fff;
}
h2 a:hover {
	text-decoration: none;
}
h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: lowercase;
}
h4 {
	font-style: italic;
	margin-bottom: 10px;
}
h5 {

}
h6 {

}

/* Text
--------------------------------------------------------------------*/
p {
	margin-bottom: 15px;
}

/* 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;
}

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

dl {

}

ul {

}

ul.third {
	display: inline;
	float: left;
	width: 33%;
}

ol {

}

/* Form Elements
----------------------------------------------------------------------*/
select {
	color: #454545;
	font-family:  tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
select option {
	padding: 0 2px;
}
input.checkbox,  
input.radio { 
	_height:13px; 
	_width:13px; 
}
input.text,
input.password {
	border: 1px solid #D3D3D3;
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	padding: 2px;
	font-size: 11px;
	width: 200px;
}
input.text.disabled {
	color: #404040;
	border: 0;
	background: none;
}
input.date {
	width: 85px;
	background: url(../i/icon_calendar.gif) no-repeat 100% 1px;
}
textarea {
	border: 1px solid #D3D3D3;
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 415px;
	height: 75px;
	padding: 3px;
}

/* Form -> Layout
-----------------------------------*/
form fieldset {
	border: none;
	padding: 7px 0;
}
form span.error {
	display: block;
	color: #ce3939;
}
form div.error label {
	color: #ce3939;
}
form div.error input.text,
form div.error input.password,
form div.error textarea,
form div.error select {
	border: 1px solid #F1B3B3;
	border-top: 1px solid #ce3939;
	border-left: 1px solid #ce3939;
	background: #ffc;
}
form div {
	padding-left: 150px;
}
form div.nolabel {
	margin-left: -145px;
}
form div.buttons {
	margin-left: 0;
}
form div label {
	float: left;
	display: inline;
	margin-left: -145px;
	font-weight: bold;
}
form div div label {
	float: none;
	display: inline;
	margin-left: 0;
	font-weight: normal;
}
form div div {
	padding: 0;
	margin: 0;
}
form div.iefix {
	_height: 1%; /*IE FIX*/
	margin-bottom: 10px;
}
/* list columns */
form div.cols {
	margin-bottom: 10px;
}
form div.cols ul.col {
	width: 50%;
	float: left;
}
form div.cols.three ul.col {
	width: 33%;
}
form div ul {
	list-style: none;
}
form div ul.checkbox li,
form div ul.radio li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
}
form div ul.checkbox li label,
form div ul.radio li label {
	font-weight: normal;
}

/* Form -> Layout -> Horizontal
-----------------------------------*/
form.horizontal fieldset {
	border: none;
	padding: 7px 0;
}
form.horizontal input.text,
form.horizontal input.password {
	width: 150px;
}

form.horizontal div {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 5px 5px 0;
}
* html form.horizontal div {
	height: 2em; /* IE needs this */
}
form.horizontal div label {
	float: none;
	display: inline;
	margin-left: 0px;
}
form.horizontal div div.nolabel {
	padding-top: 12px;
	margin: 0;	
}


/* Containers
--------------------------------------------------------------------*/
#doc3 {
	margin: auto;
	text-align: center;
}

div.content {
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	width: 830px;
}

div#toolbar {
	background: #333;
	bottom: 0;
	border-top: 2px solid #555;
	color: #eee;
	font-size: 85%;
	position: fixed;
	text-align: left;
	width: 100%;
	z-index: 9999;
}

div#toolbar div.content {
	padding: 5px 0;
}

div#toolbar a {
	font-weight: bold;
}

div.success {
	color: #016401;
	margin-bottom: 15px;
}

div.errors {
	color: #ce3939;
	margin-bottom: 15px;
}

.cufon-loading #bd h1, .cufon-loading #main p, .cufon-loading ul#nav li { /* for Cufon.replace */
	visibility: hidden !important;
}

/* Header
--------------------------------------------------------------------*/
div#hd {
	background: #666666;
}

/* Navigation
--------------------------------------------------------------------*/
div#hd ul#nav {
	display: inline;
	float: right;
	margin-top: 14px;
}

div#hd ul#nav li {
	display: inline;
	float: left;
	font-size: 123.1%;
	text-transform: lowercase;
	margin-left: 15px;
}

div#hd ul#nav li a {
	color: #fff;
}

/* Body
--------------------------------------------------------------------*/
div#bd {
	background: #fff;
	padding-bottom: 50px;
}

div#bd div.marginBottom {
	margin-bottom: 20px;
}

div#bd div#main {
	background: #ea5959 url(../i/mainbg.png) bottom center repeat-x;
	border-top: 1px solid #eee;
}

div#bd div#main h1 {
	color: #fff;
	margin-top: 20px;
}

div#bd div#main .yui-gc .yui-u {
	margin-left: 0;
}

div#bd div#main p {
	color: #eee;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 182%;
	margin-bottom: 20px;
}

div#bd div.technique img {
	border: 3px solid #eee;
	margin-bottom: 10px;
}

div#bd div.technique img.floatleft {
	border: 3px solid #eee;
	margin: 0 10px 10px 0;
}

div#bd div.technique img.floatright {
	border: 3px solid #eee;
	margin: 0 0 10px 10px;
}

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

div#bd div#slider {
	height: 23em;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	width: 830px;
	z-index: 0;
}

div#bd div#sliderContainer {
	position: relative;
	width: 8300px;
}

div#bd div#sliderContainer div.section {
	float: left;
	display: inline;
	margin-right: 15px;
	width: 830px;
}

div#bd div#sliderNav {
	visibility: hidden;
}

div#bd div#sliderNav img {
	vertical-align: middle;
}

div#bd div#team {
	margin-top: 30px;
}

div#bd div#team img {
	margin-right: 10px;
}

div#bd div#team div.yui-u {
	margin-bottom: 10px;
}

div#bd div#team img.icon {
	border: 3px solid #888;
}

div#bd div.nav ul {
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

div#bd div.nav ul li {
	border-bottom: 1px solid #ccc;
	color: #888;
	font-size: 108%;
	padding: 2px 5px;
}

div#bd div.nav ul li a {
	color: #666;
}

div#bd div.nav ul li a:hover {
	color: #ce3939;
	text-decoration: none;
	-webkit-transition: color .3s linear;
  	transition: color .3s linear;
}

div#bd div.leftimage {
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

div#bd div.leftimage img {
	border: 3px solid #ccc;
}

/* Blog
--------------------------------------------------------------------*/

div#bd div.post div.entry img.alignleft {
	display: inline;
	float: left;
	margin: 0 10px 15px 0;
}

div#bd div.post div.entry img.alignright {
	display: inline;
	float: right;
	margin: 0 0 15px 10px;
}

div#bd div.post div.entry img.padding {
	padding: 10px;
}

div#bd div.post div.entry ul {
	margin: 0 0 10px 40px;
}

div#bd div.post div.entry ul li {
	list-style-type: disc;
}

div#bd div.author {
	font-size: 85%;
	margin-bottom: 10px;
}

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

div#bd div.post h3 a {
	color: #666;
}

div#bd div.post div.author img {
	border: 3px solid #ccc;
}

div#bd dl.attributes {
	margin-top: 15px;
	width: 131px;
}

div#bd dl.attributes dd {
	margin-bottom: 10px;
}

div#bd div.post ol {
	margin: 0 0 10px 50px;
}

div#bd div.post ol li {
	list-style-type: decimal;
}

div#bd div.post ul.related_post {
	margin-left: 25px;
}

div#bd div.post ul.related_post li {
	list-style-type: disc;
}

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

div#bd div.post img {
	border: 1px solid #ccc;
}

div#bd div.post a.more-link {
	padding-top: 10px;
	display: inline-block;
}

div#bd div.post div.geshi {
	font-size: 85%;
}

div#bd div.post div.share {
	background: #eee;
	border: 1px solid #ccc;
	margin: 20px 0 20px 0;
	padding: 2px 5px;
}

div#bd div.post div.share a.iconsphere, div#bd div.post div.share a.stbutton {
	font-size: 85%;
	padding-top: 2px;
}

div#bd div.navigation {
	margin-bottom: 15px;
}

div#bd div.navigation div.alignleft{
	float: left;
}

div#bd div.navigation div.alignright{
	float: right;
}

div#bd h3#comments {
	margin-top: 15px;
}

div#bd ol.commentlist {
	margin-top: 15px;
}

div#bd ol.commentlist li {
	padding: 10px;
}

div#bd ol.commentlist li div.author img {
	border: 3px solid #ccc;
}

div#bd ol.commentlist li.alt {
	background: #efefef;
}

div#bd ol.commentlist li em {
	font-weight: bold;
}

div#bd ol.commentlist div.rating {
	display: inline;
	float: right;
	width: 100px;
	text-align: right;
	font-weight: bold;
}

div#bd ol.commentlist div.rating img {
	display: inline;
	float: right;
	margin-left: 5px;
	vertical-align: middle;
}

div#bd h3#respond {
	margin-top: 30px;
}

div#bd div.sidebar ul li ul {
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

div#bd div.sidebar ul li ul li {
	border-bottom: 1px solid #ccc;
	color: #ccc;
	font-size: 108%;
	padding: 2px 10px;
}

div#bd div.sidebar ul li ul li a {
	color: #666;
}

div#bd div.sidebar ul li ul li a:hover {
	color: #ce3939;
	text-decoration: none;
	-webkit-transition: color .3s linear;
  	transition: color .3s linear;
}

div#bd div.sidebar p#rss {
	margin-left: 10px;
}

div#bd div.sidebar p#rss img {
	vertical-align: middle;
}

div#bd div#calendar_wrap table {
	width: 100%;
}

div#bd div#calendar_wrap table caption {
	font-size: 138.5%;
}

div#bd div#calendar_wrap table thead tr th {
	font-weight: bold;
	padding-top: 15px;
}

div#bd div#calendar_wrap table td {
	padding-top: 15px;
}

div#bd div#mbl_widget_frame {
	margin-top: 20px;
}

/* Footer
--------------------------------------------------------------------*/
div#ft {
	background: #666;
	border-top: 5px solid #eee;
	color: #eee;
	font-size: 85%;
	padding: 30px 0;
}

div#ft div#links h1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 2px 0;
}

div#ft div#links ul {
	margin-bottom: 18px;
}

div#ft div#links ul li {
	border-bottom: 1px solid #888;
	color: #ccc;
	padding: 2px 0;
}

div#ft div#links ul li a {
	color: #ccc;
}

div#ft div#links ul li a:hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
}

div#ft div#copyright {
	margin-top: 10px;
}

/* 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 */