/*
Theme Name: SASCOC
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/
body{background:#ebebeb url('assets/images/background.jpg') no-repeat center top;margin: 0}
a{text-decoration:none;color:#175B53;}

.sidepad{padding:10px 10px 0 10px;}
#masthead{height:140px;background: url('assets/images/masthead2.png') no-repeat center top;position: relative}
#tagline{margin:80px 10px 0 0 ;text-align:right;color:#fff;font-weight:bold;}
#navigation{margin-bottom:10px;color:#fff;}

#codeicons{padding-bottom:10px;} 
#codeicons img{margin:0;padding:0;float:left;}
#codeicons a{margin:0;padding:0;}
li a{text-decoration:none;color:darkgreen;}
li a:hover{text-decoration:underline;}

.smaller{font-size:11px;}
#magrap{background-color:#fff !important;margin-bottom:0;}
#accordion{background-color:#e6e6e6 ;}
.date {color:#555;}
.more-link{color:green;}
#ioc_block {background: #fff url('assets/images/ioc_back.jpg') no-repeat right top;padding:10px 0 5px 100px;}

#london2012_block {background: #fff url('assets/images/2012logogreen.png') no-repeat right top;padding:10px 0 5px 100px;}
#comm_block {background: #fff url('assets/images/commback.png') no-repeat right top;padding:10px 0 5px 100px;}
#flag_block {background: #fff url('assets/images/sa-flag.jpg') no-repeat right top;padding:10px 0 5px 100px;}
#yogames_block {background: #fff url('assets/images/yogames.gif') no-repeat 10px 0;padding:10px 0 5px 100px;}

.cwb {background: #fff url('assets/images/commback.png') no-repeat left top;padding:20px 0 5px 100px;height: 100px;font-size: 20px;font-weight: bold;} 

#navigation div {margin-right:0;text-align:center;height:2em;color:#fff;background: url('assets/images/navback.png') repeat-x top left;}
#navigation a:hover div{text-align:center;height:2em;background: url('assets/images/navbackhover.png') repeat-x top left;}

.main img{padding:2px;border:1px solid #eee;float:right;margin:0 10px 10px 10px;}
.sub img{padding:2px; border:1px solid #eee;float:left;margin:0 10px 10px 0;}
.altsub img{padding:2px; border:1px solid #eee;float:right;margin:0 0 10px 10px;}

.nav{width:119px;border-right:1px solid #555;padding:3px 0 0 0 ;}
.rss{width:110px;padding:3px 0 0 0 ;}

#tabber{background: url('assets/images/divfade.png') repeat-x top left;}
.scroller{margin-bottom:10px;overflow:auto;height:350px;}
#sponsor img{float:left;}

#sidebar {background:#fff;margin:10px 0;}
#content {background:#fff;margin:10px 0;}
#fadediv{margin:0 0 10px 0;}
#sidebarclear .box{background: url('assets/images/divfade.png') repeat-x top left; margin:10px 0 10px 10px;}
#content .box, #content{background-color: #fff}
#sidebar .box ul{padding:10px}
#sidebarclear .box ul{padding:10px}

#content ul{padding-left: 20px}

#footer{background-color:#f5f5f5;}
#footer .footertitle{text-align:left;margin:0 0 0 5px;padding:0 0 0 5px}
#footer .small ul{list-style:none;margin:0 0 0 5px;padding:0 0 0 5px}
.pagenav ul{margin:0 ;padding:0 }

.box h4{margin:0;}

.contenticon{float:right;padding:0 0 0 5px;}

.entry ul{padding-bottom: 1em}
.code h3{text-align:center;}
.code h3 a{color:#000;font-weight:bold;}
.code h3 a:hover{text-decoration:underline;}
.codeicon {float:left}

img.alignleft, div.alignleft {float:left;margin:0 1em 1em 0;}
img.alignright, div.alignright {float:right;margin:0 0 1em 1em;}
img.aligncenter, div.aligncenter {text-align:center;margin:0 auto;}

.footertitle{font-weight:bold;}

.box{background-color: #fff }


#homeButtons li{background-color: #175B53; color: #fff;margin-bottom: 3px;padding:10px 15px;}
#homeButtons li a {color: #fff;font-weight: bold;}

ul {margin:0;padding:0}
li {list-style:none;}

div hr {border:green;}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:115px;
		height:150px;
		overflow:hidden; 
		}
	#slider li{ 
		background:#fff;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}
				
	span#prevBtn{float:left}
	span#nextBtn{float:right}					

/* // Easy Slider */

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#magazine_pages{background-color: #fff; margin-bottom: 10px}

#magazine_pages ul, #magazine_pages li{
	margin:0;
	padding:0;
	list-style:none;
	}
#magazine_pages li{ 
	width:950px;
	height:100px;
	margin-right: 10px;
	overflow:hidden; 
	}
#magazine_pages li img{margin-right: 15px}

#flashcontent_wrapper{position: absolute;left:470px;top:30px;}

#partners div{width:100%;position: relative;clear: both}
#partners div h3{font-size: 14px;text-align: center;margin-top: 20px;height: 60px}
#partners img{margin: 5px 10px;text-align: center;}

#partners div .image_right {position: absolute;top: 0;left: 0}
#partners div .image_left {position: absolute;top: 0;right: 0}

#partner_roll {width:115px;height: 900px;position: absolute;top: 280px;right: 10px}
#partner_roll div h3 {text-align: center;font-size: 15px;}
#partner_roll div {width:115px;}
#partner_roll ul {margin: 0;padding: 0}
#partner_roll ul li {margin:0;padding: 0}
#partner_roll div {padding-bottom:20px;}
.vertical_partners {width:115px;height: 800px}
.vertical_partners h2 {text-align: center;}
.vertical_partners img{margin-bottom: 10px}
.linkcat_single h3{display:none}
.linkcat_single ul{list-style: none;}
.linkcat_single ul li{display:inline}
