/* 
	Theme Name: Belafonte Code 2008
	Theme URL: http://www.belafontecode.com
	Description: Belafonte Code Design - 11.25.07
	Author: Aaron Belafonte
	Author URI: http://www.belafontecode.com
	Version: 1.0
		
	
*/
/*
COLOR TABLE

SUPER LIGHT GRAY	#EEE; - USE FOR CAPTIONS BACKGROUND
LIGHT GRAY-BLUE		#D8DCE0; - SIDEBAR MAIN BACKGROUND
MEDIUM GRAY-BLUE	#AAB7C3; - USED FOR SIDEBAR ABOUT AND SIDEBAR HOVERS
DARK BLUE			#001F3D;
BACKGROUND BLUE		#036; - THE MAIN BLUE ON THIS SITE

*/
#gridOverlay {
	background: transparent url(images/grid.png) repeat left top;
	position: absolute;
	width: 970px;
	height: 1000px;
	z-index: 999;
	display: none
}
html {
	background: #003366 url(images/background_gradient.gif) repeat-x center top;
}
body {
	background: transparent url(images/background_hdr.jpg) no-repeat center top;
	font: normal 62.5% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0; /* TO MAKE ROOM FOR LOGO WITHOUT COLLAPSING MARGINS WITH BODY TAG */
	text-align: center; /* FOR CENTERING IN IE6 */
}
a img {
	border: none;
}
h1 {
	font-size: 2.2em;
	margin: 0;
	padding: 3px 10px 15px 10px;
	background: #e5e8eb url(images/caption_bkg.gif) repeat-x left bottom;
	color: #222;
}
h2 {
	font-size: 1.7em;
}
h2.columnTwoHeader { /* BLUE HEADER FOR SECOND COLUMN */
	color: #FFF;
	margin: 0;
	padding: 3px 0 3px 7px;
	background: #036 url(images/blue_header_bkg.gif) repeat-x left top;
	line-height: 1.1; /* KEEPS SIFR UNDER CONTROL, BOX HEIGHT CONTROLS SIZE OF FONT */
}
a {
	color: #036;
	outline: none;
}
a:hover {
	text-decoration: none;
}
#logo {
	display: block;
	background: transparent url(images/belafonte_logo.png) no-repeat center top;
	width: 270px;
	height: 110px;
	margin: 0 auto 10px;
	text-indent: -9999px;
}
#bodyWrapper {
	width: 970px;
	background: #FFF url(images/background_columns.gif) repeat-y center top;
	padding: 0 10px; /* TO SHOW DROP SHADOW ON SIDES */
	margin: 0 auto;
	text-align: left; /* BRING IT BACK HOME */
}

#masthead {
	background: #036 url(images/masthead_bkg.gif) no-repeat right bottom;
	height: 60px;
	position: relative;
}

.offLeft {
	position: absolute;
	margin-left: -9999px;
}
.marginWrapper {
	margin: 10px;
}
.columnTwo {
	float: right;
	width: 260px;
	background: #DCDCDC;
	font-size: 1.1em;
}
.columnTwo .articleMeta {
	font-size: 1em;
	font-weight: bold;
	background: transparent;
	padding: 0 0 5px 0;
}
.columnTwo .marginWrapper {
	margin: 0 15px;
}
.more-link {
	margin: 0 0 15px 10px; /* FOR THE MORE LINK COMPONENT OF the_excerpt_reloaded() */
}
.pageNumber {
	font-size: .6em;
	font-style: italic;
	
}
a.homeMainCommentsLink {
	margin-top: 15px;
	margin-left: 20px;
	font-style: italic;
	color: #333;
	display: block;
}
#navIcons {
	width: 200px;
	position: absolute;
	left: 765px;
	top: -35px;
}
#navIcons a {
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 8px;
}
a.twitterIcon {
	background: transparent url(images/icon_twitter.png) no-repeat center center;
}
a.deliciousIcon {
	background: transparent url(images/icon_delicious.png) no-repeat center center;
}
a.rssIcon {
	background: transparent url(images/icon_rss.png) no-repeat center center;
}
a.magnoliaIcon {
	background: transparent url(images/icon_magnolia.png) no-repeat center center;
	display: none;
}
.commentBubble {
	font-size: .9em;
	background: transparent url(images/comment_bubble.gif) no-repeat center top;
	display: block;
	width: 37px;
	line-height: 22px; /* USING LINE-HEIGHT TO KEEP TEXT VERTICALLY CENTERED */
	padding: 0 0 7px;
	margin: 7px 7px 0;
	text-align: center;
	float: right;
	color: #FFF;
	text-decoration: none;
}

