/*
Theme Name: Bradley & Company
Description: The Bradley & Company website theme.  
Author: Bradley & Company, Inc.
Author URI: http://bradleyandcompany.com/
*/

/*   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   */
/*   >>>>>>>>>>     RESET ALL STYLES       >>>>>>>>>>   */           
/*   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, div, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul { list-style: none; }

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* SET DEFAULT STYLES
*********************************************************/
html, body {
	height: 100%;
	font-size: 10px;
}

body { background-color:#777; }

a { text-decoration: none; }

p a, li a { color: #000; }

/* allow for link underlines when otherwise needed */
 
a.underline {
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

a.linkOut {
	text-decoration: none;
	border-bottom: 1px dotted #555;
	background: transparent url(images/linkout.png) no-repeat right 0;
	padding-right: 15px;
	color: #333;
}

a:hover .underline, a:hover .linkOut {
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dotted #00f;
}

a img { border: 0px; }

strong { font-weight: bold; }

.nobr { white-space: nowrap } /* used in placed of the depricated nobr tag */

/* .bulletedList li { list-style-type: disc; } */

/*   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   */
/*   >>>>>>>>>>       SITEWIDE STYLES      >>>>>>>>>>   */           
/*   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   */


/* TYPOGRAPHY
*********************************************************/
body {
	font: 15px/21px Arial, "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color: #333;
	background-color: #1b1b1b;
}

h1 {
	font: 26px Georgia, "Times New Roman", Times, serif;
	color: #111;
	margin: 0 0 12px 0px;
}

h2 {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
}

h3 {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 5px 0;
}

h4 {
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 15px 0 5px 0;
}

.lowerCase {
	text-transform: lowercase;
	font-style: italic
}

/* FORMS
*********************************************************/
input[type=text] { background-color: white ! important; } /* remove Google Toolbar Highlighting */

input, textarea, select {
	border: 1px solid #aaa;
	width: 375px;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #333;
	padding: 5px 7px;
}

/* prevents image type submit buttons from being re-sized with form fields*/
input[type=image]{width: auto; border: none;}

label {
	display: block;
	font-size: 12px;
	color: #000;
	margin: 0 0 2px 0;
}

label.error {
	font: italic 14px/20px Georgia, "Times New Roman", Times, serif;
	color: #800;
	padding: 2px 0 2px 10px;
}

sub {
	color: #880000;
	margin-left: 3px;
}

.submitBttn { margin: 0px 0 0 0; }

.responseBox {
	background-color: #f5f5f5;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	margin: 20px 0px 0px 0px;
	width: 400px;
	text-align: center;
}

/* MASTHEAD
*********************************************************/
#outerMastheadContainer { background: url(images/bg_mh.png) repeat-x; }

#mastheadContainer {
	width: 980px;
	height: 155px; /* fixed gap in ie6+7 */
	margin: 0 auto;
	overflow: hidden;  /*  prevents scrollbars  */
	padding: 0 20px 0 0;
}

div#tagline img { float: right; }

#mastheadLogo {
	float: left;
	width: 300px;
	text-align: left;
}

#mastheadLinks {
	float: right;
	width: 650px;
}

#mastheadLinks ul { margin: 15px 0 0 140px }

#mastheadLinks li {
	display: inline;
	padding: 0 10px 0 0;
}

/* MAIN CONTENT
*********************************************************/

#outerContentContainer {
	background: url(images/bg_primary.jpg);
	background-color: #fff;
	padding: 0 0 50px 0;
}

#contentContainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 10px 10px 0 10px;/* background: url(images/bg_highlight.png) repeat-x top; */
}

#primaryContent {
	float: left;
	width: 600px;
	padding: 0px 0px 0 10px;
}

#primaryContent p, #secondaryContent p, #tertiaryContent p, #blogPrimaryContent p, #blogSecondaryContent p { margin-bottom: 18px; }

#primaryContentWide {
	float: left;
	width: 960px;
}

#secondaryContent {
	float: right;
	width: 300px;
}

#secondaryContent img { float: right; }

#secondaryContent ul { margin: 0 0 15px 0; }

#primaryContent ul { margin: 0 0 15px 0; }

#primaryContent li, #secondaryContent li { /* bulleted lists */
	list-style-type: disc;
	margin: 0 0 0 1.25em;
}

/* FOOTER
*********************************************************/
#outerFooterContainer {
	background-color: #1B1B1B;
	background: url(images/bg_footer.png) repeat-x;
	padding: 0 10px 0 10px;
	height: 275px;
}

#footerContainer {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 0px;
	overflow: hidden;  /*  prevents scrollbars  */
	background: url(images/bg_footer.png) repeat-x;
	padding: 35px 0 10px 0;
}

#footerContainer a { color:#999; }

#footerContainer li { font: 12px Verdana, "Times New Roman", Times, serif; }

#footerContainer h3 {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif;
	text-transform: uppercase;
	color:#ccc;
	text-align: left;
	padding: 0 0 0 0px;
}

#blogHighlights { float: left; }

#blogHighlights ul {
	list-style-type: disc;
	color: #357;
	margin: 0 0 0 15px;
}

#clientAreaLogin, #recentProjects, #recentBlogPosts { float: left; }

#clientAreaLogin label {
	display: block;
	font: 13px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color: #ccc;
	padding: 0 0 2px 0;
}

#clientAreaLogin input[type=text], #clientAreaLogin input[type=password] {
	border: 1px solid #aaa;
	font: 15px Arial, sans-serif;
	padding: 0px 0 2px 8px;
	width: 170px;
}

#clientAreaLogin p { margin: 0 30px 10px 0; }

#recentProjects, #recentBlogPosts {
	margin: 0px 40px 0 0;
	width: 220px;
}

#clientAreaLogin {
	margin: 0px 55px 0 0;
	width: 200px;
}

#recentProjects li, #recentBlogPosts li {
	background-repeat: no-repeat;
	background-position: 10px;
	padding: 7px 0 7px 30px;
	border-top: dotted #444 1px;
	color: #357;
}

.blogPostIcon { background-image: url(images/icon_footer_arrow.png); }
.recentProjectIcon { background-image: url(images/icon_footer_arrow.png); }

#recentProjects li:hover, #recentBlogPosts li:hover, #blogroll li:hover, #podcasts li:hover { background-color: #444; }

.footerOddRow { background-color: #1B1B1B; }

.footerEvenRow { background-color: #282828; }

#clientAreaContianer {
	background-color: #282828;
	border: dotted #444 1px;
	padding: 2px 0 0 10px;
	width: 200px;
}

#validation {
	float: right;
	width: 120px;
	margin: 0 0px 0 0;
}

#validation li {
	display: inline;
	text-align: left;
}

div#bottomLine {
	clear: both;
	margin: 30px 0 10px 0;
	float:left;
	font: 10px arial, Arial, Helvetica, sans-serif;
	width: 930px;
	text-transform: uppercase;
}

#copyright, #servingLink a { color: #666; }

#servingLink a:hover {
	border-bottom: none;
	color: #CCFF99;
}

#coderGuy { margin: 70px 0px -80px -10px; }