/*-----------------------------------------------------------------------------
MLB Creative Main Stylesheet
author: Drive New Media, Inc.
-----------------------------------------------------------------------------*/

/* Colors: 
	dark grey 	#3a3a3a;
	light grey	#666666;
	light tan	#E5E4DF;
	red		#C54E34;
	green		#A1AC31;
*/

/* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:62.5%; 
	line-height:1.6em; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #3a3a3a/*dark grey*/;
	text-align: center;
	margin-top: 50px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style: italic;
	vertical-align: top;
}
cite { font-style: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-weight:normal;
	color: #1a1a1a;
	text-decoration: none;
}

a:hover { text-decoration: none; color: #A1AC31/*green*/; }


p { margin-bottom: 10px; }

hr { clear: both; border: 1px #666 solid; }

/* -------------------------- HEADERS ------------------------------------ */

h1, h3, h4, h5 {font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

h1 { font-size:2.1em; line-height: 1.2em; color: #3a3a3a;  }
h2 { font-size:1.0em; margin-bottom: 10px; font-weight: bold; }
h3 { font-size:1.2em; color: #666; }
h4 { font-size:1.75em; color: #3a3a3a; }
h5 { font-size:1em; font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;}

/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#salt-n-pepa { font-size: 1em; text-align: left; width: 960px; margin: 0 auto; background-color: #fff; }
#bgIMG { background: #fff url(images/g_backgroundRepeat.gif) repeat-y; float: left; }
#header { width: 960px; background-color: #C6C2BA/*tan*/; float: left; }
#mainNav {display: inline-block; float: left; padding: 7px 35px 7px 35px; background-color: #A1AC31/*green*/; }
#mainNav li { float: left; border-right: 1px #1a1a1a/*dark grey*/ solid; padding-right: 5px; margin-right: 5px; }
#mainNav li a { font: 1.3em bold Avenir, Verdana, Arial, Helvetica, sans-serif;  text-decoration: none; color: #1a1a1a/*dark grey*/; }
#mainNav li a:hover, #mainNav li.current_page_item a, #mainNav li.current_page_parent a { text-decoration: none; color:#fff; }
#mainNav li.page-item-251  { border: none; }
#mainNav li.page-item-461 { display: none; }

#content { width: 960px; background-color: #fff; border: none; text-align: left; }
.contentLeft { float: left; width: 589px; background-color: #fff; padding: 10px 20px 1px 32px; margin-top: 15px; }
.contentLeft_featuredWork { float: left; width: 589px; background-color: #fff; padding: 0 20px 1px 32px; }
#block1 img { padding-right: 20px; }
#block1 blockquote { font: 1.5em/1.6em Georgia, "Times New Roman", Times, serif; }
#block1 a:hover h1 { margin-top: 10px; font-size: 2.1em; color: #A1AC31/*green*/; }
#block1 a { color: #666; text-decoration: none; }
#block2 { font-size: 1em; line-height: 1.7em; float: left; padding: 20px 20px 0 10px; width: inherit; }
#block2 img { float: right; padding: 10px; }
#block2 h1 { font-size: 2.1em; }
#block3 { float: left; padding: 20px 20px 0 10px; width: inherit; }
#block3 a h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
#block3 a:hover h3 { color: #A1AC31/*green*/; text-decoration: none; }
#block3 ul li.padLeft { padding-left: 25px; }
.contentLeft_sidebarColor { float: left; background-color: #E5E4DF/*tan*/; width: 100%; height: 100%; padding: 20px 30px 0 30px; margin-left: -32px; }
.contentLeft_sidebarColor form h2 { margin-bottom: -3px; }
.contentLeft_sidebarColor form input { margin-bottom: 20px; }
.contentLeft_sidebarColor form input.contactForm/*this is also used on the comments for the blog*/ { background-color: #fff; border: 2px #C6C2BA/*tan*/ solid !important; padding: 3px; }
/*--this fixes the textarea in Safari---*/
textarea { resize: vertical; }
.contentLeft_featuredWork_sidebarColor { background-color: #E5E4DF/*tan*/; width: 597px; padding: 20px 20px 1px 32px; margin-bottom: 20px; margin-left: -32px; }
.contentLeft_featuredWork_sidebarColor ul { list-style-type:disc; padding-left: 13px; }
.contentLeft_featuredWork_sidebarColor h1 { padding-bottom: 10px; }
.break { background-color: #C6C2BA; height: 35px; width: 100%; clear: both; padding: 0 30px; margin-left: -32px; }
.contentLeft .contact { padding: 20px 0; }
.contentLeft .contact .building { border: 2px #C6C2BA/*tan*/ solid; margin: 0 10px 10px 0; }
.contentLeft .contact ul li a img { vertical-align: middle;  }
.contentLeft_featuredWork_sidebarColor .bwLogo { padding: 10px 15px 15px 15px; float: left; }
.contentLeft_featuredWork_sidebarColor .bwLogoMc { padding: 0 15px 0 0; float: left; }
.contentLeft_featuredWork_sidebarColor .bwLogoLong { padding: 15px 15px 15px 15px; margin-bottom: 40px; float: left; }
.commentBubble { vertical-align: sub !important; margin: 0 !important; padding: 5px 5px 0 0 !important; }

/*----------- Featured Work Thumbnails --------------*/
.featuredWork_Img { border-bottom: 2px #E5E4DF solid; border-left: 2px #E5E4DF solid; width: 274px; margin-bottom: 30px; }
.featuredWork_Img h2 { padding: 0 0 0 12px; }
#flashcontent { text-align:center; margin:0 auto; width:724px; padding:0; }


#sidebar { float: left; width: 319px; }
#sidebar h4 a:hover  { text-decoration: none !important; color: #A1AC31/*green*/ !important; }
#sidebar h4 a:hover span { text-decoration: none !important; color: #3a3a3a!important; }
#sidebar #bigsmall { float: right; padding: 14px; margin: 45px 0 30px 0; }
#sidebar #sidebar1, #sidebar #sidebar2 { padding: 27px 28px; }
#sidebar #sidebar1 p { line-height: 1.5em; }
#sidebar #sidebar1 ul, #sidebar #sidebar2 ul { line-height:1.6em; margin-bottom: 25px; }
#sidebar #sidebar1 li, #sidebar #sidebar2 li { font-size: 1em; }
#sidebar #sidebar1 li a { font-size: 1.0em; color: #666; }
#sidebar #sidebar2 li a { font-size: 1.0em; font-weight: bold; color: #666; }
#sidebar #sidebar1 li a:hover, #sidebar #sidebar2 li a:hover { color: #A1AC31/*green*/; }
#sidebar #sidebar1 img.workThumb, #sidebar #sidebar2 img.workThumb, #sidebar #sidebar1 span.workThumb { margin: 0 5px 5px 0; border: 2px #C6C2BA/*tan*/ solid; }
.aboutQuote { text-align: center; padding: 20px 35px; line-height: 1.5em; }
#sidebar #sidebar1 .addys ul { margin-bottom: -10px; }
#sidebar #sidebar1 .addys ul li a { color: #3a3a3a; font-weight: bold; }
#sidebar #sidebar1 .addys ul li a:hover { color: #A1AC31; }
#sidebar #sidebar1 .addys ul li img { margin-bottom: 10px; }
#sidebar #sidebar1 .addys h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; padding-bottom: 5px; }
.sideBar { padding-left: 0; }
.sideBarHR { margin: 0 0 10px 20px; }
#sidebar1 .sideBarHR, #sidebar2 .sideBarHR { margin: 0 0 10px -10px; }
/*--- Styled bullets in sidebar ---*/
.entry ul li:before, #sidebar ul ul.recentArticles li { list-style-image:url(/images/b_recentBlogs.gif); padding-bottom: 5px; margin-left: 10px; }
.entry ul li:before, #sidebar ul ul li.cat-item-1, .entry ul li:before, #sidebar ul ul li.cat-item-6, .entry ul li:before, #sidebar ul ul li.cat-item-5 { list-style-image:url(/images/b_categories.gif); margin-left: 10px; }
.entry ul li:before, #sidebar ul ul.sidebarArchives li { list-style-image:url(/images/b_archives.gif); margin-left: 10px; }

#footer { float: left; width: 960px; color: #fff; background-color: #C6C2BA/*tan*/; }
#footerContent { background-color: #A1AC31/*green*/; margin-top: 35px; padding: 20px 45px; }
#footerContent ul { float: left; padding-left: 40px; }
#footerContent ul li a { color:#fff; }

#subFooter { background-color: #3a3a3a/*dark grey*/; margin: 5px 0 60px 0; float: left; width: 960px; }
#subFooter img { float: left; padding-right: 10px; margin-top: 10px; }
#subFooter p { float: right; color: #fff; font-size: 1em; font-family: Avenir, Verdana, Arial, Helvetica, sans-serif; margin-top: 14px; }

.red { color:#C54E34/*red*/; }
.green { color:#A1AC31/*green*/; }
.white { color:#fff; }
.grey { color: #666/*dark grey*/; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.centerText { text-align:center; }
.bold { font-weight: bold; }
.super { font-size: small; vertical-align: super; }
.smartQuotes { font-family: Georgia, "Times New Roman", Times, serif; }

#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6, #flashcontent7 { padding-top: 30px; margin: 0 auto; }
.frameContent { display: none; }
.pointer { cursor: pointer; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* ------------- WORDPRESS RELATED STYLES -----------------*/
.contentLeft { float: left; width: 589px; background-color: #fff; padding: 10px 20px 1px 32px; }
.contentLeft_singlePost { float: left; width: 589px; background-color: #fff; padding: 10px 20px 1px 32px; }
.userPhoto { margin: 0 10px 10px 0; border: 2px #C6C2BA/*tan*/ solid; }

.post { margin: 20px 0; text-align: left; }

.post hr { display: block; }

.singlePost { min-height: 300px; }

.contentLeft_singlePost .post { margin: 0; }

.contentLeft .postmetadata { padding: 5px 0; text-align: left; }

.contentLeft .blogRollPar { margin-bottom: 10px; }

.contentLeft .blogHr { margin-bottom: 10px; margin-left: -10px; }

.contentLeft .blogRollContent { width: 530px; float: right; }

.contentLeft .entry a.blogRoll_continue { margin-top: -15px; color: #A1AC31/*green*/; text-decoration: none; }

.contentLeft .entry, .contentLeft_singlePost .entry { line-height: 1.4em; }
	
.contentLeft_singlePost { line-height: 1.6em; }
	
.contentLeft_singlePost .entry p { font-size: 1.05em; }
	
.contentLeft_singlePost .postmetadata { margin: 30px 0; }

.contentLeft_singlePost .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }

.contentLeft_singlePost .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: both; }

.clear { clear: both; }

.entry p a:visited { color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #666; margin-bottom:20px; }
.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }

.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }

#wp-calendar th { font-style: normal; text-transform: capitalize; }

h2.pagetitle { margin-top: 30px; text-align: center; }

#sidebar h2 { margin: 5px 0 0; padding: 0; }

h3.comments { padding: 0; margin: 40px auto 20px ; }



/* Begin Images */
p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }

html>body .entry li { margin: 7px 0 8px 10px; }

/*.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }*/

.entry ol { padding: 0 0 0 35px; margin: 0; }

.entry ol li { margin: 0; padding: 0; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li { list-style: none; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */



/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; }

#sidebar #searchform #s { width: 108px; padding: 2px; background-color: #fff; border: 2px #C6C2BA/*tan*/ solid; }

#sidebar #searchsubmit { padding: 1px; content: '/images/g_go.gif'; }

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center; }

select { width: 130px; }


#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */



/* Begin Comments*/
.alt { margin: 0; padding: 10px; }

.commentlist { padding: 0; text-align: justify; }

.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }

.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin Sidebar */
#sidebar form { margin: 0; }
/* End Sidebar */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

.center { text-align: center; }

.hidden { display: none; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }

.even, .alt { border-left: 1px solid #ddd; }

h2.pagetitle { font-size: 1.6em; color: #666; }

#sidebar h2 { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

.entry p a:visited { color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#666; }
.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }

.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }


/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */