/*   
Theme Name: Surf Stronger WordPress Theme
Theme URI: 
Description: Used for the blog on surfstronger.com
Author: Arnold Sandoval arnoldsandoval@me.com
Author URI: http://arnoldsandoval.com.com/
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


body {background: url('images/bgx.jpg') no-repeat bottom center; margin: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; }
a{color: #000;}
a:hover{color: #00adef;}

div#blog-title a {text-indent: -3000em; background: url('images/ss_logo.png') no-repeat; width: 339px; height: 73px; display: block; margin: 14px 0 0 8px;}
h1#blog-description, div#blog-description{display: none;}
div#header { width: 919px; height: 103px; background: url('images/ss_header_bkgd.jpg') 2px -1px no-repeat; margin: 0 auto; border: 1px solid white; }

ul.nav{float: left; margin: -46px 0px 0 361px;}
ul.nav li{display: inline;}
ul.nav li a{color: white; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 14px;}
ul.nav li a:hover{color: #00adef;}
ul.nav li.home{margin-right: 40px;}
ul.nav li.videos{margin-right: 36px;}
ul.nav li.fit-tips{margin-right: 18px;}
ul.nav li.store{margin-right: 27px;}
ul.nav li.blog{margin-right: 28px;}
ul.nav li.about{}

div#branding{padding: 0px;}

h2.entry-title, h1.entry-title {background-color: rgb(51, 153, 255); height: 27px; display: block; padding: 5px 0 0 15px; font: 18px Verdana; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid rgb(51, 153, 255);	font-weight: bold; color: white;}
h2.entry-title a {color: white; padding: 0px; font-size: 18px; font-weight: bold;}
h2.entry-title a:hover {color: black;}
div.entry-content{background: #f0f0f0; padding: 10px; font-size: 12px;}
div.entry-meta{background: #f0f0f0; padding: 10px; font-size: 10px; color: black; border-bottom: 1px dotted #ccc; border-top: 5px solid white; font-style: normal;}
div.entry-utility{background: #f0f0f0; padding: 10px 10px 10px 10px; height: 25px; font-size: 11px;}

div#main {padding: 10px 0 0 0; width: 919px;} 
div#container {width:595px; margin: 0px 0 0 5px;} 
div#content{padding: 0px; width: 595px; margin: 0px;}
div#primary{ background: #f0f0f0; -moz-border-radius: 4px;-webkit-border-radius: 10px; border: 1px solid #f0f0f0;  padding: 0px; font-size: 11px;}
div#secondary{padding: 0px 0 0 0; background: #f0f0f0; -moz-border-radius: 4px;-webkit-border-radius: 10px; border: 1px solid #f0f0f0;}
div#access{display: none;}


				
p.wp-caption-text {color: black; font-size: 10px;}			 

#footer{margin: 0 auto; border: 0px; width: 919px;}
#footer a {color: rgb(0, 102, 255); text-decoration: none;}
#footer a:hover {color: rgb(102, 204, 255);}
div#siteinfo{font-size: 10px; color: black; text-align: center;}
ul.footer-banner {margin: 0px 0 0 114px;}
ul.footer-banner li { display: inline;}

ul.footer-nav {float: left;	}
ul.footer-nav li { display: inline;}
div#footform{}

form#email_form {display: inline; float: left; margin: 0 0 0 210px;}
#ss_email_button {
	color: black;
}

span.comments-link a {background: url('images/comments.png') no-repeat; display: block; width: 18px; height: 36px; color: white; padding: 5px 0 0 10px; margin: -10px 10px 20px 0; font:14px Helvetica;}
span.comments-link a:hover {background: url('images/comments.png') -27px 0 no-repeat; color: black;}

h3.widgettitle{font: 16px Helvetica; border-bottom: 1px dotted #ccc; padding: 10px 0 0 0; margin: 10px 0 10px 0;}

span.comments-link a {float: left;}
span.cat-links {float: right; color: black; font-size: 11px;}
span.cat-links a { color: black; font-size: 11px; font-weight: bold; font-style: normal; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid rgb(102, 204, 255); background: rgb(102, 204, 255); padding: 4px;}
span.cat-links a:hover { -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; background: black; color: white; }

.author a {text-transform: capitalize; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; padding: 3px; background: black; color: white;}
.author a:hover {text-transform: capitalize; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid rgb(102, 204, 255); padding: 3px; background: rgb(102, 204, 255); color: black;}

abbr.published {text-transform: capitalize;}
span.entry-date {font-style: normal;}

div#primary ul{margin: 0 0 0 -5px;}
div#primary li{list-style-type: none;}
div#primary li a{ padding: 3px; color: black; text-decoration: none; font-size: 11px;}
div#primary li a:hover{moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; padding: 3px; background: black; color: white;}

input, textarea {font-family: Helvetica; border: 1px solid #ccc; padding: 5px; width: 250px;}

input:hover, textarea:hover {font-family: Helvetica; border: 1px solid black; padding: 5px;}

a.perma-link {color: white; font-size: 11px; font-weight: bold; font-style: normal; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; background: black; padding: 4px;}
a.comment-link {color: white; font-size: 11px; font-weight: bold; font-style: normal; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; background: black; padding: 4px;}
a.trackback-link {color: white; font-size: 11px; font-weight: bold; font-style: normal; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid black; background: black; padding: 4px; margin: 0 0 0 4px;}

span.edit a {color: black; font-size: 11px; font-weight: bold; font-style: normal; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid red; background: red; padding: 4px;}