/*
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 */
*{
padding:0;
margin:0;
}
img{
border:none;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
}
a:focus{
outline:0;
}

/* BASIC BLOCKS */
body{
width:100%;
background:#6c0808;
color:#fff;
min-width:720px;
font-size:.8em;
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%;
text-align:center;
background:#6c0808;
color:#fff;
border-top:.5em solid #000;
line-height:1;
}
#menu{
float:left;
background:#6c0808;
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:60%;
float:left;
padding:1.5em;
}
#sidebar{
float:right;
width:300px;     
padding:1em 1.5em;
background:#f9f9f1 url(images/gradient.jpg) left top repeat-x;
color:#000;
}
#footer{
float:left;
width:100%;
background:#6c0808 url(images/sailor.png) right bottom no-repeat;
color:#fff;
padding:1em 0;
text-align:center;
border-bottom:.5em solid #000;
}

/* FONTS */
#header h1{
background:#6c0808;
color:#f9f9f1;
margin:0;
padding:0;
}
#header p{
background:#6c0808;
color:#f9f9f1;
margin:0;
padding:0;
}
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:#6c0808;
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:#6c0808;
text-decoration:underline;
}
a:hover, a:focus{
background:transparent;
color:#000;
text-decoration:none;
}
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;
}
#footer a{
background:#6c0808;
color:#fff;
text-decoration:underline;
}
#footer a:link, #footer a:visited{
background:#6c0808;
color:#fff;
text-decoration:underline;
}
#footer a:hover, #footer a:focus{
background:#6c0808;
color:#fff;
text-decoration:none;
}
#footer a:active{
background:#6c0808;
color:#fff;
text-decoration:underline;
}

/* LISTS */
.inline ul{
margin:0;
padding:0;
}
.inline li{
display:inline;
list-style-type:none;
padding:1em;
margin:0;
}
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;
background:transparent url(images/search.png) left top no-repeat;
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{
margin:1em 0;
}
.bookmark{
margin:0 0 1em 0;
padding:0 1em;
border-top:1px solid #6c0808;
border-bottom:1px solid #6c0808;
}
.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 #6c0808;
padding:0;
margin-right:1em;
color:#000;
background:#d9caab;
}
form input{
border:1px solid #6c0808;
padding:.3em;
margin:.2em 0;
color:#000;
background:#d9caab;
}
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;
}
