/*  

Theme Name: Oceana Template
Theme URI: http://www.dna.co.za
Description: This is the template for Oceana
Version: 1.0
Author: dna.CREATIVE for Reliably Online
Author URI: http://www.reliablyonline.com

*/


/* ---------------------------------------------- start The Basics */

* html #content, * html .entry_firstpost, * html .entry, * html img { position: relative; }

.clearthis { clear: both; }


#employment { width: auto; margin: 10px 25px; padding: 10px 0px; } /*  border-top: 1px solid #2C1366; */

#employment form { margin: 0px; padding: 0px; } 

.employfield {



	padding: 2px; margin: 2px 5px 2px 0px;



	background-color: #FFF; border: 1px solid #2C1366;



	color: #000; font-size: 10px;



	width: 222px; height: auto;



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



}

.employfield:hover {



	background-color: #EFEFEF;



	border: 1px solid #008174;



	color: #000;



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



}











#menucontainer { width: auto; height: auto; margin: 0px auto; padding: 0px auto; background-color: #BCDCE9; border-top: 1px solid #774F50; border-bottom: 1px solid #774F50; }







.menu {







width:auto; 



margin: 10px auto; padding: 0px auto;



position:relative;



/*z-index:1;*/



font-size: 12px;



text-align: center;



color: #774F50;



}







.menu a { padding: 3px 5px; color: #774F50; text-decoration: none; background-color: #BCDCE9; }



.menu a:hover { color: #774F50; text-decoration: none; background-color: #39C; }



.menu a:active { color: #FFF; text-decoration: none; background-color: #774F50; }







a img { border: 0px; }







label { font-size: 11px; color: #000; font-family:Tahoma, Helvetica, Arial, sans-serif;}







body {
	background-color: #774F50;
	margin: 0px; padding: 0px;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	color: #000;
	text-align: center;
	background-image: url('images/bg.gif');
}







#container1 { /* contains ALL CONTENT */



	margin: 0px; padding: 0px;



	text-align: left;



	background: url('images/left_col_bg.gif') repeat-y top left;



}







#container2 {



	margin: 0px; padding: 0px;



	background: url('images/right_col_bg.gif') repeat-y top right; 



}











a, h2 a:hover, h3 a:hover {

	color: #774F50;

	text-decoration: none;

	}

a:hover {

	color: #06c;

	text-decoration: underline;


	}











ul.readmore {















	list-style: none;















	background: url('images/content_bullet.gif') no-repeat 0 8px;















	padding: 2px 0px 6px 12px; margin: 0px;





}



.main p img {
	float: right; width: auto; 
	margin: 0px 0px 10px 20px; padding: 10px;
	border: 1px solid #774F50; background-color: #FFF;
}

.main p img:hover { border: 1px solid #06C; background: none; }


.entry {

	background: none;

	padding: 0px 25px 40px 25px; margin: 0px;

}


.entry_firstpost{

	background-color: #FFF; border: 0px solid #CCC; /* ----- white space around first entry ----- */
	padding: 0px 25px 40px 25px; margin: 0px;

}


a img {

	border: none 0px;

	text-decoration: none;

	}



#skip { display: none; }


hr { border: 0px; color: #774F50; background-color: #774F50; height: 1px; text-align: left; margin: 30px 0px 10px 0px; }


#header {

	border-top: 1px solid #784F50; /* ----- weird, but this needs to be here, could be 1px ----- */

	background: #774F50 url('images/top-banner.jpg') no-repeat top right;

	margin: 0px; padding: 0px; 

	height: 152px; width: auto;

	}	


#header img {

	margin: 0px; padding: 0px; 

	height: 152px;

	border: none 0px;

/*	float: left;*/

}


/* ---------------------------------------------- start Main Navbar 


#navcontainer { width: auto; height: auto; margin: 0px 90px; padding: 7px 0px 12px 0px; background: url('images/bg.gif') repeat-x 0% 52%; }



#navcontainer ul { list-style-type: none; text-align: right; margin: 0px; padding: 0px 10px; }



#navcontainer li { display: inline; text-align: center; margin: 0px 10px; padding: 0px; font: bold 1.4em Tahoma, Helvetica, Arial, sans-serif; letter-spacing: 1px; }


#navcontainer li a { padding: 2px 12px; color: #900; background-color: #FFF; border: 1px solid #900; text-decoration: none; }


#navcontainer li a:hover { color: #000; background-color: #FDE943; border: 1px solid #900; border-top: 2px solid #900; border-bottom: 2px solid #900; }


#navcontainer li a:active { color: #900; background-color: #FEF9D0; border: 1px solid #900; border-top: 2px solid #900; border-bottom: 2px solid #900; }

*/


/* ----------------------- end Main Navbar */


/* ---------------------------------------------- start Main Content Structure */



#wrapper { /* contains MAIN content area */

	padding: 0px; margin: 0px;

}

div#content { /* main column */

	width: auto;

	padding: 0px; margin: 0px;

	margin-left: 220px; /* ----- change this to adjust column widths ----- */

	margin-right: 212px; /* ----- change this to adjust column widths ----- */

	background: none;

}


