/*  
Theme Name: Alpha Whale Watch Theme
Theme URI: http://www.alphawhalewatch.com
Description: The first theme for Alpha Whale Watch.
Version: 1.0
Author: Zephyr Basine
Author URI: http://www.alphawhalewatch.com

*/

@import url('reset.css'); /* Eric Meyer's reset.css stylesheet - http://www.meyerweb.com */

body {margin:0; background: #515151; font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center;}

#container {width: 700px; margin: auto; overflow: hidden;}

#header {float: left; width: 700px; height: 500px; border-bottom: 1px solid #000000; background: #ffffff url(images/underwater.jpg); text-align: center;}
        #headerimg {margin: 80px 0 0 0; width: 700px; font-family: "Copperplate Gothic Bold", "Helvetica Neue", sans-serif; font-size: 5.8em; text-align: center;}
        #headerimg a{color: #000000; text-decoration: none;}
        #headerimg a:hover {color: #fff;}
        #headerimg2 {margin: 0; height: 73px; width: 700px; font-family: "Century Gothic", "Helvetica Neue", sans-serif; font-size: 4.5em; color: #fff; text-align: center;}
        #headerimg3 {float: left; margin: 210px 0 0 0; height: 110px; width: 288px; background: transparent; font-family: "Century Gothic", "Arial", sans-serif; font-size: 1.75em; color: #00232B; text-align: center;}
        #headerimg4 {float: right; margin: 0px 0 0 0; height: 288px; width: 410px; border: 1px solid #000000;}

#navbar {float: left; width: 700px; margin: 0px auto 0px auto; background: #ffffff url(images/navbarbg.jpg); font-family: "Helvetica Neue", Arial, sans-serif; font-size: 1.3em; text-align: center;}
        #navbar ul {margin: 0px auto 0px auto; padding: 0px 0px 0px 17px; text-align: center;}	
	#navbar ul li a {float: left; color: #fff; line-height:2.92; padding: 0 7px; text-decoration: none;}
        #navbar ul li a:hover {color: #00D2FE;}

#contentmiddle2 {background: #FFFFFF; background-image: url(images/bg.gif); background-repeat: repeat-x; background-position: left top; float: left; width: 700px;}

#contentmiddle {background: transparent; width: 500px; float: left; margin: 15px;}

.entry ul {text-align: justify; list-style-image:url(images/bullet.gif); margin-left: 15px; margin-bottom: 10px; padding: 0px 0px 0px 20px;}		

.entry ul.car-list {list-style: none;}

.entry ul.car-monthlisting {text-align: justify; font-size:.8em; list-style-image:url(images/bullet.gif); margin-left: 15px; padding: 0px 0px 0px 20px;}

.entry ul li {font-size: 1.2em; line-height: 1.5em; text-align: justify; margin: 0px; padding: 0px 0px 10px 0px;}

.entry ol {text-align: justify; list-style-type: decimal; margin-left: 15px; padding: 0px 0px 0px 20px;}	

.entry ol li {font-size: 1.2em; line-height: 1.5em; text-align: justify; margin: 0px; padding: 0px 0px 10px 0px;}

/*-------------------------
Sidebar
--------------------------*/
	
#rightside { float: right; background: transparent; width: 155px; height: 100%; padding-bottom: 20010px; margin-bottom: -20000px; margin-top: 60px; margin-right: 15px;}
	#subscribe a {color: #00A1F0;}
	#subscribe a:hover {color: #5ECAFF;}
	#rightside p {font: 1.3em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}
#rightside ul {list-style-image:url(images/bullet.gif); margin-left: 15px; margin-bottom: 10px; padding: 0px 0px 0px 20px;}	
#rightside ul li {font-size: 1.2em; line-height: 1.5em; margin: 0px; padding: 0px 0px 10px 0px;}

#rightside1 {float: right; background: #ffffff url(images/bg1.gif) repeat scroll right top; width: 170px; height: 100%;}
#rightside1 p {font: 1.3em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}
#rightside1 h2 {font: 1.8em/1.6em "Helvetica"; text-align: center;}

#recentposts {width: 155px; margin: 15px auto 15px auto; border-bottom: 1px solid #e9e9e9;}
#recentposts h2 {font-family: "Helvetica", sans-serif; font-size: 1.6em; color: #404040; text-transform: none; margin: 0 0 .6em 0; font-weight: normal; text-align: center;}

#monthlyarchives {width: 155px; margin: 15px auto 15px auto; border-bottom: 1px solid #e9e9e9;}
#monthlyarchives h2 {font-family: "Helvetica", sans-serif; font-size: 1.6em; color: #404040; text-transform: none; margin: 0 0 .6em 0; padding: 2px 0 0 0; font-weight: normal; text-align: center;}

#livelink {width: 155px; margin: 15px auto 20px auto; text-align:center;}
#livelink p {font-size: 1.1em; text-align: center;}
#livelink h2 {font-family: "Helvetica", sans-serif; font-size: 1.6em; color: #404040; text-transform: none; margin: 0 0 .6em 0; padding: 2px 0 0 0; font-weight: normal; text-align: center;}

/* ----------------------
Global Typography
-----------------------*/
	
h1 {}
	 .entry h1.title{color: #000000; margin: 0 0 1em 0; border-bottom: 1px solid #e9e9e9;}
.entry h1, .entry h2 {font-family: "Helvetica", Arial, sans-serif; line-height: 1.25em; font-size: 2.2em; font-weight: bold; color: #404040; margin: 0 0 .2em 0;}
	.entry h1 a, .entry h2 a {color: #404040; text-decoration: none;}
	.entry h1 a:hover, .entry h2 a:hover {color: #008EAA;}
h1.page, h2.page {font-family: "Helvetica", Arial, sans-serif; line-height: 1em; font-size: 2.2em; font-weight: bold; color: #404040; margin: 15px 0 0 0;}
	
h2 {}

h3 {font-weight: normal;}
	.entry h3 {font-family: "Helvetica", sans-serif; font-size: 1.8em; color: #006D9B; text-transform: none; margin: 0 0 .6em 0; font-weight: normal;}
	.blueh3 {font-family: "Helvetica", sans-serif; font-size: 1.6em; color: #404040; margin: 0 0 .5em 15px;}
h4 {}

	
p {font-size: 1.2em; line-height: 1.5em;}
	.entry p {margin: 0 0 1.5em 0; text-align: justify;}
	p.photoleft {float: left; padding: 0px 10px 10px 0px; margin: 0; font-size: .8em; text-align: center;}
	.entry p a {color: #00637F;}
	.entry p a:hover {color: #008EAA;}
	p.photoright {float: right; padding: 0px 0px 10px 10px; margin: 0; font-size: .8em; text-align: center;}
	p.center {text-align: center; padding: 10px 0px 10px 0px;}
	p.meta {float: left; width: 100%; font-size: 1.2em; color: #333; border-bottom: 1px solid #e9e9e9; padding: 0 0 .5em 0; margin: 0 0 1.2em 0; height: 1%;}
	p.meta2 {float: left; width: 100%; font-size: 1em; color: #333; border-bottom: 1px solid #e9e9e9; padding: 0 0 .3em 0; margin: 0 0 1em 0; height: 1%;}
	p.rss {margin: 10px 0 0 15px;}
	p.reg {margin: 5px 0 0 15px;}
	p.contentbottom {font-size: 1.1em; color: #333; padding: 0 0 .5em 0; margin: 0 0 1.2em 0; height: 1%;}
	p.contentbottom2 {font-size: 1.2em; padding: 0; margin: 0 0 35px 0; text-align: center;}
	p.contentbottom3 {font-size: 1.1em; color: #333; padding: 0 0 .5em 0; margin: 1.2em 0 1.2em 0; height: 1%; border-bottom: 1px solid #e9e9e9;}
	p.smline {text-align: center; width: 350px; background: url(images/smline.gif) no-repeat; margin: 0 auto 15px auto;}
	p.smline2 {text-align: center; width: 350px; background: url(images/smline.gif) no-repeat; margin: 35px auto 15px auto;}

span {}
	span.byline { display: block; float: left; width: 200px; }
	span.category { display: block; float: right; width: 100px; text-align: right; }
	span.pink a{color: #0098C4;}
	span.pink a:hover{color: #00D2FE;}

	div.next { display: block; float: left; width: 250px;}
	div.related { display: block; float: right; width: 300px; text-align: right;}
	
em {font-style:italic;}
em a{font-style:italic;}

strong {font-weight:bold;}
em strong{font-style:italic; font-weight:bold;}

.entry strong{line-height: 1.5em; text-align: justify;}
.entry em{line-height: 1.5em; text-align: justify;}
.entry table strong{font-size: 12px;}


/*---------------------
Global Links
----------------------*/
a, a:link, a:visited { color: #00637F; font-weight: normal;}
a:hover { color: #008EAA;}


/*-----------------------
Bottom Navigation
------------------------*/

#pagenav {text-align: center; font-size: 1.4em; font-weight: normal;}

/*-----------------------
Comment Stuff
------------------------*/
#contentend {background: inherit; float: left; width: 635px;}
	
#contentend h3 {font: 1.6em/1.6em "Helvetica"; font-weight: normal; color: #006D9B;} 

a.comment {padding: 0px 0 0px 20px; font-size:1em; background: url("images/comment.png") 0 2px no-repeat; margin-right: 20px;}

#commentad {text-align: center; width: 100%; padding: 40px 0px 25px 0px;}

div.contentbottom4 {font-size: 1em; padding: 0 0 80px 0; margin: 0 0 30px 0; text-align: center; width: 100%;}

#comments1 {margin-left: auto; margin-right: auto;}
#comments1 h3 {font: 1.8em/1.8em "Helvetica"; font-weight: normal; color: #000000;}
#comments1 ol{text-align: center; margin: 0px 15px 15px 15px;}
#comments1 ol li {text-align: justify; font-size: 1.15em; line-height: 1.4em; border-bottom: 1px solid #e9e9e9; padding: 0px 5px 15px 5px;}
li.admin{background: #DBF2FF; text-align: justify; font-size: 1.15em; line-height: 1.4em; border-bottom: 1px solid #e9e9e9; padding: 0px 5px 15px 5px;}



#comments1 ol li p {font-family: "Helvetica Neue", Helvetica, arial, sans-serif; text-align: justify; line-height: 1.4em; padding: 0px 0px 1em 0px;}

div.commenttext {font-size: .9em; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; padding:0px;}

div.moderation {font-size: 1em; line-height: 1.5em; color: #006D9B; font-style: italic; margin: 2px 0px 2px 0px;}

#commentform {margin:0px 15px 50px 30px;}

#commentform input.name { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#commentform input.email { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#commentform input.website { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}

#commentform textarea.ctext { border: 1px solid #ccc; width: 450px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}



/*-----------------------
Footer
------------------------*/
#footer {background: url(images/footerbg.jpg); width: 700px; height: 83px; margin-left: auto; margin-right: auto; text-align: center; font-size: 1.2em; color: #fff;}
#footer a {color: #fff;}
#footer a:hover {color: #00D2FE;}


/*----------------------
Contact Form
----------------------*/

#contactform {margin:0px auto 0px auto; padding: 15px 0 15px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; width: 450px;}

#contactform input.name { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#contactform input.email { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#contactform input.subject { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#contactform input.party { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#contactform input.dates { border: 1px solid #ccc; width: 250px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}
#contactform textarea.message { border: 1px solid #ccc; width: 450px; height: 100px; font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; margin: 5px 0 0 0; padding:5px;}

#contactform p.namep {font-size: 12px; padding: 5px 0 0 0;}