/*
Theme Name: 	Namib
Description: 	An accessible 2 column WordPress template
Version: 		1.0.1
Author: 		Arnold Goodway
Author URI: 	http://nice2all.com/
Tags:			Fluid, 2 columns, valid XHTML, valid CSS

Credits:		My thanks to the following for their free graphics:
				http://tutorialblog.org/eight-original-advertise-here-125x125-graphics/
				('your ad here' graphics)

License:		The CSS, XHTML and design is released under GPL:
				http://www.opensource.org/licenses/gpl-license.php
				
				Version 1.01 rectifies the error there was in IE on the footer 
*/


/* RESET */



.em-above ul {
list-style-position: inside;
}


*{
padding:0;
margin:0;
}


#logo {
    float: right;
    padding-right: 60px;
}

#masks {
    float: left;
    padding-left: 60px;
}


img{
border:none;
}


body{
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
}


a:focus{
outline:0;
}



/* BASIC BLOCKS */
body{
width:100%;
background:#C0C0F2;
color:#fff;
min-width:720px;
line-height:1.8;
}


/* needed for invisible skip navigation link */
#skip{
float:left;
width:100%;
text-align:center;
background:#fff;
color:#000;
padding:1em 0 0 0;
display:none;
}


#header{
float:left;
width:100%;
background:#C0C0F2;
color:#fff;
line-height:1;
}


#menu{
float:left;
background:#C0C0F2;
color:#fff;
padding:25px 15px 0 15px;
}


.container{
position:relative;		
clear:both;
float:left;
width:100%;	
overflow:hidden;
background:#f9f9f1;
color:#000;
}


#content{
position:relative;
width:66%;
float:left;
padding:1.5em;
margin-left: 5%;
}


#sidebar{
float:right;
width:18%;     
padding:1em 1.5em;
background:#f9f9f1 url(images/gradient.jpg) left top repeat-x;
color:#000;
}


#footer{
float:left;
width:100%;
background:#C0C0F2 ;
color:#fff;
padding:1em 0;
text-align:center;
}



/* FONTS */
#header h1{
background:#C0C0F2;
color:#f9f9f1;
margin:0;
padding:0;
}


#header p{
background:#C0C0F2;
color:#383847;
margin:0;
padding:0 60px 0 0;
float: right;
clear: right;
}


p{
margin-top:1.5em;
}


.bookmark p{
margin-top:0;
}


h1{
font-size:3em;
}


h2{
font-size:2em;
}


h3{
font-size:1.8em;
}


h4{
font-size:1.5em;
}


h5{
font-size:1.2em;
}


h6{
font-size:1em;
}



/* LINKS */
#header a, #header a:link, #header a:visited, #header a:hover, #header a:focus, #header a:active{
background:#C0C0F2;
color:#f9f9f1;
text-decoration:none;
}


a{
background:transparent;
color:#000;
text-decoration:underline;
}


a:link{
background:transparent;
color:#000;
text-decoration:underline;
}


a:visited{
background:transparent;
color:#000;
text-decoration:underline;
}


a:hover, a:focus{
background:transparent;
color:#600;
}


a:active{
background:transparent;
color:#000;
text-decoration:underline;
}


#css-menu a, #css-menu a:link, #css-menu a:visited{
display:block;
float:left;
color:#000;
background:#beac8c;
line-height:27px;
text-decoration:none;
padding:0 17px 0 18px;
height:27px;
}


#css-menu a:hover, #css-menu a:focus, #css-menu a:active{
background:#f9f9f1;
color:#000;
text-decoration:none;
font-style:normal;
}

#css-menu li ul {
    display: none;
}

#css-menu li.current_page_item a {
    background: #fff;
}

#css-menu li.current_page_ancestor a {
    background: #fff;
}


#footer a{
background:#C0C0F2;
color:#fff;
text-decoration:underline;
}


#footer a:link, #footer a:visited{
background:#C0C0F2;
color:#fff;
text-decoration:underline;
}


#footer a:hover, #footer a:focus{
background:#C0C0F2;
color:#fff;
text-decoration:none;
}


#footer a:active{
background:#C0C0F2;
color:#fff;
text-decoration:underline;
}



/* LISTS */
.inline ul{
margin:0;
padding:0;
}


.inline li{
display:inline;
list-style-type:none;
padding:1em;
margin:0;
}

em-above ul li {
margin-left: 1em;
}


ul{
list-style:outside square;
}


ol{
list-style:decimal;
}


li{
margin-left:1em;
padding:0;
}


.meta-search li{
margin-right:1em;
padding:0;
}