#leftcolumn { 

	float: left;

	height: 100%; width: 220px;

	margin: 0px; padding: 0px;

}


#rightcolumn { 

	float: right;

	height: 100%; width: 212px;

	margin: 0px; padding: 0px;

}


/* ----------------------- end Main Content Structure */


#right img { 



	margin: 0px; padding: 0px;



	border: none 0px;



}







/* ---------------------------------------------- start Footer */







#footer { 



	margin: 0px; padding: 0px; 



	height: auto; width: 100%;



}







#footerrow1 { 



	margin: 0px; padding: 0px; 



	height: auto; width: 100%;



	border-bottom: 1px solid #BCDCEA; background-color: none;



}







#footerrow2 {



	margin: 0px; padding: 40px 0px 15px 0px;



	height: auto; width: 100%;



	background-color: #ECF5F9;



}







#footerdivlinewrap { 



	background-color: #ECF5F9;



	margin: 0px; padding: 0px;



	height: 1px; width: 100%;



}







#footerdivline { 



	background-color: #BCDCEA;



	margin: 0px 90px; padding: 0px;



	height: 1px; width: auto;



}







#footerdivline img { margin: 0px; padding: 0px; border: none; }







#footerrow3 {



	margin: 0px; padding: 15px 0px 40px 0px;



	height: auto; width: 100%;



	border-bottom: 5px solid #774F50; background-color: #ECF5F9;



}







#footerrow3 img { 



	padding: 1px; margin: -2px 5px 0px 0px;



	border: 1px solid #000; background-color: #FFF;



	float: left;



}







#footerrow3 img:hover { border: 1px solid #B91806; background-color: #FFF; }







#footer p {



	margin: 0px; padding: 0px 110px;



	font-size: 10px; line-height: 15px; color: #000; text-align: left;



}







#footer a { color: #774F50; text-decoration: none; }



#footer a:hover { color: #39C; text-decoration: underline; }



#footer a:active { color: #BCDCE9; text-decoration: underline; }







ul#footernavlist {



	margin: 0px; padding: 0px 110px;



	font: 10px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000;



	white-space: nowrap;



}







ul#footernavlist ul {



	margin: 0px; padding: 0px;



	white-space: nowrap;



}







#footernavlist li {



	display: inline; list-style-type: none;



	padding: 0px; margin: 0px;



}







/* ----------------------- end Footer */







#topentry_bg {















	border-left: 1px solid #ffffff;















	border-right: 1px solid #ffffff;















	color: #369;















	margin: 0px;















	padding: 0px;















	line-height: 104px;















	height: 104px;















	width: auto;















/*	background: url('images/topentry_bg.png') repeat-x;*/















}