.commentBubble:hover {
	background: transparent url(images/comment_bubble.gif) no-repeat center -28px;
	color: #CCC;
}
.styledListRows {
	margin: 0 25px;
	padding: 2px 2px 1px;
}
ol.styledListRows li, ul.styledListRows li {
	list-style-position: inside;
	background: #EFEFEF;
	padding: 3px;
	margin: 0 0 1px;
}
.articleContainer p img.floatRight {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0 5px 5px 0;
	background: transparent url(images/shadow_backround.gif) no-repeat right bottom;
	border-top: solid 1px #DDD;
	border-left: solid 1px #DDD;
}
p .floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.imageCaptionRight {
	float: right;
	border: solid 1px #CCC;
	padding: 1px;
	margin: 5px;
	font-weight: bold;
	font-size: .9em;
}
.imageCaptionLeft {
	float: right;
	border: solid 1px #CCC;
	padding: 1px;
	margin: 5px;
	font-weight: bold;
	font-size: .9em;
}
/***************************************************************** NAVIGATION */
ul#navigation {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 10px;
}
ul#navigation li {
	list-style: none;
	padding: 0;
	float: left;
	margin: 0 10px 0 0;
}
ul#navigation li a {
	display: block;
	text-indent: -9999px;
}


/* HOME BUTTON */
ul#navigation li.page-item-66 a { 
	background: transparent url(images/nav_home_2.gif) no-repeat center top;
	width: 60px;
	height: 30px;
}
ul#navigation li.page-item-66 a:hover, ul#navigation li.page-item-66.current_page_item a {
	background: transparent url(images/nav_home_1.gif) no-repeat center top;
}

/* ABOUT BUTTON */
ul#navigation li.page-item-67 a { 
	background: transparent url(images/nav_about_2.gif) no-repeat center top;
	width: 60px;
	height: 30px;
}
ul#navigation li.page-item-67 a:hover, ul#navigation li.page-item-67.current_page_item a {
	background: transparent url(images/nav_about_1.gif) no-repeat center top;
}

/* BROWSE BUTTON */
ul#navigation li.page-item-71 a { 
	background: transparent url(images/nav_browse_2.gif) no-repeat center top;
	width: 120px;
	height: 30px;
}
ul#navigation li.page-item-71 a:hover, ul#navigation li.page-item-71.current_page_item a {
	background: transparent url(images/nav_browse_1.gif) no-repeat center top;
}

/* CONTACT BUTTON */
ul#navigation li.page-item-68 a { 
	background: transparent url(images/nav_contact_2.gif) no-repeat center top;
	width: 70px;
	height: 30px;
}
ul#navigation li.page-item-68 a:hover, ul#navigation li.page-item-68.current_page_item a {
	background: transparent url(images/nav_contact_1.gif) no-repeat center top;
}

.articleContainer div {
	margin-left: 10px;
}
/***************************************************************** STAND-OUT LISTS*/
.standOutList {
	padding: 0;
	margin: 0 20px;
	color: #FFF;
}
ol.standOutList li, ul.standOutList li  {
	margin: 0 0 5px;
	padding: 0;
	background: #D8DCE0;
	border: solid 1px #AAB7C3;
	list-style: none;
	color: #222;	
}
ol.standOutList li h2, ul.standOutList li h2 {
	padding: 5px 20px 15px 10px;
	margin: 0;
	color: #FFF;
	background: #D8DCE0 url(images/list_header_scratchy_bkg.gif) repeat-x left bottom;
}
ol.standOutList li p, ul.standOutList li p{
	padding: 0;
	text-align: justify;
}

/***************************************************************** SEARCH BOX */

#searchBox {
	position: absolute;
	top: 12px;
	right: 10px;
}

#searchBox h2 {
	position: absolute;
	margin-left: -9999px;
}
#searchBox input#s {
	border: solid 1px #036;
	background: #00172D;
	padding: 5px;
	color: #FFF;
	width: 12em;
}
#searchBox input#searchsubmit {
	background: transparent;
	border: none;
	font-weight: bold;
	color: #FFF;
}
#searchBox input#searchsubmit:hover {
	color: #FFF;
}
/***************************************************************** DEFAULTS */

