/*
------------------------------------------------------------------------
Theme Name:    Africa Stories Video
Theme URI:     http://whaun.com/
Description:   A multimedia theme mod by William Haun
Version:       1.0
Author:        William Haun
Author URI:    http://whaun.com/
------------------------------------------------------------------------
*/

body {
	margin: 6px 0;
	padding: 0px;
	background-color: #f2e8d0;
	font-family: Arial;
	font-size: 11px;
	color: #232020;
}

/* get rid of those system borders being generated for A tags */
a, a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
		
.clear {
	clear: both;
}

/*
------------------------------------------------------------------------
CONTAINER
------------------------------------------------------------------------
*/

.container {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	
	text-align: left;
}

/*
------------------------------------------------------------------------
COLUMNS
------------------------------------------------------------------------
*/

.column_main {
	margin: 0px;
	padding: 0px 0px 10px 14px;
	width: 660px;
	float: left;
}

#content .column_main.wide {
	width: 945px;
}

/*
------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------
*/

h1 {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	
	font-size: 24px;
	font-weight: normal;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px solid #544b31;
	font-size: 18px;
	letter-spacing:1px;
	font-weight: bold;
	line-height: 15px;
}

h3 {
	font-size: 15px;
letter-spacing:1px;
	font-weight: bold;
}
p {
	margin: 0px;
}

/*
------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------
*/

#header {
	margin: 0px 0px 8px 0;
	padding: 0px;
	background: url(images/afs-top-bg.jpg) no-repeat top right;
	height:88px;
}

/* Logo */

.logo {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #232020;
	text-decoration: none;
	float: left;
}
.logo img {
border:none;
}

/* Page Menu */

.page_menu {
	margin: 64px 14px 0px 0px;
	float: right;
	list-style: none;
}

.page_menu li {
	float: left;
	font-size: 17px;
}

.page_menu li a, .page_menu li a:visited {
	margin: 0px 0px 0px 10px;
	padding: 2px 5px 2px 5px;
	color: #232020;
	text-decoration: none;
}

.page_menu li a:hover {
	color: #544b31;
}


/*
------------------------------------------------------------------------
STAGE
------------------------------------------------------------------------
*/

#stage {
	margin: 0px;
	padding: 0px 0px 15px 0;
	background-color:#1b0c00;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px #000;
}

#stage h1 {
	text-align:center;
	padding:12px 0 12px 0;
	color:#FFF;
}

#stage .column_main {
	text-align: center;
}


#stage .column_right {
	margin: 0;
	width:310px;
	float: right;
}

#mediacontent {
	font-size: 17px;
	padding:0 5px 0;
}

#stage #photoinst {
	float:left;
	font-size:12px;
	color:#fff;
	padding:0;
	margin:-12px 0 0 14px;
}

/* Photo gallery */

ul#photogallery {
	list-style:none;
	margin:0 0 0 8px;
	padding:0;
}
ul#photogallery li {
	float:left;
	padding:0 10px 5px 0;
}
ul#photogallery li a {
cursor:hand;
}
ul#photogallery li img {
	border:1px solid #f2e8d0;
	width:150px;
	height:100px;
	margin-bottom:18px;
}


/* Stage Footer */

.stage_footer {
	margin: 12px 0 12px 0;
	padding: 15px 5px 10px 5px;
	color: #666;
	background-color:#1b0c00;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px #000;
}

.stage_footer p a, .stage_footer p a:visited {
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
}

.stage_footer p a:hover {
	color: #FFF;
}


/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/



/* Alignment for Images */

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 15px 2px 0px;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}


/* Column Main */

#content {
	margin-top:30px;
}

#content #storyby {
	color:#544b31;
	font-size:12px;
	line-height: 15px;
	text-align:right;
float:right;
width:300px;
}

#content .column_main {
	font-size: 14px;
	line-height: 24px;
	letter-spacing:1px;
width:700px;
}


#content .column_main h1 {
	padding: 0 0 24px 0;
}

#content .column_main .search_result_item {
	padding: 0 0 18px 0;
}

#content .column_main .search_result_item h2{
	border:none;
padding-bottom:0px;
}

#content .column_main a img, #content .column_right a img {
	border:2px solid #544b31;
}

#content .column_main p {
	margin: 12px 5px 0 0px;
	text-indent:20px;
}