#topentry {




/*	border-bottom: 1px dotted #000;*/















	margin: 0px;















	padding: 25px;















	font-size: 1.1em;















	line-height: 1.1em;















	width: auto;















	background: transparent;















}



















h1 {
	color: #39C; font-size: 22px; font-weight: normal;
	margin: 0px; padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #774F50;
}


h2 {
	color: #39C; font-size: 18px; font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
}


h3 {
	color: #39C; font-size: 18px; font-weight: normal;
	margin: 0px; padding: 5px 0px;
	border-bottom: 1px solid #FFF;
}


h4 {
	color: #000; font-size: 14px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}


h5 {
	color: #000; font-size: 12px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}


h6 {
	color: #000; font-size: 12px;
	margin: 0px; padding: 5px 0px;
	background: none;
}


h7 {
	color: #39C; font-size: 12px;
	margin: 0px; padding: 10px 0px 0px 0px;
	background: none;
}


#content a { color: #774F50; font-weight: bold; text-decoration: none; }
#content a:hover { color: #39C; text-decoration: underline; }
#content a:active { color: #FFF; text-decoration: underline; }











blockquote {







	margin: 0 25px;



}































code {















	display: inline; padding: 2px;















	color: #333; background: #EFEFEF;















	font-family: Courier New, Courier, mono;















}































.main li { list-style-type: square; font-size: 11px; line-height: 16px; }















.main li li { list-style-type: circle; font-size: 10px; line-height: 15px; }











p { font-size: 11px; line-height: 16px; text-align: justify; }











img { border: none 0px; }















/* ----------------------- end Styles */















	































.meta { /* the Details for a Post */















	font-size: 10px;















	padding: 5px 0px; margin: 0px 0px 5px 5px;















	border-bottom: 0px dotted #900;















	width: auto;















	}































.highlight { /* Basic highlight for text */















	background: #FCC;















	}































/* ---------------------------------------------- start Comment Stuff */















.comments { font-size: 10px; padding: 5px 35px; text-align: left;}































.comments a { color: #900; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #900; }















.comments a:hover { color: #FDE943; text-decoration: none; border-bottom: 1px solid #FDE943; }















.comments a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }































.commentlist {















	padding: 0px; margin: 0px;















	}































.commentlist li { /* even comment bgd */















	list-style: none;















	padding: 10px 10px 0 10px;















	background: #EEE;















	border: 1px solid #000;















	margin: 10px 10px 10px 0px;















	color: #000;















	}















	















.commentlist li:hover {















	border: 1px solid #900;















	}































.alt { /* odd comment bgd */















	background: #FFF !important; 















	border: 1px solid #000 !important;















	padding: 10px 10px 0 10px !important;















	}































.alt:hover {















	border: 1px solid #900 !important;















	}































p.metadate {















	font-size: 10px;















	margin: 0;















	text-transform: uppercase;















	}































p.comment_meta {















	margin: 0 0 10px 10px;















	font-size: 1em;















	}































.comment_author a:visited {















	font-weight: bold;















	text-decoration: none;















	}































.reply {















	font-weight: bold;















	font-size: 12px;















	margin: 10px 0 0 0px;















	}















/* ----------------------- end Comment Stuff */































.warning p { /* Used on the search page (image will appear if no result is found) */















	background: url('images/warning.gif') no-repeat left;















	height: 160px;















	padding: 20px 0 0 90px; margin: 0 0 0 10px;















	font-size: 14px;















	}






.postinput {



	margin-left: 0px;



	margin-bottom: -10px; /* see if there is a better way to do this, something is causing a space between Wrapper and Footer on pages with comments */



	}





#author li {





	list-style: none;





	margin: 0;















	padding: 0 5px 20px 0;















	font-size: 10px;















	line-height: 15px;















	}







#author ul {



	padding: 20px 0 0 0;















	margin: 0;















	}






.links {















	margin: 5px 0px 10px 0px; padding: 0px;















	background: none;















font:Arial, Helvetica, sans-serif;















font-weight: bold;















font-size: 10px;















line-height: 15px;















text-align: center;















}































div.links ul li#linkcat-1 {















	list-style: none; display: inline;















	background: none;















	padding: 0px; margin: 0px;















}





