/*  
Theme Name: SeaCliff
Theme URI: http://www.blog-themes.xynfo.com
Description: A simple 2-column blue template with widget support and multiple styles by <a href="http://www.blog-themes.xynfo.com" title="Blog Themes">Charles Kirkendall</a>. Support available at <a href="http://www.blog-themes.xynfo.com" title="Forums">Blog Themes</a>.
Version: 1.0
Author: Charles Kirkendall
Author URI: http://www.blog-themes.xynfo.com

Last Modified on April 14, 2007
*/

/* Base Definitions */
* 
{
	padding:0px; 
	margin:0px;
}

body 
{
	background:#124383 url(images/body_bg.jpg) repeat-x top;
	margin: 0px; 
	font: 75%/1.6em arial, sans-serif; 
	color: #666666; 
	text-align: center;
}

p 
{
	margin: 0.7em 0;
	line-height:1.5em;
}

i {
	font-weight: normal;
	line-height: 20px;
}

a 
{
    color: #666666;
    text-decoration:none;
}

a:link, 
a:visited 
{
	color: #666666;	
}

a:hover, a:active 
{
font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, sans-serif;
}



blockquote
{
	color:#666;
         min-height: 160px;
	margin: 15px 10px 15px 10px;
	padding: 0px;
	border-bottom: #DCE1E5 1px solid;
}

hr {
	border: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	height: 1px;
	color: #DCE1E5;
	background-color: #DCE1E5
}

.clear {
	clear:both;
	height:20px;
}

fieldset 
{
	border:0;
}


/* Header Image Area Definition */

#header img {
	border-top:#D4D4D4 1px solid;
         height: 200px;
	padding:0px;
	margin: 0;

}

/* General Image Defintions */

img {
	margin-top:10px;
	margin-right:10px;

	padding:5px;	
	border:#E4E4E2 1px solid;
	float: left;
}

/*
         a:link img,
         a:visited img,
         a:hover img,
         a:active img {
	margin:5px;
	padding:4px;	
	border:#E4E4E2 1px solid;		
}

a:hover img {
    border: #CCCCCC 1px solid;
}*/

/* Wrapper Definition */
#wrapper {
	background:#FFFFFF;
	border:#D1D1D1 2px solid; 
	margin:0px auto 0px auto;
	padding:0px; 
	width: 800px; 	
	position: relative; 
	text-align: left;
}

/* Header Definitions */

#headertitle {
	float:left;
	width:40%;
	margin: 0px;
	padding: 0px;
}

#headertitle h1 {
	font-size:1.8em;
	margin:0px;
	padding:25px 0px 0px 15px;
        font-variant: small-caps;
	letter-spacing:1px;
}

#headertitle h1 a {
	margin:0px;
	padding:0px;
	text-decoration:none;	
	border:0;
}

#headertitle h2 {
	font: 12px verdana, tahoma, arial, sans-serif; 
        font-weight: normal;
	line-height: 18px;
	margin:0px;
	padding: 0px 0px 0px 15px;
}

/* Feed Definitions */
#feeds {
	padding:0px 15px 0 0; 
	float: right;
	text-align: right;
}

#feeds a:link, 
#feeds a:visited {
}

#feeds a:hover, 
#feeds a:active {
	border: 0px;
}



/* Default CSS generated by dTabs */

/* make the list horizontal */
#tabbar li, #tabbar ul li, {
display: inline;


}

#tabbar {
margin-left: 105px;

}

#tabbar a, .tab, .tabselected {
display: block;
float: left;
text-align: center;
width: 70px;
height: 20px;
padding: 3px;

}


/* colour unselected tabs grey */
.tab {
padding-left: 7px;

}


/* colour selected tabs white, and make their border white along the bottom to blend in with the background */
.tabselected {
font-weight: bold;
background-color: rgb(240,240,240);
border-bottom-color: white;
}

/* style the dropdown menus */
.dmenu {
display: none; /* REQUIRED dont display them to begin with */
position: fixed; /* REQUIRED enables javascript to position them below the right tab */
z-index: 100; /* REQUIRED makes sure they appear on top of other content on the page */
width: 70px;
margin-left: -232px; /* display them 21px below the top of the tabs. this is a kind of average value for the height of the tabs, which seems to vary slightly between browsers */
padding: 3px 20px 3px 0; /* put some space around the contents */
background-color: rgb(240,240,240); /* colour the background grey */
text-align: left; /* just in case */
}



/* Search Bar Definitions */
#searchbar {
	clear: both; 
	background:#FFFFFF url(images/search_bg.gif) repeat-x top;
        padding: 0;
	margin: 0;
	height:40px;
	text-align:right;

}

#searchbar input#searchsubmit {
	border: #8F8F6B 1px solid; 
	font-size: 0.9em; 
	background: #E0DFE4; 
	margin: 0px 15px 0px 2px; 
	padding: 2px; 		
}

/* Container Definitions */
#container {
	margin: 0px 10px 10px 20px; 	
}

/* Content Definitions */

#content 
{
	float: left; 
	width: 740px;
	margin: 25px 0px 0px 0px; 
}

#content h3 
{
	font-size: 1.4em; 
	font-weight:normal;
	margin: 5px 0px 0px 15px;
}

#content h4 
{
	font-size: 1.1em; 
	margin: 1em 0 0 ;
}

#content h5 
{
	font-size: 1em;
	color: #f9f9f9;
}

