/*
THEME NAME: Chelsea South Africa
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: wpcpt, widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: Handre van der Merwe; <a href="http://www.libertad.co.za/">Libertad</a> 
AUTHOR URI:
*/

/*----------------------------------------------------------------- MASTER CLASSES ---*/
@import url('reset.css');
@import url('text.css');
body {
	background: #ccc url(img/bg-container.gif) repeat-y center top;  /*-------- GREY BACKGROUND  Hvdm----*/
	
}
.clearfix {clear: both; display: block;}
/*----------------------------------------------------------------- MASTER CLASSES END ---*/

/*----------------------------------------------------------------- LAYOUT CLASSES ---*/
div#wrapper {
	background: transparent url(img/bg-page.gif) repeat-x center top;
	border-top: 1px solid #000;

}
div#wrapper .inner {
	width: 908px;
	margin: 0 auto;


	
	
				/*-------CLOSE LINK COLOUR--------*/

}
	div#header {
		height: 165px;
		padding: 0 13px;
		overflow: hidden;
	}
	div#container {
		margin-top: 10px; /*-------Changed this from 20px to 10 opx to compensate for heading in firefox--------*/
		/*padding-bottom: 1001em;*/
		/*margin-bottom: -1000em;*/
		float: left;
		width: 100%;
	}
	div#content {
		background: transparent url(img/bg-page-content.gif) no-repeat left top;
		padding: 0 13px 0 13px;
		margin: 0 350px 0 0;
		
		
		
	}
	div.sidebar {
		float: left;
		overflow: hidden;
		width: 170px;		
		
}

	div.sidebar ul li{
		float: left;
		overflow:inherit; /*this adds bullets to the posts/comments in the sidebar*/
		width: 170px; /*this the grey bacground out but does not extend the actual sidebar*/
	
		
		/*Mess areound with this, sure this will sort it out*/
		

	
	}
	
	
	div#primary {
		margin: 20px 0 0 -359px;
	}
	div#secondary {
		margin: 20px 0 0 -189px;		/*this moves the entire sidebar to the left, it does not extend it*/
		text-decoration:none;			
		overflow: hidden;

	}
	div#footer {
		clear: left;
		width: 100%;
		text-align:center;
		color: #fff;
		background: #008BD0 url(img/bg-footer.gif) repeat-x center top;
	}
	
		div.footer-top {
			background: transparent url(img/bg-footer-top.gif) no-repeat center top;
			margin: 0 auto;
			width: 908px;
			height: 30px;
			overflow:hidden;
			
		
		}
		
		div#footermenu {

			color:#CC00CC;
			list-style:none;
			text-align:center;
			
		
		}
		#footermenu li {
			text-transform:lowercase;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			float:right;
			text-align:center;
		
		}

/*----------------------------------------------------------------- LAYOUT CLASSES END ---*/

/*----------------------------------------------------------------- GENERAL CLASSES ---*/
.alignleft,div.nav-previous{float: left; margin-right: 15px;}
.alignright,div.nav-next{float: right; margin-left: 15px;}

div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;color:#990033;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;color:#00FF00}

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{display: none;}
div#nav-below{margin-top:1em;}

#primary ul.xoxo li {
	background: transparent url(img/bg-sidebar-primary-xoxo-li.gif) repeat-y right bottom;
}

#secondary ul.xoxo li linkcat-9{
	color:#FF33FF;
}

ul.xoxo li {
	background: transparent url(img/bg-sidebar-xoxo-li.gif) repeat-y center bottom;
	padding-bottom: 15px;
}
ul.xoxo li li, #primary ul.xoxo li li {
	background: none;
	padding-bottom: 0px;
}
ul.xoxo li ul, ul.xoxo li div {
	padding: 0 8px;
}

#blog-description {
	width: 388px;
	padding: 83px 0 0 0;
	margin-left: 30px;
	float: left;
	font: lighter 18px Arial;
	color: #fff;
	background: #173C4E url(img/bg-blog-desc.gif) no-repeat center top;
}
#blog-description p {
	margin: 5px 10px;
}