/* .links a width is column width minus '.links ul margin' minus '.links a padding' 




.links li a { padding: 2px 2px 2px 14px; width: 193px; font: bold 10px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }





.links li a:hover { color: #FDE943; text-decoration: none; background-color: #900; }





.links li a:active { color: #900; text-decoration: none; background: #FDE943 url('images/links-bullet3.gif') no-repeat 0px 6px; }




.links li li a { padding: 2px 2px 2px 14px; width: 175px; font: bold 10px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #900; text-decoration: none; background: url('images/links-bullet1.gif') no-repeat 0px 6px; }



.links li li a:hover { color: #FDE943; text-decoration: none; background-color: #900; }






.links li li a:active { color: #900; text-decoration: none; background: #FDE943 url('images/links-bullet3.gif') no-repeat 0px 6px; }



*/




#leftsidepics { margin: 15px; padding: 0px; }

#leftsidepics ul li h2 {
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	font-size: 18px;
	color: #39C;
	border-bottom: 1px solid #FFF;
	background: url('images/icon_knifefork.gif') no-repeat bottom right;
}

#leftsidepics ul { list-style: none; padding: 0px; margin: 0px; }

#leftsidepics li { display: inline; list-style: none; padding: 0px; margin: 0px; }

#leftsidepics img { float: left; margin: 2px; padding: 3px; }

#leftsidepics img:hover { background-color: #39C; }


#sideimages { margin: 0px 15px; padding: 0px auto; }

#sideimages img { margin: 10px 0px; padding: 0px; }


#specialties { margin: 15px; padding: 0px; }
#specialties ul li h2 {
	margin: 0px;
	padding: 5px 0px;
	font-size: 18px;
	color: #39C;
	border-bottom: 1px solid #FFF;
	background: url('images/icon_dish.gif') no-repeat bottom right;
}
#specialties ul { list-style: none; padding: 0px; margin: 0px; }
#specialties li { display: block; list-style: none; font-size: 11px; line-height: 16px; padding: 0px; margin: 0px; }
#specialties img { float: left; margin: 15px 0px 0px 0px; padding: 0px; }


#musiclinks { margin: 15px; padding: 0px; }
#musiclinks ul li h2 {
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	font-size: 18px; font-weight: normal;
	color: #39C;
	border-bottom: 1px solid #FFF;
	background: url('images/icon_music.gif') no-repeat bottom right;
}
#musiclinks ul { list-style: none; padding: 0px; margin: 0px; }
#musiclinks li { display: block; list-style: none; font-size: 11px; line-height: 16px; padding: 0px 0px 10px 0px; margin: 0px; }
#musiclinks li a { font-size: 12px; font-weight: bold; }
#musiclinks img { float: left; margin: 15px 0px 0px 0px; padding: 0px; }


#patiolinks { margin: 15px; padding: 0px; }
#patiolinks ul li h2 {
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	font-size: 18px; font-weight: normal;
	color: #39C;
	border-bottom: 1px solid #FFF;
	background: url('images/icon_knifefork.gif') no-repeat bottom right;
}
#patiolinks ul { list-style: none; padding: 0px; margin: 0px; }
#patiolinks li { display: block; list-style: none; font-size: 11px; line-height: 16px; padding: 0px 0px 10px 0px; margin: 0px; }
#patiolinks li a { font-size: 12px; font-weight: bold; }
#patiolinks img { float: left; margin: 15px 0px 0px 0px; padding: 0px; }


