@charset "utf-8";
.strong {
font-weight:bold;
}
html {background: #cfcab7 url(http://www.postmodernsurfer.com/images/uploads/body_bg.jpg) 0 -96px repeat-x;}
body {
background: url(http://www.postmodernsurfer.com/images/uploads/site_bg.jpg) 50% -20px no-repeat;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
}
#out_wrapper {
background-image: url(images/site_bg.jpg) no-repeat;
}
#wrapper {
background: #eee;
width:975px;
margin:auto;
border-right: 10px solid #333333;
border-bottom: 10px solid #333333;
border-left: 10px solid #333333;
border-top: 3px solid #333333;
margin-top: 5px;
}
p.logo {
width:1000px;
margin:auto;
padding: 1em 0;
}
/*UPPER HEADER===============================*/
#upper_header {
background:#333;
padding: .5em;
font-size: 80%;
text-transform: uppercase;
margin-bottom: 1em;
border-bottom:1px solid #212121;
}
#upper_header p {
float: left;
margin: 0;
color:#0094dd;
color: #fff;
}
#upper_header ul {
padding: 0;
margin: 0;
text-align: right;
font-size: 85%;
}
#upper_header ul li {
display: inline;  
padding: 0 .5em 0 .5em;
font-size:90%;
}
#upper_header a {
text-decoration:none;
color: #4b9cc4;
}
#upper_header a:hover {
color: #fff;
}
.date {
float:left;
font-size: 90%;
}
/* END OF UPPER HEADER==================================*/