.header-button {
	background: #173C4E;
	display: block;
	width: 133px;
	height: 20px;
	float: right;
	margin-bottom: 6px;
	padding: 16px 0 0 35px;
	font-size: 12px;
	text-decoration: none;
	color: #037FDF;
}
.header-button:hover {color: #fff;}
.meetup {background: url(img/header-button-meet.gif) no-repeat;}
.rss {background: url(img/header-button-rss.gif) no-repeat;}
.register {background: url(img/header-button-register.gif) no-repeat;}
.speak {background: url(img/header-button-speak.gif) no-repeat;}

.entry-meta {
	background: #E0E4E6;
	padding: 5px 10px;
	margin-bottom: 15px;
	color: #888;
}
.entry-content p {
	margin-bottom: 10px;
}

div#respond {
	clear: both;
}

div#comments {
	margin-top: 30px;
	padding: 10px 15px;
	background: #F3F3F3;
}

div#comments ol li {
	margin-left: 20px;
}
div.comment-meta {
	font-weight: bold;
	background: #E6E6E6;
}
/*----------------------------------------------------------------- GENERAL CLASSES END ---*/

/*----------------------------------------------------------------- TYPOGRAPHY CLASSES ---*/
h1#blog-title {
	display: block;
	float: left;
	width: 225px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-indent: -9999px;
	background: transparent url(img/logo.gif) no-repeat center top;
}
h2.entry-title,
h2.page-title {
	color: #fff;

}
#comments h3,
#respond h3,
h2.entry-title a,
h3.entry-title a {
	color: #244F76;
}


.h3.widgettitle {
 	color:#FF0000;			
}

#comments h3,
#respond h3,
.entry-title,
.page-title {
	clear:both;
	font: lighter 18px/29px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-bottom: 5px;
}
.sidebar h3 {
	background: #137CD6 url(img/bg-sidebar-heading.gif) no-repeat left top;
	font-size: 13px;
	line-height: 28px;
	padding-left: 30px;
	margin: 0px 3px;
	border-bottom: 1px solid #fff;
	color: #001E2E;
}
div#primary h3 {
	background: #137CD6 url(img/bg-sidebar-heading-shado.gif) no-repeat left top;
}
div#primary li#register h3,
div#secondary li#sponsors h3 {
	background: #137CD6 url(img/bg-sidebar-heading-top.gif) no-repeat left top;
	margin: 0px 0px;
}
/*div#secondary li#sponsors {text-align: center;}*/
/*----------------------------------------------------------------- TYPOGRAPHY CLASSES END ---*/

/*----------------------------------------------------------------- LINK CLASSES ---*/
a:link {color:#0066CC; text-decoration:none;}
a:active {color: #30ACF2;}
a:visited {color: #0066CC}
a:hover {color: #001E2E; text-decoration: none;}

.entry-title a {color: #fff; text-decoration: none;}
.entry-title a:hover {color: #30ACF2;}
/*----------------------------------------------------------------- LINK CLASSES END ---*/

/*----------------------------------------------------------------- MENU CLASSES ---*/
div#menu{
	width:100%;
	

}
div#menu ul a {
	text-decoration:none;
	color:#0066FF;     /*----------------------------------------------------------------- Menu Button Colour HVDM ---*/
	font-size: 13px;
	letter-spacing: 1.2px;
	line-height: 30px;
	font-weight:bold;
	
	
}
div#menu ul a:hover {
color:#33FFCC;        /*----------------------------------------------------------------- Menu Button Colour hover HVDM ---*/


}

div#menu ul li a {
	background: #002131 url(img/bg-nav.gif) repeat-x center top;
	margin-right: 8px;
	padding:0.3em 0.5em;
}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{font-size: 11px;margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:url(img/bg-nav.gif) repeat y;border:2px;display:block;padding:0.1em;width:10em;} /*---- Dropdown Colour hover HVDM ---*/
/*----------------------------------------------------------------- MENU CLASSES END ---*/


/*----------------------------------------------------------------- TANTAN FLICKR ---*/


/*
Copy this file into your current active theme's directory to customize this template

Photo
*/
div.meta img {
    margin-right:5px;
}
div#photo {
    position:relative;
    margin:10px 0 0 0;
}
div#notes {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
div#notes div.note {
    padding:1px;
    margin:-4px 0px 0px -4px;
    position:absolute;
    cursor:pointer;
}
div#notes:hover div.note div.hover2 {
    border:1px solid black;
}
div#notes:hover div.note div.hover {
    border:1px solid white;
}