#contentColumn {
	width: 780px;
	float: left;
	padding-bottom: 30px;
}


#mainContent {
	float: left;
	width: 520px;
}

/***************************************************************** ARTICLECONTAINER */
.articleTitle { color: #222; }
.articleTitle a {
	text-decoration: none;
	color: #001F3D;
}
.articleTitle a:hover {
	color: #036;
	text-decoration: underline;
}
.articleContainer {
	position: relative; /* TO CONTAIN leadImage */
}
.articleContainer p {
	font-size: 1.2em;
	line-height: 17px;
}
.articleContainer p, .articleContainer h1, .articleContainer h2, .articleContainer h3, .articleContainer h4 {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0;
}


.articleContainer p.leadCaption {
	text-align: justify;
	font-weight: bold;
}
.articleContainer p.leadImage {
	margin: 0;
	padding: 10px 10px 0;
}

.articleContainer p img { /* UNDOES THE ABOVE PADDING WHEN THE IMAGE IS IN A <P> TAG */
	margin: 0;
}

.articleContainer li {
	font-size: 1.2em;
	margin: 0 10px 5px 0;
}
.note {
	background: #DFEAF7;
	border: solid 1px #AAB7C3;
	margin-left: 20px !important;
	margin-right: 20px !important;
	padding: 10px;
}
.note h4, .note h3, .note h2, .note p {
	margin: 0 !important;
}

/***************************************************************** HOME PAGE */
.homepagePhp h1.articleTitle {
	padding: 3px 10px 0;
	margin: 0;
	background-image: none;
}

.pagePhp h1.articleTitle {
	margin: 0px;
	padding: 7px 10px 12px;
}
/***************************************************************** SINGLE POST PAGES */
.singlePhp h1 {
	padding: 3px 10px 0;
	margin: 0;
	background-image: none;
}

.articleMeta {
	padding: 3px 10px 15px 10px;
	display: block;
	background: #e5e8eb url(images/caption_bkg.gif) repeat-x left bottom;
	font-size: 1.1em;
	font-weight: bold;
}

p.caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	background: #e5e8eb url(images/caption_bkg.gif) repeat-x left bottom;
	padding: 2px 10px 15px;
}

.relatedPosts {
	clear: both;
}

embed, object { /* FLASH MOVIES */
	margin: 0 0 0 0;
}

/***************************************************************** COMMENTS */
#commentsContainer.columnTwo {

}
#commentsContainer p {
	line-height: 1.5;
}
#commentsContainer h2 {
	color: #FFF;
	margin: 0;
	padding: 3px 0 3px 7px;
	background: #036 url(images/blue_header_bkg.gif) repeat-x left top;
}
#commentsContainer h3 { /* LINE ANNOUNCING NUMBER OF RESPONSES */
	margin: 0;
	padding: 7px 10px 0;
	color: #666;
}
#commentsContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
#commentsContainer ol li { /* ALL COMMENTS */
	margin: 0;
	padding: 10px;
	background: #E1E1E1;
}
#commentsContainer li.alt { /* ODD COMMENTS ONLY */
	background: #CDCDCD;
}

/* COMMENT FORM */
#commentsContainer form {
	margin: 0 10px;
}

#commentsContainer form input, #commentsContainer form textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #D8DCE0;
	margin: 5px 0 7px;
	padding: 3px 5px;
	font-size: 1.2em;
}
#commentsContainer form input {

}
#commentsContainer form textarea {
	width: 230px; /* ACCOMODATES FOR PADDING */
	
}
#commentsContainer form label {
	display: block;

}
#commentsContainer form label.inlineLabel {
	float: none;
	display: block;
	clear: both;
}
/***************************************************************** CATEGORIES PAGE */
.categoryPhp {

}
.categoryPhp .articleContainer h1.articleTitle {
	padding-bottom: 12px;	
	background: #e5e8eb url(images/caption_bkg.gif) repeat-x left bottom;
}
#categoriesContainer {
	float: right;
	background: #F2F2F2;
}

#categoriesContainer h2{
	color: #FFF;
	margin: 0;
	padding-left: 10px;
	background: #036 url(images/blue_header_bkg.gif) repeat-x left top;
}
#categoriesContainer ul {
	margin: 0;
	padding: 0;
}
#categoriesContainer li{ /* ALL CATEGORIES */
	margin: 0;
	padding: 0;
	background: #E1E1E1;
	list-style: none;
}
#categoriesContainer ul li a {
	padding: 20px 10px 15px;
	display: block;
	border-bottom: solid 1px #8094A9;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}

