/*---------------------------------------
bornAfrican

media:		screen
author:		wisdom consulting group, inc.
website:	http://www.wisdomgroup.com
----------------------------------------*/


/* General */

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }
.left { float: left; padding: 1em; }
.right { float: right; padding: 1em; }
.center { text-align: center; }
.clear { clear: both; }
img { border: 0; }

body {
	background-color: #FFF;
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	color: #000;
}

/* Typography */

#center h2 { color: #0f5185; font-size: 2em; line-height: 1; margin: 0.5em 0 1em 0;}
#center h3 { font-size: 1.7em; line-height: 1; margin: 0.5em 0 1em 0;}

p { font-size: 1.2em; }

#center a:link, #center a:visited { font-weight: bold; color: #0f5185; text-decoration: underline; }
#center a:hover, #center a:active { font-weight: bold; background-color: #0f5185; color: #FFF; text-decoration: none; }

.lightbox a:link, .lightbox a:visited { color: #000; font-weight: normal; text-decoration: underline;}
.lightbox a:hover, .lightbox a:active { color: #a4a4a4; font-weight: normal; text-decoration: none; background-color: #000; }

blockquote { margin: 0 1em; padding-left: 3em; color: #666; background: url(/images/site/quotes.gif) 0 1px no-repeat; }

#center ul { margin-left: 2em; font-size: 1.2em; } 
#center ul li { list-style: none; background: url(/images/site/bullet.gif) 0 6px no-repeat; padding-left: 1em;}

#center ol { margin-left: 2em; font-size: 1.2em; }

/* Header */

div#wrapper { width: 800px; }

div#header { width: 800px; height: 152px; background: url(/images/site/header-bg.jpg) no-repeat top right; position: relative;}

div#header h1 { margin: 0; }

div#header h1 a {
	width: 256px;
	height: 0;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	padding-top: 152px;
	background: url(/images/site/logo.gif) no-repeat;
}

/* Navigation */

ul#navigation { margin: 0; position: absolute; bottom: 0; right: 0; }

ul#navigation li { margin: 0; list-style: none; float: left; padding-right: 0.5em; }
ul#navigation a { width: 76px; height: 30px; display: block; background-repeat: none; text-indent: -5000px; }
ul#navigation li a:hover, ul#navigation li a:active { background-position: 0 -30px; }

body#home li#nav-home a, body#blog li#nav-blogs a, body#music li#nav-music a, body#shop li#nav-shop a, body#events li#nav-events a, body#directory li#nav-directory a, body#classifieds li#nav-classifieds a, body#gallery li#nav-gallery a { background-position: 0 -60px; }

li#nav-home a { background: url(/images/site/nav-home.png); }
li#nav-blogs a { background: url(/images/site/nav-blogs.png); }
li#nav-music a { background: url(/images/site/nav-music.png); }
li#nav-shop a { background: url(/images/site/nav-shop.png); }
li#nav-events a { background: url(/images/site/nav-events.png); }
li#nav-directory a { background: url(/images/site/nav-directory.png); }
li#nav-classifieds a { background: url(/images/site/nav-classifieds.png); }
li#nav-gallery a { background: url(/images/site/nav-gallery.png); }

/* Search Bar */

div#searchbar { width: 800px; height: 35px; margin-bottom: 1em; background-color: #d18717; }
div#searchbar form { margin: 0 0 0 0.5em; padding-top: 5px; }
div#searchbar form label { display: inline; font-weight: bold; }
div#searchbar form p { margin: 0; float: left; }
div#searchbar input { margin-right: 0.5em; }
div#searchbar input.text { width: 200px; }
div#searchbar input.radio-web { margin-left: 0.5em; }

/* Content Floats */

div#left { float: left; width: 150px; padding-left: 10px; }
div#center-right-container { width: 620px; margin-left: 177px; }
div#center { float: left; width: 450px; }
div#right { width: 150px; margin-left: 467px; }

/* Rounded Boxes */

div.lightbox { width: 139px; margin-bottom: 1em; background: #a4a4a4 url(/images/site/lightbox-bottom.gif) no-repeat left bottom; }
div.lightbox h2 { margin: 0; padding: 0.5em 0.5em 0 0.5em; color: #000; font-size: 1.5em; line-height: 1; background: url(/images/site/lightbox-top.gif) no-repeat left top;}
div.lightbox p, div.lightbox ul { padding: 0 0.5em 0.5em 0.5em; }
div.lightbox ul { list-style: none; font-size: 1.2em; }

div.darkbox { width: 152px; margin-bottom: 1em; background: #595959 url(/images/site/darkbox-bottom.gif) no-repeat left bottom; }
div.darkbox h2 { margin: 0; padding: 0.5em 0.5em 0 0.5em; color: #FFF; font-size: 1.3em; line-height: 1; background: url(/images/site/darkbox-top.gif) no-repeat left top;}
div.darkbox p, div.darkbox ul { padding: 0 0.5em 0.5em 0.5em; }

div.ad { padding-left: 1.5em; }

#box-newsletter form input.text { margin-bottom: -10px; }
#box-donate { }


/* Blog */

div.entry { margin-bottom: 3em; }
p.postdata { line-height: 0; margin: 0; padding-bottom: 1em; font-size: 1.1em; color: #595959;}
p.required { font-weight: bold; }
p.disclaimer { font-size: 1.1em; color: #595959;}

div.comment-entry1 { }
div.comment-entry2 { }
div.comment { padding: 0.1em 0.5em; border-bottom: 1px solid #CCC; }
p.commentdata { font-size: 1.1em; color: #595959; }

p.blogauthor { margin: 0; float: right; }
p.blogauthor img { border: 1px solid #E9B76D; }

div#pagination { width: 100%; border-top: 1px solid #0f5185; }

/* Image Gallery */

.gallerybreadcrumb { font-size: 85%; line-height: 0; margin-bottom: 0; }
#gallerytable { width: 100%; }
.thumbs { text-align: center; }
.thumbs img { border: 1px solid #000; }
.thumbs .title { font-weight: bold; font-size: 1.1em; }
.paginate { padding: 1 0; text-align: center; }
.paginate b { padding: 0.2em; }
.paginate a { padding: 0.2em 0.4em; border: 1px solid #0f5185; }
.paginate a:hover { background-color: #0f5185; }
#imageviewer { text-align: center; font-size: 0.9em; }
#imageviewer .prevnext { font-size: 85%; padding: 0.5em 0 1em 0; }
#imageviewer .image img { border: 1px solid #000; }
#imageviewer .title { font-weight: bold; }
#imageviewer .caption { font-style: oblique; }
#imageviewer .windowclose { font-size: 85%; font-weight: bold; }
#imageviewer a:link, #imageviewer a:visited { font-weight: bold; color: #0f5185; }
#imageviewer a:hover, #imageviewer a:active { font-weight: bold; background-color: #0f5185; color: #FFF; text-decoration: none; }

/* Search Results */

.result p { margin-top: -0.9em; }

/* Form Elements */

label { display: block; font-size: 1.1em; }
#center label { font-weight: normal; }

input.text, textarea { border-top: 1px solid #9c9c9c; border-left: 1px solid #a1a1a1; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; padding: 0.2em 0.2em; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }

input.text:focus, textarea:focus { border: 1px solid #707070;}

input.submit { border-top: 1px solid #E9D2AC; border-left: 1px solid #F3E7D4; border-right: 1px solid #945E0E; border-bottom: 1px solid #945E0E; background-color: #d18717; color: #FFF; font-weight: bold}

/* Tell-a-friend Form */

.error { display: block; font-weight: bold; font-size: 85%; color: #F00; }

p.group { float: left; margin: 10px 0; }
p.group label { display: relative; width: 175px;}

/* Footer */

div#footer { margin-top: 1em; width: 790px; background-color: #d18717; padding: 0.1em 0.5em; clear: both; }
div#footer p { margin: 0; font-size: 1.1em; }
div#footer p#credit { float: left; }
div#footer p#footerlinks { float: right; }
div#footer a:link, div#footer a:visited { color: #FFF; font-weight: normal; text-decoration: none; }
div#footer a:hover, div#footer a:active { color: #FFF; font-weight: normal; text-decoration: underline; }