#content .post,
#content .post-long-title  
{
    border:0;
	padding:0px;



	margin:0px 0px 5px 0px;
}

#content h2,
#content h2.first-line,
#content h2.second-line 
{
	width:510px;
	font-size: 1.5em; 
	margin-top: 0;
	padding: 0;	
	font-weight:normal;
	line-height:1.4em;	
	letter-spacing:0px;
}

#content .entry li 
{

	display: block;
	float: left;
	width: 405px;
	}

#content .entry 
{
    margin:0px;
    padding: 0px 15px 10px 15px;
}

#content .entry ul 
{
	margin:5px 0px 0px 28px;
}

#content .entry ol 
{
    list-style: none;
	margin:5px 0px 0px 35px;
}

#content .entry a:link, 
#content .entry a:visited 
{
    border-bottom:#E0DFE4 1px solid;    
}

#content .entry a:hover, 
#content .entry a:active 
{
    border-bottom: none;    
}

#content .post-info
{
    text-align:right;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding: 5px 15px 0px 15px;	
}

#content .postmetadata
{
	clear:both;
	text-align:right;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:2px 15px 3px 15px;
}

#content .comments
{
	margin:-5px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}

/* Sidebar Definitions */
#sidebar 
{
	float: right; 
    	width: 200px;
	font-size:0.9em;
	margin:-10px 10px 0px 0px;
	padding:0px;
}

#sidebar img
{
	margin-right:15px;
	margin-bottom: 0px;
	margin-top:15px;
	border:#b8cfe5 1px solid;
	float: left;
}	

#sidebar ul 
{

}

#sidebar li 
{
	padding:0px;
}

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

#sidebar ul ul li 
{
	margin: 0px;
	padding:0px 0px 3px 10px;
}

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

#sidebar ul ul ul li 
{
	border: 0px;
	padding:0px 0px 3px 5px;
}

#sidebar h2 
{
	font-size: 1.2em; 
	font-variant:small-caps;
	font-weight:bold;
	/*letter-spacing:.1em;*/
	margin:0px;
	padding:6px 0px 9px 0px;
}

#sidebar h3 
{
    font-weight: normal; 
	font-size: 1em; 
	text-align: left;
	font-weight:bold;
	letter-spacing:.1em;
	margin:0px;
	padding:0px 0px 3px 0px;
}

#sidebar li.sideblock p 
{
    margin:0;
	padding: 0px 0px 0px 10px;
}

#sidebar li.sideblock 
{
 	border:0;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar img.rsswidget
{
   border:0;
   margin:0;
   padding:3px 2px 0px 0px;
}

/* These help support the widgets properly */
#sidebar ul table 
{
    width: 160px;
	margin: 0px;
}

#sidebar ul .textwidget 
{
	margin:0px;
	padding:0px 15px 0px 15px;
}

/* This is to support the search widget properly */
#sidebar ul form#searchform {
    margin:0;
	padding:15px 10px 10px 10px;
	text-align:center;
}

/* This is to support the calendar widget properly */
#calendar_wrap {
  margin:0;
  padding:0px 0px 5px 15px;
}

/* Footer Definitions */
#footer 
{
	clear: both; 	
	background: #FFFFFF url(images/ftr_bg.jpg) no-repeat bottom;
	border-top:#EFEFEF 4px double; 
	margin: 0px;
	padding: 5px 15px 0px 15px; 
	width:770px;
	height:51px; 	
	text-align: left;
	v-align: bottom;
}

#footer p 
{
	float: left; 
	width: 50%; 
	font-size: 0.9em;
    margin: 15px 0px 0px 0px;
}

#footer .right 
{
	float: right; 

}


#footer p a:hover, 
#footer p a:active,
#footer p.right a:hover, 
#footer p.right a:active 
{
	border: 0px;
}

li#sidelinks ul
{
	margin:0;
	padding:0;
}

#comments,
#response
{
	margin: 0;
	padding:1em 0 0 0;
}

#commentform {
	margin:0px;	
	padding:10px;
	background:#F6F6F6;
	border-top: #E0DFE4 1px solid;
	border-bottom: #E0DFE4 1px solid;
}

.commentnum {
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}

#content .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #E0DFE4 1px solid;
}

.commentlist li {

	margin: 0;
	padding: 1em 0.5em;	
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	border-bottom: #E0DFE4 1px solid;
}

.commentlist li.alt {
    background:#F6F6F6;    
}

.commentlist li.authorcomment {
    border-top:#8F8F6B 1px solid;
	border-bottom:#8F8F6B 1px solid;
}

.commentlist li .cmtinfo {
	font-size:1em;		
}

.commentlist li cite {
	font-style:normal;

	font-weight:bold;
}

.commentlist li .cmtinfo em {

	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#99999;
}

#content .commentsfeed {
	padding-left:16px;
}

#content .trackback {
	padding-left:20px;
}

input.textbox, 
textarea {
	border:#CCCCCC 1px solid;
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}

textarea {
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}

input.textbox:focus, 
textarea:focus {
	background:#FFFFFF url(images/shadow_top.gif) repeat-x top;
	border:#AAAAAA 1px solid;
}

#submit {
	padding:3px 5px;
}

.post h4 {
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}

dl {
	margin:1em 0;
}

dt {
	font-weight:bold;
}

dd {
	margin:0.5em;
	padding:0;
}

.wp-smiley, #wpstats {
	background: none;
	border: 0;
	padding: 0;
}

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}