#categoriesContainer ul li a:hover, #categoriesContainer .current-cat {
	background: #AAB7C3;
}


/***************************************************************** RECENT ENTRIES COLUMN - INTERNAL PAGES */
#recentEntries {
	float: right;
	font-size: 1.1em;
}

#recentEntries h3 {
	font-size: 1.3em;
	margin: .3em auto;
	padding-top: 5px;
}
#recentEntries p.theExcerptReloaded {
	margin: 0px 0 6px 0;
	line-height: 1.3;
	font-size: 1.08em;
}
#recentEntries .more-link {
	margin: 0; /* FOR THE MORE LINK COMPONENT OF the_excerpt_reloaded() */
	border-bottom: solid 1px #AAB7C3;
	padding-bottom: 10px;
}
.recentThumb {
	border: none;
	float: right;
	margin: 0 0 3px 5px;
}
.viewAll {
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 7px;
	color: #FFF;
	background: #DCDCDC url(images/gray_header_bkg.gif) repeat left top;
}
.viewAll:hover {
	text-decoration: underline;
}
/***************************************************************** INTERNAL PAGES THAT LIST ENTRIES */
#mainContentListPage {
	float: left;
	width: 520px;
	position: relative; 
}
#mainContentListPage h1 {
	margin: 0px;
	padding: 7px 10px 12px;
}
#mainContentListPage h2 {
	padding: 0;
	margin: 0;
}
#mainContentListPage p {
	margin: 7px 0;
}

#mainContentListPage .articleMeta {
	background: transparent;
	padding: 0;
}
#mainContentListPage .articleContainer {
	border-bottom: solid 1px #AAB7C3;
	padding: 7px 20px 12px;
}
#mainContentListPage div.more-link {
	margin-left: 0;
}
/***************************************************************** IN-PAGE TAG CLOUD */
.tagPhp {

}


/* * */

#tagCloud {
	float: right;
	width: 259px;
	background: #F2F2F2;
}
#tagCloud h2{
	color: #FFF;
	margin: 0;
	padding: 3px 0 3px 7px;
	background: #036 url(images/blue_header_bkg.gif) repeat-x left top;
}

#tagCloud ul {
	margin: 0;
	padding: 0;
}
#tagCloud li{ /* ALL CATEGORIES */
	margin: 0;
	padding: 0;
	background: #E1E1E1;
	list-style: none;
	margin: 0 0 1px;
}
#tagCloud ul li a {
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

#tagCloud  ul li a:hover {
	background: #AAB7C3;
}

.tagPhp p.theExcerptReloaded {
	margin: 7px 10px 6px 10px;
	line-height: 1.6;
	font-size: 1.2em;
}
.tagPhp .more-link {
	margin-left: 10px; /* FOR THE MORE LINK COMPONENT OF the_excerpt_reloaded() */
}

blockquote {
	border-left: solid 5px #CCC;
	font-style: italic;
}
/***************************************************************** SIDEBAR */
ul#sidebar {
	width: 190px;
	float: right;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 30px;
	list-style: none;
}
ul#sidebar h2 { /* SIDEBAR HEADERS */
	margin: 5px 10px 2px;
	color: #001F3D;
	line-height: 1;
}
ul#sidebar p {
	margin: .5em 10px;
}
ul#sidebar li {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#sidebar li ul { /* SIDEBAR SECOND LEVEL (SIDEBAR WIDGET BLOCKS) */
	padding: 0;
	margin: 0 0 15px;
}
ul#sidebar #categories-1 a { /* SIDEBAR SECOND LEVEL (CATEGORY LINKS) */
	color: #222;
	border-bottom: dotted 1px #036;
	padding: 5px 10px;
	display: block;
}

ul#sidebar #categories-1 a:hover {
	background: transparent url(images/sidebar_medium_bkg.gif) repeat-y left top;
}

#sidebar li.widget_text, #sidebar li.wp_widget_text { /* TEXT WIDGET (SIDEBAR ABOUT) - INCLUDED TWICE TO CATCH ALL POSSIBLE WAYS IT COULD SHOW UP */
	padding: 10px 0;
}
#text-1 {
	background: #AAB7C3 url(images/sidebar_medium_bkg.gif) repeat-y left top;
}
#sidebar h2.widgettitle {
	margin-top: 0px;
}
#archives li a{ /* SIDEBAR ARCHIVE LINKS */
	color: #222;
	border-bottom: dotted 1px #036;
	padding: 10px 10px;
	display: block;
	text-decoration: none;
}
#archives li a:hover {
	background: transparent url(images/sidebar_medium_bkg.gif) repeat-y left top;
}