#content .column_main blockquote p {
	text-indent:0px;
}

#content .column_main li {
	padding-bottom:15px;
}

#content .column_main ul.subpages_list li {
	padding-bottom:5px;
}
#content .column_main ul.subpages_list {
	padding-bottom:15px;
}
#content .column_main .archives_item_info {
	float:right;
	width:658px;
}
#content .column_main .archives_item_img {
	padding-left:2px;
	float:left;
}
#content .column_main .archives_item_info p {
	margin: 0px 15px 0;
	text-indent:0px;
}

#content .column_main a, #content .column_main a:visited {
	color: #0000cc;
	text-decoration: underline;
}

#content .column_main a:hover {
	color: #544b31;
}

.your-subject input, .your-message textarea {
	width:675px;
}
.captcha-516 input {
	width:80px;
}

/* Column Right */

#content .column_right {
	float:right;
	font-size: 13px;
	width:240px;
	line-height: 15px;
}

#content .column_right p {
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	line-height: 15px;
}


#content .column_right a, #content .column_right a:visited {
	color: #232020;
	text-decoration: none;
}

#content .column_right a:hover {
	color: #544b31;
}


/* Add This */

#addthis_content a, #addthis_content  a:visited {
	text-decoration:none;
	line-height:1.4em;
	color:#232020;
	font-size:12px;
}


/*
------------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------------
*/

#content .column_right .widget {
	line-height: 15px;
	margin-bottom:25px;
}

#content .column_right .widget ul {
	margin: 0px;
	padding: 0px;

	list-style: none;
}

#content .column_right .widget ul li {
	padding: 2px 0px 2px 0px;
	font-size: 17px;
	line-height: 21px;
}

#content .column_right .widget a, #content .column_right .widget a:visited {
	color: #232020;
	text-decoration: underline;
}

#content .column_right .widget label.screen-reader-text {
	display:none;
}

#content .column_right .widget #s {
	width:160px
}



/*
--------------------------------------------
COMMENTS
--------------------------------------------
*/
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
#content .column_main ol.commentlist a,
#content .column_main ol.commentlist a:active,
#content .column_main ol.commentlist a:visited {
	color: #232020;
}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#0000cc; }
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; color: #0000cc; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#content .column_main .comment-body p {
	margin: 5px 0px 0px 20px;
	text-indent:0px;
}


/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer {
	margin-top:20px;
	border-top: 2px solid #544b31;
	padding: 8px 10px 10px 10px;
	text-align:center;
}

#footer p {
	line-height: 16px;
}

#footer a, #footer a:visited, #footer a:hover {
	text-decoration: none;
}

/* Google Map */

#content .mapContent  {
}
#content .mapContent h2 {
margin-right:10px;
}
#content .mapContent a {
text-decoration:none;
}
#content .mapContentBody a {
text-decoration:underline;
color:#0000FF;
}
#content .mapContentBody a img {
border:none;
}
#content .mapContent img {
padding:0 0 10px 0px;
}
#content .mapContentBody {
line-height:16px;
text-align:justify;
padding-right:10px;
}

/* COLORBOX overriding styles */
#cboxContent #cboxCurrent{visibility:hidden;}
#cboxContent #cboxTitle{left:70px; width:780px; background-color:#fff;}


/* Slider Tabs styles */

/* container for slides */
#slideshowtabs {
clear:both;
margin:0 auto;
}

#slideshowtabs .images {
	/* background:#fff url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x; */
background-color:#fff;
	border:1px solid #666;
	position:relative;	
	height:400px;
	width:600px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

/* single slide */
#slideshowtabs .images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:0px;
	/* height:256px; */
	font-size:12px;
}

/* header */
#slideshowtabs .images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
#slideshowtabs .tabs {
	clear:both;
	margin-left:280px;
}

/* single tab */
#slideshowtabs .tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
#slideshowtabs .tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
#slideshowtabs .tabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
#slideshowtabs .forward, #slideshowtabs .backward {
	float:left;
	margin-top:190px;
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
#slideshowtabs .forward 				{ background-position: 0 -30px; clear:right; }
#slideshowtabs .forward:hover		{ background-position:-30px -30px; }
#slideshowtabs .forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
#slideshowtabs .backward:hover  		{ background-position:-30px 0; }
#slideshowtabs .backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
#slideshowtabs .disabled {
	visibility:hidden !important;		
}