/* ------------------------------------------
SITE WIDE
------------------------------------------ */
* { margin: 0; padding: 0; }
.clear { clear: both; }

/* ------------------------------------------
CONSISTANT FONTS
------------------------------------------ */
* html body { font-size: x-small; /* for IE5 Win */ font-size: small; /* for other IE versions */ } 
html>body { font-size: x-small;/* be nice to opera */ }
body { font-family: "Lucida Grande", "Trebuchet MS", sans-serif; text-align: center; background: url(/images/background-african.gif) repeat-y center top;  }

p, ul { font-size: 11px; line-height: 1.5em; color: #000; margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 225%; }
h2 { font-size: 18px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h4 { color: #000; }
h4.blackh4 {color: #fff; margin-bottom: 5px; }
ul, dl { }
ul li { line-height: 1.6em; }
img { border: 0; }
.strike { text-decoration: line-through; } 

#black h2, #black h2 a { 
	color: #FFF; 
	border-bottom: none; 
	font-family: 'Trebuchet MS'; 
	}
#blog h2 { 
	letter-spacing: -1px; 
	font-size: 18px; 
	text-align: left; 
	text-transform: uppercase; 
	font-weight: normal;
	margin-bottom: 5px;
	}
p.blackdate {
	margin: 0 0 5px 0;
	background: url(/img/clock_white.gif) no-repeat left;
	padding-left: 20px;
	}

#white h2, #white h2 a, #white h1 { 
	font-family: 'Trebuchet MS'; 
	letter-spacing: -1px; 
	font-weight: normal; 
	font-size: 18px; 
	text-align: left; 
	color: #000; 
	border-bottom: none; 
	text-align: left; 
	text-transform: uppercase;
	margin-bottom: 5px;
	}
h3.white-date { 
	background: url(/img/stopwatch_white1.gif) no-repeat left; 
 	}
p.whitedate {
	margin: 0 0 5px 0;
	background: url(/img/clock_black.gif) no-repeat left;
	padding-left: 20px;
	}

a:link, a:visited { color: #A9A9A9; text-decoration: none; }

#black .entry p a:link, #black .entry p a:visited { background: #C2C2C2; color: #000; padding: 0 2px; border-bottom: 1px solid #a9a9a9; }
#black .entry p a:hover { background: #000; color: #fff; padding: 0 2px; border-bottom: 2px solid #fff; }
ul li a:link, ul li a:visited { color: #000; border-bottom: none; }

p a:link { color: #a9a9a9; }

#white .entry p a:link, #white .entry p a:visited { background: #484848; color: #fff; padding: 0 2px; border-bottom: 1px solid #a9a9a9; }
#white .entry p a:hover { color: #000; background: #fff; border-bottom: 2px solid #000; }
#white p.postmetadata a:visited {
	border-bottom: 1px dotted #a9a9a9;
	}
#white p.postmetadata a:hover { 
	background: #e6e6e6;
	color: #000; 
	}

p img a { border: none; }
#black p a:hover { color: #CACACA;  border-bottom: 1px dotted #CACACA; }

/* ------------------------------------------
CONTAINERS
------------------------------------------ */

#wrapper { overflow: hidden; width: 950px; text-align: justify; margin-left: auto; margin-right: auto;  }

#navigation_black { font-family: "Trebuchet MS", "Arial Narrow", sans-serif;  
	margin: 0; padding: 0;
	color: #FFF; 
	/*border-top: 1px solid #2E2E2E; border-bottom: 1px solid #2E2E2E; */
	text-align: right; 
	padding-right: 35px;
	margin: 0 0 35px 35px;
	}
#navigation_black p a { padding-left: 20px; border-bottom: none; color: #FFF; }
#navigation_black p a:hover { border-bottom: none; color: #CACACA; }

#navigation_white { 
	margin: 0; padding: 0;
	width: 435px; 
	font-family: "Trebuchet MS", "Arial Narrow", sans-serif;  
	color: #000; 
	text-align: left; 
	/*border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; */
	padding-left: 35px;
	margin-bottom: 35px;
	}
#navigation_white p a { padding-right: 20px; border-bottom: none; color: #000; }
#navigation_white p a:hover { border-bottom: none; color: #CACACA; }

#left_logo { margin-left: 70px; height: 150px; background: url(/images/left_logo.gif) no-repeat left top; }
#left_logo img { margin: 30px 0 0 170px; }
#right_logo { height: 150px; background: url(/images/right_logo.gif) no-repeat left top;}
#leftwrapper { background: #000; border: 1px solid red;}
#black { width: 470px; float: left; display: inline;  background: #000; padding-bottom: 10000px; margin-bottom: -10000px; border-left: 1px solid #121212; }
#black p { color: #FFF; }
#black ul { margin: 15px 40px 15px 40px; color: #fff; }

#blog { padding: 0 35px 35px 35px; }
.blog_divide { width: 400px; height: 10px; background: url(/images/blog_divide.gif); margin: 15px 0; }

#white { color: #000;/* margin-left:400px;*/ float:left; width: 470px; padding-bottom: 10000px; margin-bottom: -10000px; background: #fff; border-right:  1px solid #f0f0f0; }

#white ul { margin: 0; padding: 0; }
#white ul li { display: block; margin: 0; padding: 0; }

