/* 
Theme Name: Dolphins Blue
Theme URL: http://dolphins-sealions.com
Description: Blue and bubbly theme for Dolphins and Sea Lions Show.
Author: Adlan Khalidi
Author URI: http://adlankhalidi.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

body{background: url(images/bg2.jpg) repeat center center;}

#container{
margin:25px auto;
width:994px;
font-family: Arial;
font-size:10pt;
}

#header{
background:#13658a url(images/bgheader.png) repeat-x top center;
float:left;
width:100%;
height:63px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
}

#header ul {list-style:none; margin:20px 0 0 40px;}
#header ul li{display: block; float: left; width: 98px; padding:5px 1px; text-align:center;margin-right:3px;}
#header ul li a{text-decoration:none; color:#fff; font-family:Arial Narrow; text-transform:uppercase; font-size:12pt; font-weight:bold;}
#header ul li:hover{background:url(images/bghover.png) no-repeat center center;}
#header ul li.current_page_item{background:url(images/bghover.png) no-repeat center center;}

#logo {position: relative; top:-38px; right:54px;width:144px; height:500px; float:right;
color:#7d7d7d; text-align:center; font-size:8pt;}
#logo img {margin:5px 0 10px;}

#content{
background:#fff url(images/bgcontent.jpg) no-repeat top left;
float:left;
width:100%;
}

#footer{
background:#13658a;
float:left;
width:100%;
height:18px;
padding:16px 0;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
text-align:center;
color:#fff;
font-size:8pt;
}

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

#post{
background:url(images/bgpost.png);
float:left;
width:480px;
padding:10px;
margin:10px;
border:1px solid #e6e6e6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color:#959595;
line-height:22px;
}

.title{
font-family: Arial Narrow; font-size:12pt;color:#959595; text-align:center;}

#post h2, #post h2 a{
text-align:center;
color: #f7941d;
font-size:20pt;
font-weight:bold;
margin:5px 0 15px;
}

#post ul {margin-left:20px;}

#postmeta{}
#postnavigation{}
#searchform{}

#sidebar{
background:url(images/bgsidebar.png);
float:left;
width:180px;
padding:10px;
margin:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color:#7d7d7d;
font-size:10pt;
}

#sidebar ul li {list-style:none;margin:5px;}
#sidebar ul li h2{color:#184d80; font-weight: bold; font-size:12pt;margin:10px 0;}
#sidebar ul li ul li{border-bottom:1px solid #b4d6e4;padding:3px; font-size:9pt;}
#sidebar ul li ul li a{color:#7d7d7d; text-decoration: none;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:460px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none; -moz-border-radius:8px;

		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#mytable {
	width: 480px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
text-align:center;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #797268;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#splash{width:1000px; margin:0px auto; height:700px; background: url(images/bg2.jpg); position: fixed; left:2px; right:2px; top:0px;text-align:center; z-index:1;}
#mySpan {cursor:pointer;}

.aligncenter {text-align:center; display:block; margin:10px auto;}

h3 {font-size:12pt; font-weight:bold; margin: 10px 0;}