@charset "UTF-8";

/*
Theme Name: Degree33 Surfboards Blog Theme
Theme URI: http://www.degree33surfboards.com/blog/
Description: This theme based on a modified default WordPress Theme.
Version: 1.0
Author: Smart Solutions, LLC.
Author URI: http://www.smartz.com/
*/

html, body {font-family:Arial, Tahoma, helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0;}
html {}
body#page {
    text-align:center;
    padding:0 20px;
    background-color: #f4f4ea;
}	
#themeContainer {
position: relative;
width:918px;
margin:0 auto;
padding:0;
text-align:left;
}
p {margin:0 0 10px; padding:0;}
img {margin:0; padding:0; border:0;}
div {margin:0; padding:0; border:0;}
hr {
	clear:both;
	height:1px;
	border:0;
	color:#27a9e3;
	background:#27a9e3;
}

div#wrapper {
  background-color: #fff;
  margin: 20px auto 0 auto;
  text-align: left;
  width: 930px;
  padding: 12px 12px 3px 12px;
}

/* Anchor Styles */
a, a:link, a:visited {color:#03b; text-decoration:none;}
a:active, a:hover, a:focus {outline:none; text-decoration:underline;}

/* Heading Styles */
h1, h2, h3, h4, h5 {color:#000; margin-top: 0;}
h1 {font-size:18px; text-transform:uppercase;}
h2 {font-size:16px; text-transform:uppercase;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

h2 a, h2 a:link, h2 a:visited {color:#000; text-decoration: none; font-size: 16px;}
h2 a:hover, h2 a:active {color:#000; text-decoration: underline; font-size: 16px;}
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {margin: 0 0 5px 0; color:#000;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

blockquote {margin: 15px; padding: 0px 15px 0px 15px; border-left: 5px solid #aaa; color: #666; font-size:12px;}
blockquote p {color: #666; font-size:12px;}
blockquote cite { margin: 5px 0 0; display: block;}

ol li {list-style: decimal outside;}

small { font-size: 11px;}
code { font: 11px 'Courier New', Courier, Fixed;}
cite { text-decoration: none;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
/*hr {display: none;}*/

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
/*select {width: 130px;}*/
textarea {width: 90%; height:250px; padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.clear {clear: both;}
.center {text-align: center;}
.hidden {display: none;}
.alignnone {display: inline;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

/* Header Styles */
#header {
    position:relative;
    margin:0;
    height:130px;
    background-color: #000000;
}
#header a#logo {
    position:absolute;
    top:15px;
    left:2px;
    z-index:10;
}
#header div#rideItLoveIt {position:absolute; top:10px; left:400px; z-index:10;}

#topMenu {position:absolute; right:5px; top:20px; z-index:20;}
#topMenu li {color:#D1D1D1;}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited {font-weight:bold; color:#636262; font-family:Verdana,Arial,Sans Serif;}

.ulMenu {margin:0; padding:0; list-style:none;}
.ulMenu li {float:left; display:inline;}
.ulMenu li a, .ulMenu li a:link, .ulMenu li a:visited {/*display:block;*/padding:0 8px; color:#000; font-size:11px;}

/* Site Search Styles */
#search {position:absolute; right:5px; bottom:30px; z-index:10; width:180px; height:24px;}
#search input.txtSearch {position:absolute; top:0px; right:25px; width:148px; height:18px; line-height:16px; vertical-align:middle; font-size:11px; margin:0; padding:0; border:solid 1px #b2b2b2; background:#f8f8f8;}
#search input.btnSearch {position:absolute; top:0; right:0;}

/* Navigation Styles  */
#siteMenu {
    position:absolute;
    left:0;
    bottom:0;
    z-index:10;
    width:918px;
    height:29px;
    text-align:center;
    background:#ffffff;
    text-transform:uppercase;
    border-top: 3px solid #27a9e3;
}
#Menu {
    list-style:none;
    line-height:25px;
    margin: 0 auto;
    padding: 0px 3px 0px 0px
}
#Menu li {float:left; display:inline; position:relative; margin:0; padding:0;}
#Menu li.item a, #Menu li.item a:link, #Menu li.item a:visited {
    color:#000000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0 8px;
    display:block;
}
#Menu li.item a:active, #Menu li.item a:hover, #Menu li.item a:focus {}

#Menu li.separator {color:#ababab;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; top:25px; z-index:1000; line-height:25px; margin:0; padding:10px 0 25px; width:250px; text-align:left; list-style:none; background:#bd221d;}
#Menu li ul, #Menu li ul li, #Menu li ul li a {background-image:none ! important;}
#Menu li ul li {position:relative; height:25px; line-height:25px; margin:0; padding:0; width:100%; display:block; border-bottom:solid 1px #a10000; background:transparent;}
#Menu li ul li.alt {background:#fff;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#3f5572; font-weight:normal; font-size:10px; float:none; display:block; height:25px ! important; border:0px; padding:0 20px ! important;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {text-decoration:none; background:#df6666;}

#Menu li ul li ul {position:absolute; top:0; left:250px;}
#subNavigation {display:none; position:relative; z-index:1000;}
span.menu-sub-indicator {float:right; display:block; line-height:25px; width:4px; height:100%;}

/* Content Area Styles */
#contentArea {
    margin:0px 0px;
    border: 1px solid #000;
    padding: 0px;
}
#column1 {float:left; display:inline; width:70px;}
#column2 {
	float:left;
	display:inline;
	width:500px;
	margin:0 0 0 100px;
	padding:10px
}
#column3 {float:left; display:inline; width:200px; margin:0 0 0 10px;}

body.products #column2 {width:655px;}

/* Left Column Styles */
.categoryList {margin:0; padding:0; list-style:none;}
.categoryList li {text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
.categoryList li a, .categoryList li a:link, .categoryList li a:visited {color:#B9B8BA; font-weight:normal; font-size:11px; padding:0 10px;}
.categoryList li ul {margin:0 10px 30px; padding:0; list-style:none;}
.categoryList li ul li {text-transform:capitalize; line-height:18px; margin:0; padding:5px 0; border-bottom:solid 1px #E3E3E3; background:url('images/category-arrow.gif') no-repeat 2px 10px;}
.categoryList li ul li a, .categoryList li ul li a:link, .categoryList li ul li a:visited {color:#595959; font-weight:bold; font-size:11px; margin:0; padding:0 15px; display:block;}

.categoryList > li > a {padding:0 ! important;}

.categoryList li ul li ul {display:none;}

.themedBox {width:182px; min-height:200px; position:relative; background:url('images/right-col-box-bg.gif') repeat-y;}
.themedBox .inner {padding:15px;}

/* Sidebar / submenu styles */
#sidebar {margin:0 0 0 10px; padding:0; width: auto;}
#sidebar h2 {text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
#sidebar h3 {text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
#sidebar p {margin:0 0 5px; padding:0; font-size:11px;}
#sidebar a {font-size:11px;}
#sidebar ul {list-style: none; margin:0; padding:0;}
#sidebar ul li {text-transform:none; margin:10px 0; padding:0; list-style:none; color:#595959; font-weight:normal; font-size:11px;}
#sidebar ul li h2 {/*margin:0; padding:0px; font-size:16px;*/text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
#sidebar ul li h3 {/*margin:0; padding:0px; font-size:16px;*/text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {color:#B9B8BA; font-weight:normal; font-size:11px; padding:0 10px;}
#sidebar ul li a:hover, #sidebar ul li a:active {}

#sidebar h2 a, #sidebar h3 a {text-transform:uppercase; color:#B9B8BA; font-weight:normal; font-size:11px; padding:0 10px;}

/* subcat */
#sidebar ul li ul {list-style: none; margin:0 10px 30px; padding: 0;}
#sidebar ul li ul li {text-transform: none; line-height:18px; margin:0; padding:5px 0; border-bottom:solid 1px #E3E3E3; background:url('images/category-arrow.gif') no-repeat 2px 10px;}
#sidebar ul li ul li a, #sidebar ul li ul li a:link, #sidebar ul li ul li a:visited
{text-transform:capitalize; color:#595959; font-weight:bold; font-size:11px; margin:0; padding:0 15px; display:block;}
#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active
{}

/* Sidebar widget "hack" */
#sidebar div ul {list-style: none; margin:0 10px 30px;; padding: 0;}
#sidebar div ul li {text-transform: none; line-height:18px; margin:0; padding:5px 0; border-bottom:solid 1px #E3E3E3; background:url('images/category-arrow.gif') no-repeat 2px 10px;}
#sidebar div ul li a, #sidebar div ul li a:link, #sidebar div ul li a:visited
{text-transform:capitalize; color:#595959; font-weight:bold; font-size:11px; margin:0; padding:0 15px; display:block;}
#sidebar div ul li a:hover, #sidebar div ul li a:active
{}

/* Sidebar -> Widget styles */
.widget_archive { /*color: #fff;*/}
/*.widget_archive h3 {margin: 0; font-size: 18px; color: #6f6d6d;}*/

/* Footer styles */
#footer {text-align:center; font-size:11px; margin:5px 0 10px;}
#footerMenu {
  margin:15px 0 0;
  line-height:25px;
  height:29px;
  text-align:center;
  background:#000000;
  border-top: 2px solid #27a9e3;
  border-bottom: 2px solid #27a9e3;
}
#footerMenu li {float:none; display:inline; color:#ababab;}
#footerMenu li a, #footerMenu li a:link, #footerMenu li a:visited {color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 20px;}

#footerText {text-align:right; color:#A29F9F; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:5px 20px; padding:0;}
#footerText a, #footerText a:link, #footerText a:visited {color:#818181;}

/* Blog entry styles */
.date {font-size: 11px; color: #666; display: block; margin: 2px 0 8px 0;}
.postmeta {clear: both; margin: 15px 0 25px 0; padding: 3px; font-size: 11px; color: #444; border: 1px #999 dashed;}
.postmeta a {font-size: 11px;}

.alt {margin: 0; padding: 11px; border: 1px #666 dashed;}

.navigation {display: block; text-align: center; margin: 0 0 20px 0; overflow: auto;}

.comments {}

/* WordPress-specific structure and styles */

.wp-smiley {float: none; margin: 0;}
.wp-caption {text-align: center; background-color: #eff0f0; margin-top: 5px; margin-bottom: 15px; padding: 4px 0 0 0; display: block;}
.wp-caption a {line-height: 0.11em;}
.wp-caption a:hover {background: none;}
.wp-caption img {margin: 0 auto; display: block; padding: 0;}
.wp-caption p.wp-caption-text, .wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

h2.pagetitle {margin-bottom: 5px;}

.narrowcolumn {float: left; padding: 0; margin: 0;}
.widecolumn {padding: 10px 0 20px 0; margin: 0;}

.post {position: relative; margin: 0 0 35px 0; text-align: left;}
.post h2 {margin: 0 0 5px 0; /*font-size: 14px;*/ background-image: none;}
.post h2 a {/*font-size: 14px;*/}
.post hr { display: block; }

.widecolumn .post { margin: 0;}

.entry {}
.entry p a:visited {}

/* Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; /*padding-left: 10px;*/ list-style: none; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ol {margin: 0; padding: 0 0 0 35px;}
.entry ol li {margin: 0; padding: 0;}
/* This is mainly for password protected posts, makes them look better. */
.entry form {text-align:center;}

.divExcerpt, .divExcerpt p {}

.narrowcolumn .entry, .widecolumn .entry {}
.narrowcolumn .entry p, .widecolumn .entry p {}

.postmetadata {clear: both; font-size: 12px; line-height: 14px;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

.narrowcolumn .postmetadata { text-align: center; /* padding-top: 5px; */}
.widecolumn .postmetadata { margin: 30px 0;}

.widecolumn .attachment { text-align: center; margin: 5px 0px;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}


/* Comment styles */
h3.comments {padding: 0; margin: 40px auto 20px;}

#commentform p { margin: 5px 0;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 99%; padding: 2px;}
#commentform input, #commentform textarea {font-size: 0.9em;}
#commentform #submit {margin: 0; float: right;}

.commentlist {}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; /*list-style: none;*/ font-weight: bold; font-size: 13px; border-bottom: 1px #666 dashed;}
.commentlist li .avatar {float: right; margin: 0 0 5px 5px; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist li p {font-size: 13px; font-weight: normal; /* line-height: 1.1em; */ text-transform: none;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}

.nocomments {text-align: center; margin: 0; padding: 0; display: none;}

.commentmetadata {margin: 0; display: block; font-weight: normal;}
.commentmetadata a {color: #444;}

ul.recentcomments {}


/* Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar caption {font: bold 1.3em Georgia, Georgia, serif; text-align: center; text-decoration: none; width: 100%;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff;}

#wp-calendar a {display: block; /*text-decoration: none;*/}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}


/* Custom WordPress Classes and IDs and Widgets */
li.widget_archive {padding:27px 0 0 0; background:url('images/blog-archive-head.gif') no-repeat;}
li.widget_archive h2.widgettitle {display:none;}
li.widget_recent_comments {padding:45px 0 0 0; margin:0; border-top:solid 1px #F9EDCF; background:url('images/blog-recent-comments-head.gif') no-repeat;}
li.widget_recent_comments h2.widgettitle {display:none;}
#sidebar ul li.widget_pages h2 {font-size:14px; margin:0 2px; padding:0;}
li.widget_pages ul {/*position:absolute; top:220px; left:-197px;*/}
li.widget_pages ul li {margin:0; padding:0;}
li.widget_pages ul li a, li.widget_pages ul li a:link, li.widget_pages ul li a:visited {/*margin:0 ! important; padding:0 ! important; color:#751 ! important; font-size:16px ! important; text-decoration:none;*/}
li.widget_pages ul li.current_page_item a, li.widget_pages ul li.current_page_item a:link, li.widget_pages ul li.current_page_item a:visited {/*color:#c60 ! important; text-decoration:underline;*/}
#sidebar ul li.widget_search {}
#sidebar ul li.widget_search form#searchform {position:absolute; top:180px; left:-192px;}
#sidebar ul li.widget_search form#searchform input#s {margin:0; padding:0; width:110px; height:20px; border-style: inset; border-width:2px; border-left-color:#848484; border-top-color:#848484; border-bottom-color:#fafafa; border-right-color:#fafafa;}
li#tag_cloud {margin: 5px 0 0 15px;}
li#tag_cloud h2 {margin-left: -15px;}
/* calendar */
.widget_calendar caption {
	background: none;
	margin-bottom: 6px;
}
.widget_calendar th, .widget_calendar td {
	padding: 1px 0 1px 12px;
	margin: 0;
}
.widget_calendar thead th {
	background-color: #666666;
	color: white;
	font-weight: normal;
}
.widget_calendar tbody td a {
	background-color: #EEAD24; 
	padding: 2px 1px;
	color: white;
}
	.widget_calendar tbody td a:hover {
		background-color: #666666;
	}
.widget_tag_cloud {
	line-height: 2.5em;
}

.widget_pages ul ul {
	margin-top: 4px;
}

.widget_search {

}
	.widget_search #srch-frm {
		background: none;
	}
	.widget_search .textfield {
		width: 134px;
		margin-right: 6px;
	}