/***************************************************************** SIDE BLOG (ASIDES) */
#sideblog {

}
#sideblog h3 {
	margin: 10px 0 0 10px;
}
#sideblog li { /* SIDEBLOG ENTRIES */
	padding: 0 0 10px;
	border-bottom: solid 1px #001F3D;
}
.prevNextLinks {
	clear: both;
	margin-left: 10px;
}
.prevNextLinks a {
	margin-right: 10px;
}

.prevNextGraphics {
	width: 75px;
	height: 25px;
	position: absolute;
	top: 7px;
	left: 440px;
}
.prevNextGraphics a {
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 5px;
	border: none;
}
.prevNextGraphics img {
	border: none;
}
/* I DECIDED TO GO WITH 'MINIPOST' PLUGIN INSTEAD OF 'SIDEBLOG' */
.miniposts {}
ul#sidebar .minipost p {
	margin-left: 0;
	margin-right: 0;
}
div.minipost {
	line-height: 1.2em;
	padding: 0 0 7px;
	margin: 0 10px 10px;
	border-bottom: solid 1px #AAB7C3;
}

/***************************************************************** RELATED POSTS PLUGIN */

ul.related_post {
	margin: 0;
	padding: 0;
}
ul.related_post li {
	padding: 0;
}
ul.related_post li a {
	color: #222;
	border-bottom: dotted 1px #036;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}
ul.related_post li a:hover {
	background: transparent url(images/sidebar_medium_bkg.gif) repeat-y left top;
}

/***************************************************************** FOOTER */

#footer {
	background: #FFF url(images/belafonte_footer.gif) no-repeat left bottom;;
	clear: both; /*	SO IT STAYS BENEATH OTHER COLUMNS */
	padding: 65px 15px 20px;
	text-align: right;
	color: #D8DCE0;
	font-size: 1em;
}
#footer p {
	margin: .2em;
}
#footer a, #footer a:visited {
	color: #D8DCE0;
	text-decoration: none;
	text-decoration: underline;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #999;
}

ul#footerLinks {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#footerLinks li {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
}
/***************************************************************** CODE BLOCKS */
pre {
	overflow: auto;
	border: solid 1px #CCC;
	padding: 4px;
	margin: 10px 20px 15px;
	font-size: 1.2em; /* MUST BE EXPLICITLY SET BASED ON FONT SIZING USED IN THIS STYLESHEET */
}
code {
	background: #FFC; 
	font-size: 1.3em; /* MUST BE EXPLICITLY SET BASED ON FONT SIZING USED IN THIS STYLESHEET */
}

/***************************************************************** 404.PHP */
.errorPage {

}
.errorPage h1 {
	background: #e5e8eb url(images/caption_bkg.gif) repeat-x left bottom;
	padding-bottom: 10px;

}
.errorPage form {
	width: 200px;
	padding: 10px;
	background: #036;
	color: #FFF;
}

/***************************************************************** SEARCH RESULTS PAGE */


/***************************************************************** THE EVERYTHING PAGE */

.allPhp h2, .searchPhp h2 {
	padding: 0;
	margin: 0 0 0 10px;
}
.allPhp .articleMeta, .searchPhp .articleMeta {
	background: transparent;

}
.allPhp .articleContainer, .searchPhp .articleContainer {
	border-bottom: dotted 1px #D8DCE0;
	margin-bottom: 12px;
	margin-top: 7px;
}

/***************************************************************** CONTACT FORM */
.contactPhp h1 {
	margin: 0px;
}
#contactForm fieldset {
	border: none;
	padding: 0;
	margin: 10px 20px 0;
}
#contactForm label {
	font-size: 1.4em;
}
#contactForm input, #contactForm textarea {
	display: block;
	width: 460px;
	margin: 5px 0 10px 0;
	font: normal 1.2em "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	border: solid 1px #AAB7C3;
	padding: 5px;
}
#contactForm .submit {
	width: auto;
}
#contactForm .hidden {
	visibility: hidden;
}

.ads {
	text-align: center;
}
.ads a {
	display: block;
	margin-bottom: 10px;
}