div#notes div.note:hover {
    border:1px solid yellow;
    padding:0;
    z-index:2;
}

div.note div.text {
    display:none;
    position:absolute;
    top:100%;
    left:0px;
    width:auto;
    margin:10px 0 0 0 ;
    padding:5px;
    background:#FFFFD3;
    color:black;
    border:1px solid #555;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    z-index:1;
}
div.note:hover div.text {
    display:block;
}

div#context {
    position:relative;
    height:120px;
    width:100%;
    background:#eee;
}
div#context div.prev, div#context div.next {
    position:absolute;
    top:10px;
    color:#ccc;
    font-size:0.9em;
    text-align:center;
    text-transform:lowercase;
}
div#context div.prev {
    left:10px;
}
div#context div.next {
    right:10px;
}
div#context div.nomore {
    top:20px;
    width:100px;
}
div#context div.info {
    position:absolute;
    top:20px;
    left:50%;
    width:100px;
    margin-left:-50px;
    text-align:center;
}
div#context div.info a{
    color:#ccc;
    text-decoration:none;
}
div#context div.info strong a{
    color:#aaa;
}

div.comment {
    clear:both;
    min-height:50px;
    margin-bottom:1em;
}
div.comment p {
    margin:0 0 1em 0;
    padding:0;
}
div.comment img {
    margin-right:5px;
    margin-bottom:5px;
}
/*

Album

*/

div#photos {
    background:#eee;
    padding:10px;
    clear:both;
    margin:20px 0 0 0;
}
div#highlight {
    position:relative;
    margin:15px 0 0 0;
}
div#highlight img {
    float:left;
    margin:0 10px 0 0 ;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:1em;
}
div#highlight p.meta a {
    color:#888;
}

/*

Albums-index

*/

div.albums {
    clear:both;
    padding-top:10px;
}
div.album {
    background:#eee;
    padding:10px 10px 10px 10px;
    margin:0 0 15px 0;
    position:relative;
    min-height:95px;
    clear:both;
}
div.album img.highlight {
    float:left;
    border:3px solid #888;
    position:relative;
    margin-right:10px;
}
div.album h2 {
    font-size:1.4em;
    text-decoration:none;
    margin:0 0 10px 0;
}
div.album p {
    font-size:0.9em;
}
div.album p.meta {
    color:#888;
}
div.album p.meta a {
    color:#888;
}
div.albums-small div.album {
    clear: none;
    width:90px;
    height:115px;
    float:left;
    background: none;
}
div.albums-small div.album img.highlight {
    float: none;
    margin:0;
}
div.albums-small div.album strong {
    font-size:0.9em;
}

div.group {
    min-height:60px;
}

div#highlight {
    position:relative;
    margin:0 0 40px 0;
}
div#highlight h2 {
	margin-top:50px;
		
	/*this is the header issue with flickr*/
}
div#highlight img.highlight {
    float:left;
    margin:0 10px 0px 0 ;
    border:3px solid #888;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:0.9em;
}
div#highlight p.meta a {
    color:#888;
}

div#highlight div.photos {
    clear:both;
    padding:10px 0;
	background:none;
}
div#highlight div.photos img {
    margin:0 10px 10px 0;
}

div#photoalbum-nav {
	margin-top:50px;
    margin-bottom:15px;
	font color:#FFFFFF;
	font-weight:bold;
	background-color:#333333;	
	

}

/*

Paging

*/
.navigation {
	padding:1em 0;
	font-size:1.5em;
}

/*

Tags

*/
div.tags {
    padding-top:10px;
    clear:both;
}
div#cloud {
    line-height:200%;
}

div.flickr-meta-links {
	clear:both;
    margin:10px 0 0 0;
    font-size:10px;
}
div.flickr-meta-links a{
    color:#555;
}