#specialevents { margin: 15px; padding: 0px; }
#specialevents ul li h2 {
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	font-size: 18px; font-weight: normal;
	color: #39C;
	border-bottom: 1px solid #FFF;
	background: url('images/icon_music.gif') no-repeat bottom right;
}

#specialevents ul { list-style: none; padding: 0px; margin: 0px; }
#specialevents li { display: block; list-style: none; font-size: 11px; line-height: 16px; padding: 0px 0px 10px 0px; margin: 0px; }
#specialevents li a { font-size: 12px; font-weight: bold; }
#specialevents img { float: left; margin: 15px 0px 0px 0px; padding: 0px; }


/* ----------------------- end SIDEBAR Links Styles */




/* ---------------------------------------------- start Form Stuff */



#search {




	padding: 0px 0px 8px 0px;















}































.searchfield {















	vertical-align: middle;















	padding: 2px;















	margin: 0px;















	background: #FFF;















	border: 1px solid #B91806;















	color: #000;















	width: 150px;















	font-size: 10px;















	height: auto;















}































.searchfield:hover {















	background: #EFEFEF;















	border: 1px solid #000;















	color: #000;















	}















	















.searchsubmit {















	vertical-align: middle;















	padding: 2px;















	margin: 0px;















	background: #B91806;















	border: 1px solid #FFF;















	color: #FFF;















	width: 50px;















	font-size: 10px;















	height: auto;















}































.searchsubmit:hover {















	background: #CCC;















	border: 1px solid #000;















	color: #000;















	}































textarea {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-size: 10px;

	border: 1px solid #CCC;

	color: #000;

	padding: 5px;

	margin: 2px 0px;

	width: 90%;

	background: #FFF;

	}



textarea:hover {

	background: #EFEFEF;

	border: 1px solid #000;

	color: #000;

	}



select { font: 11px/16px 'Lucida Grande', Verdana, Arial, Sans-Serif; }



.commentfield {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	padding: 2px;

	margin: 2px 0px;

	background: #FFF;

	border: 1px solid #CCC;

	color: #000;

	width: 220px;

	font-size: 10px;

	height: auto;

}



.commentfield:hover {

	background: #EFEFEF;

	border: 1px solid #000;

	color: #000;

	}

	

.commentfieldmid {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	padding: 2px;

	margin: 2px 0px;

	background: #FFF;

	border: 1px solid #CCC;

	color: #000;

	width: 150px;

	font-size: 10px;

	height: auto;

}



.commentfieldmid:hover {

	background: #EFEFEF;

	border: 1px solid #000;

	color: #000;

	}



.commentfieldsmall {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	padding: 2px;

	margin: 2px 0px;

	background: #FFF;

	border: 1px solid #CCC;

	color: #000;

	width: 50px;

	font-size: 10px;

	height: auto;

}



.commentfieldsmall:hover {

	background: #EFEFEF;

	border: 1px solid #000;

	color: #000;

	}

	

label { font: 11px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000; padding: 0px 5px; }

#itsaform { margin: 25px 0px; padding: 10px 0px; border-top: 1px solid #6EC8EA; }

#itsaform p { text-align: left; }

