/*

Theme Name: 2OceansVibe

Theme URI: http://www.2oceansvibe.co.za/

Description: 2OceansVibe by <a href="http://www.christophermills.co.za">Christopher Mills</a>

Version: 1.1

Author: Christopher Mills

Author URI: http://www.christophermills.co.za/

*/



* html ul li a {

   height:1em;

}



#rightads {

        position:absolute;

        left:882px;

        top:280px;

}

#morerightads {

        position:absolute;

        left:882px;

        top:880px;

}



body

	{

	background: url('images/sitebg.png');

        background-repeat: repeat-x;

	margin:0;

	padding:0;

        background-color: #BB0408;

}



#container

        { 

        width: 850px;

        margin: 10px 25px auto;

        background-color: #fff;

        color: #333;

}

 

#header

        {

        padding:0 10px;

	background: url('http://media.2oceansvibe.com/wp-content/themes/2ocean/images/header.jpg');

	background-repeat: no-repeat;

	background-position: left;

	text-align: right;

	height:173px;

}



#title

        {

        padding:0 0px;

	background: url('images/2ov-small-green.jpg');

	background-color:#000000;

	background-repeat: no-repeat;

	background-position: left;

	height:95px;

}



#title-advert

        {

        float:right;

        padding-top:5px;

        padding-right:0px;
		
		

}



#search

        {

		background-color: #AD0306;

		background-repeat: no-repeat;

		background-position: left;

		height:20px;

}



//

// For a navigation bar under the header insert this code into the header.php file //

//  <div id="navcontainer">

//                <ul id="navlist">

//                <li><a href="/">Home</a></li>

//                <?php wp_list_pages('title_li='); ?></ul>

//</div>

//





#leftnav

        {

        float: left;

        width: 184px;

        margin: 0;   

        padding: 0;

	font-family:Verdana,Arial;

}

 

.pageitem

	{

	font-size: 0.8em;

}





#rightnav

{

        float: right;

        width: 160px;

        margin: 0;   

        padding: 0;	

        text-align:left;

}



#content

{

        margin-left: 184px;

        border-left: 1px dotted #990000;

        margin-right: 175px;

        border-right: 1px dotted #990000;

        padding: 10px;

		min-height: 500px;

		width:465px;

}



.entry	{

        color: #333;

        text-align: left;

        letter-spacing: normal;

        font-family: Verdana;

        font-size: 12px;

}

 

#footer

        {

        clear: both;

        margin: 0;

	padding:5px;

        color: #333;  

        border-top: 1px solid gray;

}





// CSS //



body {

	margin:0;

	padding:0;

	background:#F2F2E9 url('img/shadow_background.png') repeat-y left;

	font-size: 0.7em;

	font-family: Verdana, Arial;

}



#header h1

	{

	padding:10px;

	margin:0;

}



#header h1 a 

	{

	text-decoration:none;

	color:#991717;

	background:none;

	font-family: Verdana, Arial;

	font-size: 20px;

}



h1, h2, h3 {

	font-family: Verdana, Arial;

	font-size:1.2em;

}



textarea 

	{

	width:90%;

}



li 

	{

	padding:0.3em 0;

	margin:0;

}



blockquote

	{

	background: #EEE url(img/blockquote.png) no-repeat bottom left;

	/*border: 1px solid #E0E0E0;*/

	padding: 10px;

	padding-bottom: 40px;

	margin: 1em;

}



img {

	margin: 0;

	padding: 0;

	border: 0;

	}



a	{

	text-decoration:none;border:none;background:transparent;

}



a:link	{

	color: #A4141D;

        text-decoration: none;

        font-weight: normal;

        font-family: Verdana;

	font-size: 12px;

}



a:visited	{

	color: #A4141D;

        text-decoration: none;

        font-weight: normal;

        font-family: Verdana;

	font-size: 12px;

}



a:hover, a:active	{ 

	color:#ff0000;

        text-decoration: underline;

        font-weight: normal;

        font-family: Verdana;

        font-size: 12px;

} 



#sidebar 

	{

	float:left;

	margin:0 0;

	width:184px;

	display:inline;

	font-size:90%;	

	background: url('images/leftfadebg.jpg');

        background-repeat: no-repeat;

}	



h2.post 

	{

	margin: 0;	

	text-align: right;

	padding: 0.5em 1em 0 0;

	color: #706A3F;

	border-bottom:#ccc 1px solid;

	font-size: 0.8em;	

}



#sidebar li 

	{

	margin:0 0 0 5px;

	padding:0;

}



#sidebar ul

	{

	margin:0;

	padding:0;

	list-style:none;

}



#sidebar a 

	{

	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	display:block;

	color:#B4070D;

}



