/*  
Theme Name: Latitude 17S
Theme URI: http://www.latitude17south.com
Description: My modification of tutorial from wpdesigner.com.
Version: 1.0
Screenshot:http://www.latitude17south.com/blog/wp-content/themes/Latitude 17S Theme/images/screenshot.jpg
Author: Rick
Author URI: http://www.latitude17south.com/

*/

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address {
	/*if there is extra spacing under a form element in IE, add "form" to the above list*/
    margin: 0;
    padding: 0;
}

html, body{
    height:100%; /*to lock footer to viewport bottom. Not used with Wordpress?*/
}

body {
	margin:0;
	padding:0;
	background:#8f7456; 
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center; /*setting right and left margins to auto centers a div. But that doesn't work for all Internet Explorers so body{ text-align: center; } is a fix for older IEs to center the wrapper or container div.*/
	vertical-align: top;	
	color: #000000; 
        /*overflow:scroll;*/  /*This should force a vertical scroll bar on every page no matter how short the page content. Prevents 'jumping' of centered content when navigating between pages with long content and pages with short content. But creates a double vertical scrollbar in IE ! So try the next line instead... */ 
        /*overflow:auto;*/    
}

* html {
	overflow:scroll;
}

#container{                                         
	width: 995px;
        margin: 0 auto;
        position:relative;
        background:url(images/bg.jpg);
        background-repeat:repeat-y; 
        min-height:100%;        
        margin-bottom:1px; /*along with min-height: 100%, this fixes the appearing/disappearing vertical scrollbar in FF browser*/ 
}

* html #container{
        height:100%; /* hack for IE6 and below, which wont support min-height*/
}
 

#header{
	float: left;
	width: 975px;
        margin:0 10px;
        height:294px;
	background:url(images/beachCoconutHeader975b.jpg);
        background-repeat:no-repeat;
}

* html #header{
        margin:0 5px;
}

#header h1{
	text-align:center;
	margin:0 auto;
}

#header img{
	margin-left:10px;
	padding:0;
}

#innerWrapper {                                                          
	margin:0 auto;
	width:685px;
	position:relative;
	float: left;	
        padding:0 15px 15px; 
}

* html #innerWrapper{
        width:685px;
}

/*                   navigation area                       */

#nav {
	padding: 0;
        margin:0;
	/*margin:0 0 0 192px;*/
	font-size:20px;
	height: 36px;
}

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

#nav li {
	display: inline;
}

#nav a {
	display: block;
	padding: 3px 15px;
	float: left;
}

#nav a:link, #nav a:visited {
	color: #663333;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
}

#nav a.active{
	color: #000000;
	font-weight:bold;
}

/*                   end navigation area                       */


h1{
	font-size: 24px;
	padding: 15px 0;
        text-align:center;
        color:#36a2c6;
}

.post{
	padding: 10px 0;
        text-align:justify;
}

.post h2, .entry h2{
	font-size: 18px;
        padding:12px 0 0 10px;
}

.post h2 a, .entry h2 a {
        color:#000;
}

.entry{
	line-height: 16px;
        text-align:justify;
        border-bottom: 1px solid #663333;
}

.entry ul{
        list-style:none;
}

.entry ol{
        padding:5px 35px;
}

.entry ul li{
        padding-left:10px;
}

.entry ol li{
        padding:10px 0 0 10px;
}

.entry img{
        padding:4px;
        border:1px solid #000;
}

img.alignleft{     
        margin:0 12px 8px 0;
        width:auto;
        float:left;
}

img.alignright{
        margin:0 0 8px 12px;
        width:auto;
        float:right;
}

p.postmetadata{
	margin:0 0 10px;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.sidebar{
	float: left;
	width: 270px; 
	/*background: #fff url(images/bg_ul_li.gif) no-repeat left top;*/
	margin: 22px 0 0 0;
	/* display: inline; */
        text-align:left;
        line-height:14px;
}

* html .sidebar{
        width:230px;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

.sidebar ul li{
	padding: 10px 0;
}

.sidebar ul li h2{
	font-size: 14px;
        color:#663333;
        text-align:center;
}

.sidebar ul ul li{
	padding: 0;
	line-height:24px;
}

.sidebar ul ul li.text{
        line-height:18px;
}

.sidebar ul li#calendar table#wp-calendar{
	width:100%;
	border:1px solid #00CCCC;
}

table#wp-calendar thead, table#wp-calendar tfoot tr{
	background-color:#00CCCC;
	text-align:center;
}

table#wp-calendar thead tr th{
	padding:1px 0;
}

table#wp-calendar tbody tr td{
	text-align:center;
}

#footer{
        clear: both;
	width: 995px;
        background:url(images/bg_bottom.jpg);
        background-repeat:no-repeat;
}

#footer p{
	padding:10px 0;
	text-align:center;	
}

a:link, a:visited{
	text-decoration: underline;
	color: #336699;
        outline:none;
}

a:hover{
	text-decoration: none;
}

p, .entry p{
	padding: 10px 10px 0;
}

/**********comments section follows ****************/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #663333;
	padding: 10px 0 0 10px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 2px solid #663333;
}

.comments-template ol li.alt{ /*to style alternate comment list items */
	background-color:#8f7456;
}

.comments-template ol li.alt, .comments-template ol li.transparent_class { /*from http://css-tricks.com/css-transparency-settings-for-all-broswers/*/
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.7;
}	

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;       
}

.commentmetadata a{
         color:#000;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.sidebar ul ul li.twitter-item{
        color:#000;
        background-image: url(images/spiralShell20w.gif);
	background-repeat: no-repeat;
	background-position: -2px 2px;
        width:212px;
        padding-left:18px;
        line-height:20px;
}

* html .sidebar ul ul li.twitter-item{
        width:212px;
}

p.twitter-message{
        font-size:11px;
}

a.twitter-link {
        color:blue;
        text-decoration:underline;
        outline:none;
        width:172px;
}

    /*
    .twitter-timestamp: the timestamp span class
    a.twitter-user: the @username reply link class */

.social {
        margin-left:10px;
}

.social a img{
        border:none;
}