#journal { width: 400px; margin: 0px 0 0 35px; }
#journal ul { margin-bottom: 25px; }
#journal li { list-style: none; display: inline; font-size: 14px; }
.journal_divide { width: 400px; height: 10px; background: url(/images/journal_divide.gif); margin: 15px 0; }

#white ul.archive-list li { font-size: 11px; margin-bottom: 7px; border-top: 1px dotted #A9A9A9; padding: 10px 0 5px 0; } 
#white ul.archive-list li a:link, #white ul.archive-list li a:visited  { background: #000; color: #fff; border-bottom: 2px solid #A9A9A9; }
#white ul.archive-list li a:hover { color: #000; border-bottom: 2px solid #000; background: #fff; }

#black ul.archive-list li { font-size: 11px; margin-bottom: 7px; border-top: 1px dotted #A9A9A9; padding: 10px 0 5px 0; color: #fff; list-style: none; } 
#black ul.archive-list li a:link, #black ul.archive-list li a:visited { background: #fff; color: #000; border-bottom: 2px solid #A9A9A9; }
#black ul.archive-list li a:hover { background: #000; color: #fff; border-bottom: 2px solid #fff; }

.recentphotos img {
	padding-right: 3px;
	}
p.confusedwith {
	color: #A9A9A9;
	}
	

.previous_posts li { display: inline; }
center img { margin-bottom: 8px; }
.entry { height: 1%; }
.entry img { padding: 0 2px 0 0; }
.entry img a { border: none; }
.entry object { margin: 15px 0; }
blockquote { color: #EAEAEA; font-size: 11px; line-height: 1.5em; font-style: italic; margin: 20px 45px; padding: 10px 10px; background: url(/images/blog_divide.gif); border-left: 3px solid #767676; /*border-top: 1px solid #767676; border-bottom: 1px solid #767676;*/ }

blockquote span.blockquoteheader { border-bottom: 1px dotted #A9A9A9; margin-bottom: 5px; }
#journal blockquote { background: url(/images/journal_divide.gif); color: #000; border-left: 3px solid #CACACA; border-top: #CACACA; border-bottom: #CACACA; }
.postcommentw { background: url(/images/icons/plusw.gif) no-repeat center left; padding-left: 24px; }
.postcommentb { background: url(/images/icons/plusb.gif) no-repeat center left; padding-left: 24px; }
.filedunderw { background: url(/images/icons/filedw.gif) no-repeat center left; padding-left: 24px; }
.filedunderb { background: url(/images/icons/filedb.gif) no-repeat center left; padding-left: 24px; }

.postfoot { background: url(/images/blog_divide.gif); margin: -10px 0 -10px 0; }
.postfootwhite { background: url(/images/journal_divide.gif); margin: -10px 0 -10px 0; }
.socialmedia { border-bottom: 3px solid #000; padding: 20px 10px 10px 10px; }
.socialmediawhite { padding: 20px 10px 10px 10px; color: #a9a9a9; }
.socialmediawhiteb { border-bottom: 3px solid #fff; padding: 20px 10px 10px 10px; color: #a9a9a9; }
.filed { padding: 20px 10px 10px 10px; }
.delicious { background: url(/images/blog/delicious.gif) no-repeat center left; padding-left: 24px; margin-right: 15px; }
.digg { background: url(/images/blog/digman.gif) no-repeat center left; padding-left: 24px; margin-right: 15px; } 
.technorati { background: url(/images/blog/technorati.gif) no-repeat center left; padding-left: 24px; margin-right: 15px; } 

.comments { text-align: justify; }
.comments a:link, .comments a:visited { color: #000; background: #fff; border-bottom: 2px solid #a9a9a9; }
.comments a:hover { color: #e2e2e2; background: none; border-bottom: 2px solid #E2E2E2; }
.comments cite a:link, .comments cite a:visited { color: #E2E2E2; text-decoration: none; background: none; border-bottom: none; }
.commentlist li { text-align: justify;/*width: 240px; margin: 0 auto; background: #CACACA; border: 3px solid #a9a9a9; padding: 20px; margin-bottom: 5px;*/ }
.individual_comment { background: url(/images/comment_background.gif); padding: 10px; margin-bottom: 10px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
cite { color: #FFF; font-style: normal; font-weight: bold; font-size: 16px; }

#footer { text-align: center; background: url(/images/background-footer.gif) repeat-y center top; }
#footerwrapper { overflow: hidden; width: 940px; text-align: justify; margin-left: auto; margin-right: auto; overflow: hidden; }
#footerleft {
	width: 400px;
	background: #fff;
	float: left;
	padding: 10px 30px;
	padding-bottom: 10000px; margin-bottom: -10000px;
	}
#footerleft .credits {
	background: url(/images/journal_divide.gif);
	margin: 10px 0px;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	padding: 10px;
	}
#footerright {
	width: 400px;
	float: left;
	color: #fff;
	padding: 10px 30px 10px 30px;
	padding-bottom: 10000px; margin-bottom: -10000px;
	}
#footerright .credits {
	background: url(/images/blog_divide.gif);
	margin: 10px 0px;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	padding: 10px;
	}
#footerright p {
	color: #fff;
	}