#sidebar a:hover 

	{

	text-decoration:none;

	display:block;

	color:#FFFFFF;

        background-color: #4E4E4E;

}



#sidebar a:active

	{

	text-decoration:none;

	display:block;

	color:#FFFFFF;

        background-color: #4E4E4E;

}



#footer p 

	{

	text-align:center;

	font-size:10px;

}



#content h3, .post-title {

	margin: 1em 0 0.3em 0;

	padding:5px 0;	

	letter-spacing: 0.09em;

	font-weight: normal;

	color: #666600;		

	border-bottom:#ccc 1px dashed;

}





#content h2, #content h3 

	{

	font-size:1.1em;

}



#content p 

	{

	font-family:Verdana,Arial;

	font-size: 0.9em;

	color: #333;

	margin:10px 0 10px 0;

}





#content .title a

	{

	text-decoration:none;

	border:none;

	color:#360;

}



.day-date 

	{

	margin:0;

	padding:0;

	font-weight:bold;

}



.post 

	{

	margin:0;

	padding:1em 0;

}



#dater

	{

	text-decoration:none;

	color:#333333;

	background:none;

	font-weight:normal;

	font-family: Verdana;

	font-size: 12px;

}



#mainheader a:visited 

	{

	text-decoration:none;

	color:#A4141D;

	background:none;

	font-family: Arial;

	font-size: 18px;

}





#mainheader a:active

	{

	text-decoration:none;

	color:#A4141D;

	background:none;

	font-family: Arial;

	font-size: 18px;

}





#mainheader a:hover

	{

	text-decoration:none;

	color:#FF0000;

	background:none;

	font-family: Arial;

	font-size: 18px;

}



#mainheader a:link

	{

	text-decoration:none;

	color:#A4141D;

	background:none;

	font-family: Arial;

	font-size: 18px;

}



.post-info-co 

	{

	margin: 15px 0;

	padding:0;

	font-size: 0.9em;

	font-family:Verdana, Arial;

	color: #666;

	border-top:#ccc 1px dashed;

}



#sidebar h2 

	{

	margin: 10px 0 0 0;

	font-size:1em;

	letter-spacing: 0.09em;

	font-weight: bold;

	color: #000;	

	text-transform:uppercase;

}



#righter img 

	{

	border:#BB0408 1px solid;

	padding:3px;

}







#sidebar img 

	{

	border:#BB0408 1px solid;

	padding:3px;

}



.spacer 

	{

	clear: both;

}



#content ul li 

	{

	line-height: 120%;

	background:transparent url('img/simplearrow.png') left top no-repeat;

	margin:0.5em 0;

	padding:0 1.5em;	

	list-style:none;

	font-size:1em;

}



hr {

	display:none;

}



.commentlist

	{

	margin:0;

	padding:0;

}



.commentlist li 

	{

	margin:0.5em 0 0 1.5em;

	padding:0 0.5em;

	border:#ccc 1px solid;

}



.commentlist .graybox

	{

	background:#F3F5CC;

}



input[type="text"], textarea

	{

	background:#F2F2E9;

	border:#ccc 1px solid;

}



.feedback	{

	padding-top:10px;

	padding-right:10px;

}



.link-comment	{

	background:url('img/ico-talk-act.gif') no-repeat left;

	padding-left:15px;

}



.link-comment-off	{

	background:url('img/ico-talk.gif') no-repeat left;

	padding-left:15px;

}



.pauthor, .ptime, .pcat

	{

	padding:10px;

	font-size:90%;

}



.pauthor

	{

	background:url('img/user.png') no-repeat left;

	padding-left:15px;

}



.ptime

	{

	background:url('img/time.gif') no-repeat left;

	padding-left:12px;

}



.pcat

	{

	background:url('img/sstar.png') no-repeat left;

	padding-left:15px;

}



.alt 

	{

	background:#F2F2E9;

}





// Top Navigation //



#navcontainer

	{

	background-color: #1F00CA;

	width:90%;

}



#navcontainer ul

	{

	font-family:Verdana,Arial;

	font-weight: bold;

	background: #ddd;

	color: #000;

	margin: 0;

	padding-bottom: 4px;

	padding-top: 5px;

	border-bottom: 1px solid gray;

}



#navcontainer li

	{

	text-align: center;

}



#navcontainer ul li

	{

	display: inline;

	margin-left: -4px;

}



#navcontainer ul li a

	{

	padding: 5px 10px 5px 10px;

	color: #000;

	text-decoration: none;

	border-right: 1px solid gray;

}



#navcontainer ul li a:hover

	{

	background-color: #16008D;

	color: white;

}



.post-meta {

        font-variant: small-caps; 

        color: #4e4e4e; 

}



.post-meta-key {

        color: #4e4e4e; 

        font-size: 100%; 

}