#sidebar ul{
list-style:none;
}


#sidebar li{
margin:0;
padding:0;
}


#css-menu ul{
list-style-type:none;
width:100%;
position:relative;
height:27px;
font-size:1em;
font-weight:bold;
margin:0;
padding:11px 0 0 0;
}


#css-menu li{
display:block;
float:left;
margin:0 0 0 4px;
height:27px;
}



/* FORMS */
#searchbar{
padding:10px 0 10px;
text-align:left;
}


/*#searchbar input{
width:210px;
font-size:11px;
border-style:none;
color:#666;
vertical-align:middle;
height:18px;
padding:5px 35px 5px 25px;
}


#search-sidebar{
padding:1em 0 0 0;
margin-bottom:1em;
text-align:left;
}


#search-sidebar input{
width:210px;
background:transparent url(images/search-sidebar.gif) left top no-repeat;
font-size:11px;
border-style:none;
color:#666;
vertical-align:middle;
height:18px;
padding:5px 35px 5px 25px;
}*/



/* MISCELLANEOUS */
.aligncenter{
margin-bottom:1em;
display:block;
margin-left:auto;
margin-right:auto;
}


.alignleft{
float:left;
margin-right:1em;
}


.alignright{
float:right;
margin-left:1em;
}


.wp-caption{
border:1px solid #000;
text-align:center;
background:#fff;
color:#000;
padding-top:.4em;
margin:1em;
}


.wp-caption img{
margin:0;
padding:0;
border:0 none;
}


.wp-caption p.wp-caption-text{
font-size:1em;
line-height:1.7em;
padding:0 .4em .5em;
margin:0;
}


/* Needed for backwards compatibility with own older themes */
.pic-left{
float:left;
margin-right:1em;
}


.pic-right{
float:right;
margin-left:1em;
}


.author{
font-style:italic;
margin:1em 0;
}


.signature{
display: none;
margin:1em 0;
}


.bookmark{
margin:0 0 1em 0;
padding:0 1em;
border-top:1px solid #C0C0F2;
border-bottom:1px solid #C0C0F2;
}


.metadata{
text-align:right;
margin:1em 0;
}


.metapage{
text-align:left;
margin:1em 0;
}


.meta-search{
text-align:left;
margin:1em 0;
}


.navigation-right{
text-align:right;
}


.navigation-left{
text-align:left;
}


.em-above{
margin-top:1em;
}


.em-below{
margin-bottom:1em;
}


.hidden{
display:none;
}


.comments{
margin:2em 0 1em 0;
}


.commentlist li .avatar{ 
float:right;
border:1px solid #eee;
padding:2px;
margin:2px 0;
background:#fff;
color:#000;
}


.commentlist{
list-style:none;
margin:0;
padding:0;
}


.commentlist .alt{
background:#d9caab;
color:#000;
}


.commentlist ol li{
margin:1.6em 0;
padding:0 1em;
background:#ffeec9;
color:#000;
}


.commentlist a{
color:#000;
background:#ffeec9;
}


.commentlist .alt a{
color:#000;
background:#d9caab;
}


form textarea{
width:80%;
border:1px solid #C0C0F2;
padding:0;
margin-right:1em;
color:#000;
background:#d9caab;
}


form input{
border:1px solid #C0C0F2;
padding:.3em;
margin:.2em 0;
color:#000;
}


form input submit{
margin:1em 0;
}


form input:focus, form textarea:focus{
color:#000;
background:#fff;
}


form p{
margin:0;
}


.post-info{
background:#d9caab;
color:#000;
padding:1em;
text-align:justify;
margin-top:0;
}


.double-ad{
position:relative;
margin-top:1em;
}


.double-ad img{
margin:1em 1em 0 0;
}


blockquote{
padding-left:1.8em;
border-left:2px solid #d9caab;
}


code{
font-size:1.2em;
}


ol, ul{
list-style:none;
}


ul{
list-style:outside square;
margin:1em;
padding-left:1.8em;
}


ol{
margin:1em;
padding-left:1.8em;
list-style:decimal;
}


li{
margin:0;
padding:0;
}


#sidebar ol, #sidebar ul{
list-style:none;
}


#sidebar ul{
list-style:none;
margin:0;
padding-left:0;
}


#sidebar ol{
margin:0;
padding:0;
list-style:none;
}


#sidebar li{
margin:0;
padding:0;
}


dt{
padding-left:1.8em;
}


dd{
padding-left:3.6em;
}


.underline{
text-decoration:underline;
}


.strike{
text-decoration:line-through;
}


#header img{
margin:1em 0;
}