#content {
color: #333;
padding: 10px;}
#content_lc {float:left; width:612px;}
#section_content {float:left; width:612px; padding: 0 6px; background: #fff; line-height:1.5em;}
h2.story_title {margin: 0 0 .2em;}
h3{background: #2a2a2a; padding: .2em 0 .2em .5em; font-size: 90%;text-transform: uppercase;margin: 0 0 .5em 0;color: #fff;}
h2{font-size: 120%;font-weight: normal;}
#multimedia, #gear, #latest_news, #multimedia, .aggregator, .events, .home_rc_widget{background: #fff;}
#latest_news, #multimedia, .aggregator, .events, .home_rc_widget, #gear{border: 1px solid #ddd;width: 280px;
padding: 10px;
margin-bottom: .5em;
float:left;
margin-right: 8px;
font-size: 90%;
}
.home_rc_widget {
width:300px;
background: #fff;
}
img.home_rc_widget {
text-align:center;
}
.events {
margin-right: 0;
}
#multimedia, #gear {
width: 420px;
float:left;
margin-right: 0px;
}
p.align_left img{
float: left;
margin-right: 10px;
}
p.photo_of_the_day_home_caption {
padding: .5em 0;
border-bottom: 1px dotted #ddd;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p.video_of_the_day_home {
text-align:center;
margin: 1em 0;
}
h2.video_of_the_day_title {
padding-top: .3em;
}
.latest_news_entry {
border-bottom: 1px dotted #ddd;
padding: .8em 0;
}
#content_rc {float:right; width: 320px; padding: 0  0 0 10px; text-align:center;}
#content_rc h3 {
text-align:left;
}
#content_rc img {
padding-bottom: 8px;
} 
.aggregator {
border: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: .5em;
width:590px;
}
p.source {color:#a91b33; margin: .9em 0 .5em 0; font-size: 80%; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif;}
.aggregator h2 a {font-size: 100%; font-weight:normal; text-decoration:none;}
.aggregator h2 a:hover {text-decoration:underline;}
.aggregator_lc {float:left; width:48%; padding-right: 2%;}
.aggregator_rc {float:right; width:48%; padding-right: 2%;}
.photo_credit {
margin: .1em 0;
font-size: 70%;
text-align:right;
padding-right: 10px;
color: #ccc;
}
#content_lc_advertising {
float:left;
text-align:center;
margin-right: 10px;
}
#content_lc_advertising img {
padding-bottom: 8px;
}			
p.ad_position_6 {
text-align:center; 
padding-bottom:.5em;
}
/*FRONT PAGE NEWS */
div#latest_news p.img{
display:block;
float:left;
border: 1px solid #ccc;
margin: 2px 5px 5px 0;
padding:2px;
}
div.latest_entry {
padding-top: .5em;
border-bottom: 1px dotted #ddd;	
margin-bottom: .5em;
}
div.slug p{ margin:.5em 0;}
.article_date {
font-size: 75%;
text-transform:uppercase;
color: #666;
margin: .4em 0;
}
.years_surfing, .born, .hometown {
margin: .4em 0;
}
/* END OF FRONT PAGE NEWS */
.gear_thumbnail {
float:left;
margin: 0 10px 10px 0;
}
.details {
font-size: 80%;
text-transform:uppercase;
}
.price {
padding-top: 1em;
}
.manufacturer {
padding-bottom: 1em;
}
#footer {
margin: 1em auto 0;
background:#333;
text-align:center;
font-size:90%;
color:#fff;
padding: 1em 0;
border-top:1px solid #555;
}
#footer a {
color: #4b9cc4;
}
ul#footer_menu {
list-style:none;
margin: 0;
padding: 0 0 .5em 0;
}
ul#footer_menu li {
display:inline;
padding: 0 .5em;
}
/*SECTION PAGES*/
.section_latest_news_entry {
border-bottom: 1px dotted #ddd;
padding: 1em;
}
.section_full_story {
text-transform:uppercase;
font-size:70%;
}
#section_content h2, h1 {
font-size: 140%;
margin:.3em 0;
}
#section_content p {
margin: .5em 0;
}
#section_content p.section_thumbnails {
border:1px solid #ccc;
padding:2px;
float: left;
margin:0 1em;
}
/*ARTICLE PAGES*/
#article_wrapper {
color: #333;
padding: 10px;
background:#fff;
}
ul#article_tools, ul#article_tools_profiles {
padding:0;
margin:0;
font-size:75%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
list-style:none;
border-bottom:1px dotted #ddd;
padding-bottom: 1em;
}
ul#article_tools li, ul#article_tools_profiles li {
display:inline;
padding: 0 1em 0 0;
}
ul#article_tools_profiles {
font-size:75%;
padding:  .2em 0 0 1.6em;
border-bottom:none;
}
ul#article_tools li#article_tools_email {
background: url(images/csg-4a57a30266a21.gif) 0 -29px no-repeat;
padding-left: 16px;
}
ul#article_tools li#article_tools_comment {
background: url(images/csg-4a57a30266a21.gif) 0 -9px no-repeat;
padding-left: 18px;
}
ul#article_tools li#article_tools_print {
background: url(images/csg-4a57a30266a21.gif) 0 -342px no-repeat;
padding-left: 16px;
}
ul#article_tools li#article_tools_share {
background: url(images/csg-4a57a30266a21.gif) 0 -435px no-repeat;
padding-left: 15px;
}
p.breadcrumb {
font-size: 80%;
border-bottom:1px dotted #ddd;
}
h1#article_title {
font-size: 200%;
margin: .3em 0;
line-height:1.1em;
}
.author {
color: #000;
font-size:80%;
text-transform:uppercase;
font-weight:700;
margin: .3em 0;
}
p.divider_line {
height: 2px;
border-bottom: 2px solid #ddd;
}
p.comment_heading {
font-weight:bold;
}
p.post_a_comment.moderation {
font-size: 90%;
}
.moderation {
font-style:italic;
}
.even, .odd {
border-bottom: 1px solid #ddd;
}
.odd {
background: #ddd;
}
.comment_name_time {
font-size: 90%;
}
.article_author {
font-weight:bold;
}
/*END OF ARTICLE PAGE*/