.subdivider { margin-top: 15px; padding-top: 5px; border-top: 1px solid #6EC8EA; }


/* ----------------------- end Form Stuff */































/* ---------------------------------------------- start Other Stuff */


#linklists h2 { color: #000; font-size: 1.4em; font-weight: bold; margin: 0px; padding: 0px 2px; border: none; background: none; }

#linklists ul { font-size: 11px; line-height: 15px; }

#linklists li { list-style-type: square; padding-bottom: 5px; }





#categorytitle { padding: 0px 0px 20px 25px; margin: 0px; }



#gallery { margin: 0px; padding: 0px; }

#gallery img { border: 1px solid #774F50; margin: 5px; padding: 4px; width: auto;  }

#gallery img:hover { border: 1px solid #06C; background-color: #FFF; }

.menunav { padding: 0px 20px 10px 20px; border-bottom: 1px solid #FFF; }







#mainpic2bordertop { width: auto; height: 1px; background-color: #B91806; margin: 50px 0px 5px 0px; }















#mainpic2bordertop img { border: none 0px; }















#mainpic2borderbott { width: auto; height: 1px; background-color: #B91806; margin: 5px 0px; }















#mainpic2borderbott img { border: none 0px; }















#mainpic2 { width: auto; height: 250px; margin: 0px; background: #000 url('http://www.reliablyonline.com/images/reliably-online-baby.jpg') no-repeat; }















#mainpic { width: auto; height: 250px; margin-bottom: 15px; background: #000 url('http://www.reliablyonline.com/images/reliably-online-baby.jpg') no-repeat; }















#mainpictext { float: right; width: auto; height: 250px; }















#mainpictext h1 { color: #B91806; padding: 110px 20px 10px 10px; font-size: 24px; text-align: right; border: none 0px; }































#contentcolumns { width: 100%; height: auto; margin: 0px; padding: 0px; }















#contentcolumns p { font-size: 11px; line-height: 16px; text-align: left; }















#contentcolumns img { float: right; padding: 0px 0px 5px 10px; }































#spacer { width: auto; height: 1px; background-color: #000; margin: 40px 0px; }















#spacer img { border: none 0px; }















#spacer2 { width: auto; height: 1px; background-color: #000; margin: 5px 0px; }















#spacer2 img { border: none 0px; }















.bigred { color: #B91806; font-size: 14px; }































#orderform { margin: 20px 25px; }















#orderform p { font-size: 11px; line-height: 113px; }















#orderform p:hover { background: #EFEFEF; color: #000; }















#orderformspacer { margin: 25px 0px 5px 0px; height: 1px; border-bottom: 1px dotted #000; }































#payments { width: 150px; height: auto; margin: 25px; padding: 10px; background-color: #FFF; border: 1px dotted #B91806; }















#payments:hover { border: 1px solid #B91806; background-color: #EFEFEF; }































#menusnav p { text-align: right; padding: 0px 25px; }































#cattitlepic p img { float: right; width: auto; margin: 0px 0px 20px 20px; padding: 10px; border: 1px solid #900; background-color: non; }















#cattitlepic p img:hover { border: 1px solid #900; background-color: #FEF9D0; }































#map { margin: 0px 25px 20px 25px; padding: 0px; width: 450px; position: relative; }















#map img { margin: 0px; padding: 0px; border: none 0px; }















#map h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; }















#map h5 { color: #900; background-color: #FDE943; border-bottom: 1px solid #000; margin: 0px; padding: 5px; font-size: 12px; }















#map p { margin: 0px; padding: 0px; border: none 0px; }















/* ----------------------- end Other Stuff */































/* ---------------------------------------------- start Table Stuff */















#reztable { margin: 50px 0px; }































#itsatable { margin: 10px 25px; }































table {















	background-color: transparent; border: none; padding: 10px;















	color: #000; font: 11px/16px Tahoma, Helvetica, Arial, sans-serif;















}































table a:link, table a:visited, table a:active {















	color: #900; text-decoration: none;















}































table a:hover {















	color: #000; text-decoration: underline;















}































table caption { color: #900; font-size: 14px; font-weight: bold; padding: 0px 0px 10px 2px; text-align: left; }































table, td, th { margin: 0px; padding: 0px; }































tbody td, tbody th {















/*	background-color: #e6f1f7;*/















	padding: 2px 10px;















}































tbody tr.odd th, tbody tr.odd td {















/*	background-color: #e6f1f7; */















}































tbody tr:hover td, tbody tr:hover th {















/*	background-color: #e6f1f7; */















}































td, th {















	vertical-align: top;















}































tfoot td, tfoot th {















	font-weight: bold;















	padding: 5px;















}































thead th {















	font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;















	padding: 0px;















	white-space: nowrap;















}















/* ----------------------- end Table Stuff */