/*CURRATED NEWS*/
div#section_content.curated_news p.source {
font-size: 75%;
}
div#section_content.curated_news h2 {
font-size: 115%;
border-bottom: 1px dotted #ddd;
padding-bottom:.3em;
}
div#section_content.curated_news h1 {border-bottom: 1px dotted #ddd;}
/*END OF CURRATED NEWS*/
/*RSS FEEDS*/
#rss_header {
background: url(../images/csg-4a57a30266a21.gif) 0 -363px no-repeat;
padding: .5em 0 .1em 70px;
}
#feeds_menu {
list-style:none;
padding: .5em 1em;
}
#feeds_menu li{
font-size: 130%;
padding: .2em 0;
} 
/*SURFER PROFILES */
.surfer_profile_entry {
border-bottom:1px dotted #ddd;
width: 23%;
padding: 0 1%;
float:left;
margin-bottom:1%;
}
div.surfer_profile_entry p {
text-align:left;
}
div.surfer_profile_entry p.profile_photo {
padding: 2px;
border: 1px solid #ddd;
width: 120px;
}
h1.profile_title {
margin-left: 10px;
}
p.profile_photo_article {
float:right;
}
div#profile_entry p.profile_entry_intro {
text-align:left;
}

div#section_content.photo_archive p {
margin: 1em 0;
font-size: 90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table {
font-size:90%;
border-top:1px solid #ddd;
border-right: 1px solid #ddd;
}
table td {
vertical-align:top;
padding:.3em .5em;
border:1px solid #ddd;
border-top:none;
border-right: none;
margin:0;
}
td.profile_question {
font-weight:bold;
font-size: 90%;
width: 15%;
}
div#profile_entry {	
float:left;
}
div#profile_entry p {
font-size: 90%;
margin: .2em 1.3em;
text-align:center;
}
.more_profiles {
float: left;
padding: 2px;
width:124px;
text-align:center;
margin-right: 10px;
border:1px solid #ddd;
}
a {
color:#077ab6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
div.product_entry {
border-bottom: 1px dotted #ddd;
}
/*=========================================================================/*
/*CAROUSEL AND MAIN MENU*/ 
#news_carousel h1 {
margin: 0;
font-size:170%;
}
#news_carousel {
width: 610px;
height:520px;
margin: .5em auto 0; 
overflow: hidden;  /* this will make only show 1 li */
position:relative;
}
#news_carousel a{
color: #4b9cc4;
}
#news_carousel ul.news {
list-style-type: none;
margin: 0;
padding: 0;
}
#news_carousel ul li {
float: left; /* align one next to the other */
margin-bottom: 3em;
} 
#news_carousel ul.news li div.carousel_title_blurb { 
bottom: 0;
background:#3f3f3f;
color:#3399CC;
width: 590px;
padding: 10px;
}
#news_carousel ul.news li div.carousel_title_blurb p {
color: #fff;
margin: .4em 0;
}
#news_carousel ul.news li div.carousel_title_blurb h1 {
font-weight:normal;
color:#4b9cc4;
}
/* CAROUSEL NAVIGATION CONTROL*/
#news_carousel ul.controls {
position: absolute; 
top: 10px; right: 15px;
list-style-type: none; 
}
#news_carousel ul.controls li a { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 5px;
padding: 2px 7px;
background: #000;
text-decoration: none;
border: 1px solid #666; 
color: #fff; 
float:left;
}
#news_carousel ul.controls li a.active {
border: 1px solid #ccc;  
}
/* END OF CAROUSEL NAVIGATION CONTROL*/
/* END OF CAROUSEL*/

/*MAIN MENU*/

#main_menu {
font-size: 180%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
background: #333;
}
#main_menu ul {
/*make this the entire lenght of the menu and part of the sprite */
background:url(../images/csg-4a57a30266a21.gif) 0 -260px no-repeat ;
list-style: none;
padding: 0;
margin: 0;
width: 960px;
}
#main_menu ul li {
display:inline;
border-right: 1px solid #444;
padding: 0 .2em 0 .1em;
}
#main_menu ul li a{
color:#fff;
} 

/* END OF THE MENU */
a{color:#645a4b;}