html, body { margin: 0; padding: 0; text-align: left }
#comments_iframe, #comments_iframe body { background: #fff }
#comment_form { width: 620px; height: 430px }
#body { width: 990px; margin: 0 auto; margin-bottom: 40px; }
#page { min-height: 1000px}
#top { margin: 0 24px; width: inherit; position: relative; }
#main { margin: 0 0 0 24px; width: 620px; float: left; display: inline; clear: left }
#inline { width: 150px; float: left; display: inline; padding: 0 10px 0 0 }
#pagetype_homepage #inline { width: 225px; float: left; display: inline; }
#pagetype_section #inline, #pagetype_subsection #inline { width: 225px; float: right; display: inline; padding: 0 0 0 10px }
#pagetype_location #inline { float: right; padding: 0 0 0 10px }
#comment_form { width: 620px; height: 485px;}
#side { margin: 10px 24px 0 0; float: right; width: 300px; overflow: hidden }
#bottom { margin: 0 24px; clear: both; width: auto }
#logo { position: relative; clear: left; }
#sectiontitle, .sectiontitle, #subsectiontitle { margin: 10px 0; }
a.RSS_link { background: transparent url(rss_button.gif) no-repeat; padding: 1px 10px 1px 20px }
#features a.RSS_link, div.sprocket a.RSS_link { float: right; display: inline; height: 16px }
a.RSS_link img { display: none }
#tools .rss { margin: 0 5px 0 0; vertical-align: middle; margin-top: -3px }
span.datetimeselect { cursor: pointer }
#logo a { display: block }
span.logo { display: none }
/* navigation */
#topnav div.mainnav ul { margin: 0; padding: 0; border: 0; display: block; list-style: none; white-space: nowrap; width: auto; }
#topnav div.mainnav li { float: left; margin: 0; padding: 0; border: 0; width: auto; display: block; }
#topnav div.mainnav a { display: block;}
#topnav div.subnav ul { margin: 0; border: 0; display: block; list-style: none; white-space: nowrap; width: auto; }
#topnav div.subnav li { float: left; margin: 0; padding:0; border: 0; width: auto; display: block; }
#topnav div.subnav a { display: block; }
#topnav div.subnav li.selected a { display: block; }
#bottomnav div.mainnav ul { margin: 5px; }
#bottomnav div.mainnav ul li { display: inline; }
#bottomnav div.subnav { display: none }
#textnav ul { margin: 0 auto; padding: 0; border: 0; display: block; list-style: none; white-space: nowrap; width: auto; }
#textnav li { float: left; margin: 0; padding: 0; border: 0; width: auto; display: inline; }
#textnav a { display: block; }
/* form elements */
form { text-align: left; margin: 0; }
select, input { padding: 3px; width: 270px; }
input.radio, input.checkbox { width: 14px }
input.text { width: 220px;}
input.submit { width: 140px; }
select.select_small { width: 60px }
button.submit { text-align: center; }
textarea { width: 100% }
textarea#description { height: 40px }
textarea#content { height: 80px }
#addcomment { margin-bottom: 10px; clear: left; }
p.comment label { width: 100%; }
#addcomment textarea { width: 75%; height: 100px; }
#CSE input { width: auto }
form p, #form fieldset { margin: 5px 0; clear: left; }
#searchform select { display: inline; margin-right: 10px}
/* ads */
#topads { display: block; text-align: center; }
#topad1 { margin: 0 9px 10px 0; float: left; display: inline; }
#topad2 { float: left; display: inline; }
#bottomads { text-align: center; }
.tile_ads, .MPU_ad { width: 300px;margin-bottom: 10px; }
.tile { float: left; display: inline; }
/* Homepage */
/* Headline stories */
/* yui homepage rotator */
/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
.yui-carousel{visibility:hidden;overflow:hidden;position:relative;text-align:left;zoom:1;}
.yui-carousel.yui-carousel-visible{visibility:visible;}
.yui-carousel-content{overflow:hidden;position:relative;}
.yui-carousel-element{margin:5px 0;overflow:hidden;padding:0;position:relative;width:32000px;z-index:1;}
.yui-carousel-vertical .yui-carousel-element{margin:0 5px;}
.yui-carousel-element li{border:none;float:left;list-style:none;margin:0;overflow:hidden;padding:0;*float:none;*display:inline-block;*zoom:1;*display:inline;}
.yui-carousel .yui-carousel-item-selected{}
.yui-carousel-vertical{height:32000px;margin:0 5px;width:auto;}
.yui-carousel-vertical .yui-carousel-element li{display:block;float:none;}
.yui-log .carousel{background:#f2e886;}
.yui-carousel-nav{zoom:1;}
.yui-carousel-nav:after{clear:both;content:"";display:block;}
.yui-carousel-button-focus{outline:1px dotted #000;}
.yui-carousel-min-width .yui-carousel-content{margin:0 auto;}
.yui-skin-sam .yui-carousel,.yui-skin-sam .yui-carousel-vertical{border:1px solid #808080;}
.yui-skin-sam .yui-carousel-nav{padding:3px;text-align:right;}
.yui-skin-sam .yui-carousel-button{float:right;height:19px;margin:5px;overflow:hidden;width:40px;}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button{background-position:0 -800px;}
.yui-skin-sam .yui-carousel-button-disabled{background-position:0 -2000px;}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled{background-position:0 -2100px;}
.yui-skin-sam .yui-carousel-button input,.yui-skin-sam .yui-carousel-button button{background-color:transparent;border:0;cursor:pointer;display:block;height:44px;margin:-2px 0 0 -2px;padding:0 0 0 50px;}
.yui-skin-sam span.yui-carousel-first-button{background-position:0 -550px;margin-left:-100px;margin-right:50px;*margin:5px 5px 5px -90px;}
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button{background-position:0 -750px;}
.yui-skin-sam span.yui-carousel-first-button-disabled{background-position:0 -1950px;}
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled{background-position:0 -2050px;}
.yui-skin-sam .yui-carousel-nav ul{float:right;height:19px;margin:0;margin-left:-220px;margin-right:100px;*margin-left:-160px;*margin-right:0;padding:0;}
.yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul{*margin-left:-170px;}
.yui-skin-sam .yui-carousel-nav select{position:relative;*right:50px;top:4px;}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul,.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select{float:none;margin:0;*zoom:1;}
.yui-skin-sam .yui-carousel-nav ul li{cursor:pointer;float:left;height:9px;list-style:none;margin:10px 0 0 5px;overflow:hidden;padding:0;width:9px;}
.yui-skin-sam .yui-carousel-nav ul:after{clear:both;content:"";display:block;}
.yui-skin-sam .yui-carousel-nav ul li a{left:-10000px;position:absolute;}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus{outline:1px dotted #000;}
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected{background-position:0 -700px;}
.yui-skin-sam .yui-carousel-item-loading{position:relative;text-indent:-150px;}
.yui-carousel-element li { height: 300px; width:620px; margin:0; padding:0; }
.yui-carousel .yui-carousel-item-selected { border:0px; margin:0px; }
.yui-carousel-element { margin:0 0; overflow:hidden; padding:0; position:relative; width:32000px; z-index:1; }
.yui-carousel-nav { display: none; }
.yui-skin-sam .yui-carousel,
.yui-skin-sam .yui-carousel-vertical {border:none;}
.yui-carousel .yui-carousel-item-selected { margin:0;}
#teasers { height: 300px;margin: 10px 0 }
#teasers div.teaser { position: absolute; width: 620px; height: 300px; }
#teasers div.image { overflow: hidden; position: absolute; top: 0; left: 0 }
#teasers div.text { overflow: hidden; position: absolute; top: 0; left: 400px }
#teasers ul.buttons { width: 220px; height: 20px; overflow: hidden; position: absolute; bottom: 5px; left: 400px; list-style: none; }
#teasers ul.buttons li { float: left; list-style: none; }
#teasers ul.buttons a { display: block; }
#teasers span.dot { display: none }
/* featured stories */
#features { position: relative; float: left; display: inline; width: 385px; }
div.feature { width: 100%; padding: 10px 0; clear: both }
div.feature div.image, div.entry div.image { float: left; display: inline; padding-right: 10px; position: relative; width: 150px }
div.image .play { position: absolute; top: 5px; left: 5px; z-index:10; }
/* lead story*/
#sectionlead { clear: both; }
#sectionlead div.lead { float: left; display: inline; margin-bottom: 10px; width: auto; }
#sectionlead div.lead div.image { float: right; margin: 0 0 0 10px; overflow: hidden; width: 250px }
/* featurettes */
div.featurette { margin-bottom: 5px;}
div.featurette ul { margin: 5px 15px; }
/* content page elements */
#featureimage { width: 620px; clear: left; margin-bottom: 10px }
#user_box_top { display: none }
#contentnav { width: 100%; clear: left }
#contentnav ul { margin: 0; width: 100%; }
#contentnav li { width: auto; display: block; float: left; margin: 0 0 0 10px; }
#contentnav a { display: block; }
#lead { margin: 5px 0; }
#title { clear: both }
#tools { float: right; display: inline; margin-top: 18px}
#tools span.share { float: left; display: inline; margin-left: 5px; }
#content { width: 100%; }
div.media_slot { background: url(click.gif) no-repeat top left; padding: 15px 0 5px 0; margin-top: 5px; position: relative; }
div.media_slot .play { left:5px; position:absolute; top:20px; z-index:10; height: 25px; width: 25px;}
#related div.related { padding: 5px 0; margin-right: 10px; width: 150px; }
div.related li { margin-bottom: 5px }
div.tags { clear: left; width: auto; }
#comments { margin: 10px 0; clear: left; }
#comments p.nocomments { margin: 6px 0; }
#comments ul { margin: 10px 0; }
#comments li.even, #comments li.odd { margin: 6px 0; clear: both }
#comments a.FB_Link img { float: left; display: inline; margin: 0 5px 5px 0 }
#comments li h3, #comments li p { margin: 6px 0; }
.jw-flv-player, .youtube-video { text-align: center; margin-top: 5px}
/* blog overview */
div.entry { padding: 10px 0; }
/* topic */
#abouttag { margin: 10px 0; float: left; display: inline; width:100% }
#abouttag .key_image { float: left; display: inline; margin-right: 15px }
#pagetype_tags div.entry { margin: 0; clear: left; }
div.entry div.feature { clear: left; float: left; display: inline; }
#pagetype_tags #pager { float: right; display: inline; width: 100%; margin-bottom: 5px; }
div.reorder_buts { margin: 5px 0; }
/* review */
#location { width: 150px; margin: 0 0 10px 0; }
#rating { margin: 5px 0 }
#rating p span.rating { display: none; }
#rating p.rating_0 { background: url(rating_0.gif); width: 75px; height: 11px; }
#rating p.rating_0_5 { background: url(rating_0_5.gif); width: 75px; height: 11px; }
#rating p.rating_1 { background: url(rating_1.gif); width: 75px; height: 11px; }
#rating p.rating_1_5 { background: url(rating_1_5.gif); width: 75px; height: 11px; }
#rating p.rating_2 { background: url(rating_2.gif); width: 75px; height: 11px; }
#rating p.rating_2_5 { background: url(rating_2_5.gif); width: 75px; height: 11px; }
#rating p.rating_3 { background: url(rating_3.gif); width: 75px; height: 11px; }
#rating p.rating_3_5 { background: url(rating_3_5.gif); width: 75px; height: 11px; }
#rating p.rating_4 { background: url(rating_4.gif); width: 75px; height: 11px; }
#rating p.rating_4_5 { background: url(rating_4_5.gif); width: 75px; height: 11px; }
#rating p.rating_5 { background: url(rating_5.gif); width: 75px; height: 11px; }
/* event */
#eventinfos { margin: 0 0 10px 0; float: left; display: inline; }
#eventinfos p { margin-top: 10px; }
div.startdate, div.enddate { width: 250px; margin-right: 25px; display: inline }
#pagetype_event div#pageinfos { display: none }
/* calendar */
#calendar { width: 300px; clear: both; text-align: center }
.yui-calcontainer { background: #efefef; border:0 }
table#cal1 { width: 290px; height:200px; background: #fff }
.yui-calendar td.calcell a { color: #333 }
.yui-calendar td.calcell.selectable { background: #fff }
.yui-calendar td.calcell.selected { border: 0; font-weight: bold; background: #ccc }
.yui-calendar td.calcell.today { border: 1px solid #000; }
.yui-calendar td.calcell.calcellhover { color: #fff; border: 0; background: #333 }
.yui-calcontainer .calnavleft { background: url(cal_arrows.gif) no-repeat scroll 0 0 transparent; bottom:0; cursor:pointer; height:12px; left:2px; overflow:hidden; position:absolute; text-indent:-10000em; top:2px; width:10px; z-index:1; }
.yui-calcontainer .calnavright { background: url(cal_arrows.gif) no-repeat scroll -11px 0 transparent; bottom:0; cursor:pointer; height:12px; right:2px; overflow:hidden; position:absolute; text-indent:-10000em; top:2px; width:10px; z-index:1; }
.calheader { font-weight: 800 }
.calweekdaycell {background:none #EFEFEF;color:#333333;font-size:0.85em;font-weight:normal;text-align:center;text-transform:uppercase;}
#calPopup #calendarContainer, #startdateContainer, #enddateContainer { width: 150px; border: 1px solid #333 }
#calPopup table#cal1, table#startdate_obj, table#enddate_obj { width: 150px; height: 150px }
/*map search pages */
#googlemap { width: 620px; height: 400px; }
#googlesearchmap { width: 620px; height: 320px; clear: left; }
/* location page */
#location { border-top: 2px #ccc solid }
#location .features { margin: 5px 0; clear: left}
#pagetype_location #badges { float: right; display: inline }
#map { margin-bottom: 10px; }
#mapside { width:100px; border: 1px solid #A9A9A9; background: #fff; padding: 5px }
#nearby #QLClosed { background: url(nearby_close.gif) no-repeat right top; cursor: pointer }
#nearby #QLOpened { background: url(nearby_open.gif) no-repeat right top; cursor: pointer }
#nearby_locations_box { display: none; margin-bottom: 5px; }
#badges-list-top { float: right; display: inline }
#pagetype_location .loc_thumb { float: left; display: inline; }
#pagetype_location #location { position: relative; margin-bottom: 10px; width: inherit }
#pagetype_location #inline {float: right; width: 225px; margin-left: 10px }
#pagetype_location #inline .box_item { margin-bottom: 10px; }
#location_list_div #badges-list { position: absolute; top: 15px; left: 400px; }
#badges-list ul { margin: 0;}
div.box { width: 100%; margin-bottom: 10px;}
div.box ul { margin: 5px 0 5px 15px; }
div.box ul li { margin: 5px 15px; }
#pagetype_location .box { margin-bottom: 5px; }
#location_list_right_div { margin: 0; display: block; width: 300px; }
#location_list_right_div div.details { display: none;}
#nearby_events_box { display: none; }
#event_list_right_div { margin: 0; display: block; width: 300px; }
#event_list_right_div div.details { display: none; }
#backlink { clear: both;}
/* listing */
#pagetype_listing #location { position: relative; width: inherit }
#pagetype_listing div#rel_content { margin-top: 15px }
.location_thumb { float: left; display: inline; margin-right: 5px }
/* event search */
#pagetype_eventsearch div.rss { float: right; margin: 2px; }
#side_searchform { clear: left; margin: 10px 0}
#side_searchform select { margin: 4px; width: 270px }
#side_searchform input { width: 200px }
#calendar a.reset { margin-right: 5px; }
#rss_info_window { width: 580px; margin: 10px; }
/* pop-up */
#pagetype_popup #pag2 { margin-bottom: 10px }
#pagetype_popup div.info { margin-top: 10px; }
#pagetype_popup #listtablediv table { width: 530px; margin-bottom: 15px; }
#pagetype_popup #listtablediv td { padding: 3px;}
#pagetype_popup #listtablediv
/* 404 */
#pagetype_notfound div.info { margin: 16px 10px; }
#pagetype_notfound div.debug { margin: 26px 10px 42px 10px;}
/* right side elements */
#recentposts ul, #blogcategories ul { margin: 10px; list-style-position: inside; }
#recentposts ul li { margin: 5px 15px; list-style-type: disc}
#blogcategories ul li { margin-right: 5px; display: inline; }
/* slideshow */
#pagetype_slideshow { width: 956px; margin: 0 auto 15px; }
#pagetype_slideshow #main { width: 590px; margin-left: 24px; text-align: left; float: left; display: inline}
#pagetype_slideshow #viewer { margin-bottom: 5px; }
#pagetype_slideshow #viewer #frame { padding: 5px; }
#pagetype_slideshow .play_button { margin: 10px 0; width: 150px;}
.scroll_buttons { text-align: right; float: right; display: inline; margin: 5px 0; height: 25px;}
.prevlink2, .nextlink2 { float: left; display: inline; width: 25px; }
/* listing */
.listing_thumb { height: 60px; width: 60px; overflow: hidden; margin: 2px; float: left; display: inline; }
.listing_thumb:hover { opacity:0.6; filter:alpha(opacity=60); cursor: pointer }
#listing_photo { margin-bottom: 10px }
/* location & directory search */
#searchform { width: 620px; float: left; display: inline }
.results { clear: left }
#location_list_div { margin: 0; display: block; width: 620px; }
div.location_result, div.location_listing_result { padding: 8px 10px; float: left; display: inline }
div.img { float: left; display: inline; padding: 2px 10px 2px 2px;}
div.address { float: left; display: inline; width: 200px; padding: 2px 20px 2px 2px; vertical-align: top; }
div.details { float: left; display: inline; padding: 2px 6px; vertical-align: top; width: 330px}
div.details span.feats { display: inline-block; padding-right: 5px; font-family: Georgia, serif; font-style: italic }
div.details ul.reviewlist { margin-left: 10px; list-style-position: inside; list-style-type: disc}
#event_list_div { margin: 0; display: block; width: 620px; }
div.event_result { float: left; display: inline; }
div.event_info { float: left; display: inline; width: 200px; vertical-align: top; }
div.details div.event_thumb { float: right; display: inline; }
/* right side filters with checkboxes */
#feature_container, #loctype_container, #category_container { margin-bottom: 10px; }
#features_list_div, #loctypes_list_div, #category_list_div { margin: 6px 0; }
.lt_item_checkbox, .fl_item_checkbox, .cl_item_checkbox, .fl_item_link, .lt_item_link, .cl_item_link { float: left; display: inline; }
.lt_item_head, .fl_item, .cl_item, .fl_item .breaker, .lt_item_head .breaker, .cl_item_head .breaker { clear: both; }
.lt_item_head, .fl_item, .cl_item { height: 15px }
/* page buttons */
#pag1, #pag2, #eventpag1, #eventpag2 { clear: both }
#pagination { margin-bottom: 5px}
#pagination ul { display: inline }
#pagination li { display: inline; margin: 0 2px}
/* map pop-up */
div.loc-marker-info { width: 250px; }
div.loc-marker-info .loc-thumb { float: left; display: inline; }
div.loc-marker-info .loc-info { display: inline; }
div.loc-marker-info ul.reviews-list { list-style-type: disc; }
div.loc-marker-info ul.events-list { list-style-type: disc; }
/* directory search only */
#pagetype_listingsearch #googlesearchmap { height: 350px; }
#pagetype_listingsearch #side { margin-top: 515px; }
#quicklink_menu { width: 600px;}
#listing_categories { width: 300px; float: right; display: inline; }
#listing_categories div#selector { display: block; position: relative; }
#listing_categories ul { display: none; position: absolute; top: 27px; left: 0; width: 100%; z-index: 500}
#listing_categories ul#category li, #listing_categories div#selector:hover ul { display: block;}
/* sprockets */
div.sprocket { margin: 0 0 10px 0; clear: left; width: inherit }
div.sprocket label { display: inline }
/*/////////////////////////////////////////////////////////////
Copy into Design Center
/////////////////////////////////////////////////////////////*/
html { background: #F7F7F7 url(bike_bkgd.gif); color: #333; }
#body { background: transparent; padding-top: 0px; }
#canvas { background: #fff; }
#topads { display: block; text-align: center; background: transparent; margin: 24px; height: 90px}
#logo { position: relative; width: 942px; height: 124px; background: url(logo.gif) no-repeat;clear: left; }
#logo a { width: 450px; height: 124px; display: block; }
/* navigation */
#topnav div.mainnav { background: #666; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; font-family: Arial, sans-serif; }
#topnav div.mainnav ul { margin: 0; padding: 0; border: 0; display: table; list-style: none; white-space: nowrap; width: auto; }
#topnav div.mainnav li { float: left; margin: 0; padding: 0; border: 0; width: auto; display: block; }
#topnav div.mainnav a { display: block; padding: 15px; font-size: 108%; color: #fff; text-decoration: none; font-weight: 500; }
#topnav div.mainnav a:hover { text-decoration: none; background: #111;}
#topnav div.mainnav li.menu_section_start a {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;}
#topnav div.mainnav li.selected a { background: #EBEBEB; color: #000; }
#topnav div.subnav { background: #EBEBEB;-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;font-family: Arial, sans-serif; }
#topnav div.subnav ul { margin: 0; border: 0; display: table; list-style: none; white-space: nowrap; width: auto; }
#topnav div.subnav li { float: left; margin: 0; padding:0; border: 0; width: auto; display: block; }
#topnav div.subnav a { display: block; padding: 15px; font-size: 100%; color: #009BCA; text-decoration: none; font-weight: 500;}
#topnav div.subnav li.menu_section_start a {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
#topnav div.subnav a:hover { color: #333; text-decoration: none; }
#topnav div.subnav li.selected a { display: block; background: none; color: #333; text-decoration: none;}
#bottom { margin: 0 24px; clear: both; padding-top: 15px}
#textnav { background: transparent; }
#bottomnav div.mainnav ul { -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 5px; text-align: center; font-size: .92em; background: #666666; padding: 15px }
#bottomnav div.mainnav ul li { display: inline; margin-right: 10px; }
#bottomnav div.mainnav a { color: #fff }
#bottomnav div.subnav { display:none }
#textnav ul { margin: 0 auto; padding: 0; border: 0; display: table; list-style: none; white-space: nowrap; width: auto; }
#textnav li { float: left; margin: 0; padding: 0; border: 0; width: auto; display: table-cell;border-right: 1px solid #dedede }
#textnav li.last { border-right: 0 }
#textnav a { display: block; padding: 0 10px; font-size: 80%; text-decoration: none; }
#tools { margin-top: 10px }
#contentnav { width: 100%; height: 25px; margin-bottom: 5px}
#contentnav ul { margin: 0; width: 100%; border-bottom: 1px solid #dddddd; height: 25px; margin-top: 10px; }
#contentnav li { background: #f2f2f2; border: 1px solid #dddddd; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;width: auto; height: 24px; display: block; float: left; margin: 0 0 0 10px; }
#contentnav li.selected { background: #ffffff; border-bottom-color: #ffffff; }
#contentnav a { display:block; font-size:0.95em; padding:4px 10px; }
#sectiontitle h1,
.sectiontitle h1 { color: #fff; font-family: helvetica, arial, sans-serif; font-size: 1.6em; font-weight: 800; font-style: italic; background: transparent url(sectitle_bgd.gif) no-repeat; padding: 8px 0 0 40px; height: 40px }
#pagetype_entry .sectiontitle h1 a img { background: transparent; margin: -8px 0 0 -40px; height: auto }
#title a { color: #333 }
#title h5 { margin-top: 15px }
#sectiontitle a,
.sectiontitle a { color: #fff }
h2 { font-family: Arial, sans-serif; font-size: 1.3em; font-style: italic; }
#features h2 { color: #fff; background: transparent url(features_graphic.gif) no-repeat; padding: 5px 0 0 30px; font-weight: 800; font-style: italic; border-bottom: 0; height: 30px}
#pagetype_section #features h2, #pagetype_subsection #features h2 { color: #000; background: transparent; padding: 0;}
h3 { color: #333; font-weight: 600; font-family: Arial, sans-serif; font-size: 1.3em; }
h3 a { color: #333; font-weight: 600; }
.feature h3, { color: #555; font-weight: 600; font-family: Arial, sans-serif; font-size: 1.6em; font-style: normal }
.teaser h3 { color: #333; font-family: arial, sans-serif; font-size: 1.6em; font-style: normal; font-weight: 600 }
h4 { color: #000; font-weight: 400; font-family: arial, sans-serif; font-size: 1.3em; }
h4.feature_name { color: #000; font-weight: 400; font-family: arial, sans-serif; font-size: 1em; display: inline; margin-right: 5px }
h5 { color: #007DB7; text-transform: uppercase; font: normal 77% arial, sans-serif; letter-spacing: .1em }
p.description { margin: 6px 0; color: #7C7C7C}
#bottompageinfos { display: none }
p.infos { background: none; color: #999; font-size: 85%;clear: left; padding-left: 0 }
p { font-family: Helvetica Arial, sans-serif; color: #7C7C7C }
p.credits { color: #666666; font-family: arial, helvetica, sans-serif; font-size: .8em;}
p.caption { color: #333333; font-family: arial, helvetica, sans-serif; font-size: .92em;}
p.description { margin: 6px 0;}
p.info { font-size: .85em; }
.image p.credits { color: #666666; font-family: arial, helvetica, sans-serif; font-size: .8em; width: 150px }
.image p.caption { color: #333333; font-family: arial, helvetica, sans-serif; font-size: .8em; width: 150px }
div.feature p.info { font-size: .85em; }
p.event_date { font-size: 0.9em; }
p.disclaim { font-size: .85em; text-align: center }
p.prev, p.next { width: 290px; margin-bottom: 5px }
p.next { float: right; display: inline; background: transparent url(arrows_next.gif) top right no-repeat; padding-right: 18px; text-align: right }
p.prev { float: left; display: inline; background: transparent url(arrows_prev.gif) top left no-repeat; padding-left: 18px; }
#pageinfos p { font-size: .92em; color: #777777; }
#lead p { width: 100%; color: #000000; font-family: georgia,serif; font-size: 1.2em; line-height: 1.5em;}
#copyright p { font-size: .8em; }
#mp_credits p { font-size: .8em; text-align: center; padding: 10px 0 }
#addcomment p.status { padding: 6px 10px; color: #ffffff; background: #006600; font-weight: 600; }
#pagetype_listing a.view_map_but { position: absolute; top: 1px; right: 0 }
#pagetype_listing p.description { margin: 15px 0 }
/* location */
#googlemap { width: 620px; height: 400px; }
#location { padding-top: 5px; border-top: 2px #ccc solid }
#location .features { margin: 5px 0; clear: left}
#pagetype_location #badges { float: right; display: inline }
#map { margin-bottom: 10px; }
#mapside { width:100px; border: 1px solid #A9A9A9; background: #fff; padding: 5px }
#nearby #QLClosed { background: url(nearby_close.gif) no-repeat right top; cursor: pointer }
#nearby #QLOpened { background: url(nearby_open.gif) no-repeat right top; cursor: pointer }
#nearby_locations_box { padding: 5px; border: 1px solid #cccccc; display: none; margin-bottom: 5px; }
#badges-list-top { float: right; display: inline }
#pagetype_location .loc_thumb { float: left; display: inline; padding: 0 10px 10px 0}
#pagetype_location #location { position: relative; margin-bottom: 10px; padding-top: 5px; border-top: 2px #ccc solid }
#pagetype_location #inline div.inline {float: right; width: 225px; margin-left: 10px }
#pagetype_location #inline .box_item { margin-bottom: 10px; }
#location_list_div #badges-list { position: absolute; top: 15px; left: 400px; }
#location #badges-list { }
#badges-list ul { list-style-type: none; padding: 0px; margin: 0px; left: 0px; }
#badges-list ul li { list-style-type: none; padding-bottom: 4px; }
#badges-list ul li img { padding-right: 5px; }
.box h3 { padding-bottom: 2px; border-bottom: 2px solid #ccc;}
.box .title { font-weight: 800 }
.box .date { font-size: .85em }
.feature h3 a, .teaser h3 a, .feat_review h3 a, { color: #333; font-weight: 600;}
a { color: #007DB7; text-decoration: none; }
a:hover { text-decoration: underline }
label { color: #666; text-transform: uppercase; font: normal .77em arial, sans-serif; letter-spacing: .1em; margin-right: 5px }
#addcomment label { float: left; display: inline; width: 150px; color: #000; letter-spacing: 0; text-transform: none; font-size: .85em; }
#searchform label { font-size: .8em; font-weight: 800; color: #fff;}
#contact_form { padding: 10px; margin-top: 10px; background: #eee }
#contact_form form li { margin: 5px 0 }
#contact_form label,
#pagetype_eventsubmit label, #pagetype_popup label{ float: left;display: inline; width: 140px; }
#eventinfos { width: 440px; margin: 0 0 10px 0; background: #eeeeee; float: left; display: inline; padding: 10px; }
/* review */
#pagetype_event #location,
#pagetype_review #location { width: 150px; margin: 0 0 10px 0; }
#rating div.rating { margin: 5px 0 }
#rating p span.rating { display: none; }
#rating p.rating_0 { background: url(rating_0.gif); width: 75px; height: 11px; }
#rating p.rating_0_5 { background: url(rating_0_5.gif); width: 75px; height: 11px; }
#rating p.rating_1 { background: url(rating_1.gif); width: 75px; height: 11px; }
#rating p.rating_1_5 { background: url(rating_1_5.gif); width: 75px; height: 11px; }
#rating p.rating_2 { background: url(rating_2.gif); width: 75px; height: 11px; }
#rating p.rating_2_5 { background: url(rating_2_5.gif); width: 75px; height: 11px; }
#rating p.rating_3 { background: url(rating_3.gif); width: 75px; height: 11px; }
#rating p.rating_3_5 { background: url(rating_3_5.gif); width: 75px; height: 11px; }
#rating p.rating_4 { background: url(rating_4.gif); width: 75px; height: 11px; }
#rating p.rating_4_5 { background: url(rating_4_5.gif); width: 75px; height: 11px; }
#rating p.rating_5 { background: url(rating_5.gif); width: 75px; height: 11px; }
/* calendar */
table#cal1 td.calcell a { color: #007DB7 }
table#cal1 td.calcell.selected { border: 1px solid #000; background: #d4eef6 }
table#cal1 td.calcell.calcellhover { border-color: #000 }
a.back_button { float: right; display: inline; background: #DDD; color: #007DB7 !important; padding: 5px 25px; border: 1px solid #999; }
#pagetype_locationsearch #searchform { width: 598px; border: 1px solid #ddd; background: #fff; padding: 10px; }
#pagetype_eventsearch #searchform { border: 1px solid #ddd; background: #fff; padding: 10px; }
#side_searchform { clear: left; padding: 10px; border: 1px solid #ddd; background: #fff; margin: 10px 0}
/* homepage */
#teasers { -moz-border-radius:6px; background: #fff; border: 1px solid #DDD; height: 300px;margin: 10px 0; padding: 10px }
#teasers div.teaser { position: absolute; width: 612px; height: 292px; }
#teasers div.teaser div.image { width: 400px; height: 300px; overflow: hidden; position: absolute; top: 0; left: 0 }
#teasers div.teaser div.text { background: #fff; width: 180px; padding: 10px 0; overflow: hidden; position: absolute; top: 0; left: 410px }
#teasers ul.buttons { width: 220px; height: 20px; overflow: hidden; position: absolute; bottom: 5px; left: 400px; list-style: none; }
#teasers ul.buttons li.dot-selected { width: 18px; height: 18px; float: left; list-style: none; background: transparent url(dots.gif) 0 -20px no-repeat; margin: 0 0 0 10px; }
#teasers ul.buttons li.dot-unselected { width: 18px; height: 18px; float: left; list-style: none; background: transparent url(dots.gif) 0 0 no-repeat; margin: 0 0 0 10px; }
#teasers ul.buttons a { width: 18px; height: 18px; display: block; }
div.feature, div.feat_review { border-bottom: 1px dashed #dddddd; width: 100%; padding: 10px 0; margin-bottom: 10px; }
div.featurette { padding: 9px; margin-bottom: 15px; background: #fff; border: 1px solid #DDD}
div.featurette ul { margin: 5px 15px; list-style-position: outside }
div.featurette ul li { color: #007DB7; list-style-type: disc }
.sprocket h3.sidebar-title { text-align: left; color: #FF0000; background: none; font-size: 1.2em; text-transform: uppercase; padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid #CCC; font-style: italic }
.sprocket h3.sidebar-title a { color: #FF0000; text-decoration: none; }
.sprocket_blog, .sprocket_multiblog, .sprocket_manuallist,
.sprocket_exacttarget,
.sprocket_comment, .sprocket_directory_search,
.sprocket_location_search,
.sprocket_twitter { border-width:0 0 5px 0; border-style: solid; border-color: #009DDA; padding: 5px 0 }
/* twitter sprocket */
.sprocket_twitter li { padding: 5px; border-bottom: dotted 1px #ccc }
.sprocket_twitter li a.twitter_link { display: block; font-style: italic; font-family: arial, sans-serif }
/* manual list sprocket */
.sprocket_manuallist { float: left; }
.sprocket_manuallist ul, .sprocket_comment ul { padding: 0px }
.sprocket_manuallist li h4 { padding: 5px 0 0; font-size: 1.1em;}
.sprocket_manuallist li { float: left; padding: 5px 0; border-bottom: dashed 1px #DDD; width: 100% }
.sprocket_manuallist li.highlight img { float: left; display: inline; margin-right: 5px; }
.sprocket_manuallist li.normal img,
.sprocket_manuallist li.normal p.description { display: none }
/* blog sprockets */
.sprocket_blog,
.sprocket_blog li, .sprocket_multiblog li { padding: 5px 0; border-bottom: 1px dashed #DDD }
.sprocket_multiblog a.blog_title { float: left; display: inline; font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase }
.sprocket_multiblog h4 {clear: left; }
.sprocket_blog .date,
.sprocket_multiblog .date { color: #999; font-size: 85%;}
.sprocket_multiblog h4 a { color: #333; font-weight: 600;}
/* video sprocket */
.sprocket_video { float: left; display: inline; position: relative; padding: 5px 0; border-width:0 0 5px 0; border-style: solid; border-color: #009DDA; width: 100%; }
.sprocket_video p.date { display: none }
.sprocket_video .row { float: left; width: 100%; margin-bottom: 5px; border-bottom: 1px dashed #DDD }
.sprocket_video .row:hover { background: #ededed; }
.sprocket_video .thumb { float: left;display: inline; padding-right: 5px;position: relative; }
.sprocket_video .thumb .play { left:5px; position:absolute; top:5px; z-index:10;}
.sprocket_video div.more { clear: left; background: url(more_video.gif) no-repeat 0 7px; padding-left: 20px; padding-top: 5px; border-top: none; }
.sprocket_video h4 { color: #333; font-weight: 600;}
/* location & directory search sprocket */
.sprocket_directory_search,
.sprocket_location_search { float: left; display: inline; position: relative; padding: 6px; width: 286px; border-width: 1px; border-style: solid; border-color: #DDD;}
.sprocket_directory_search .title h3,
.sprocket_location_search .title h3 { background: #3875D7; text-align: center; padding: 5px; color: #fff }
.sprocket_directory_search ul { padding-top: 10px; margin: 0 5px; }
.sprocket_directory_search fieldset { padding: 6px}
.sprocket_directory_search label { float: left; display: inline; width: 100px; }
.sprocket_directory_search span.category_title { width: 140px; }
select.quicklinks2 { margin-left: 100px}
.sprocket_directory_search button.submit { width: 80px; text-align: center; margin-left: 100px }
/* location search only */
.sprocket_location_search ul { padding-top: 10px; margin: 0 5px; }
.sprocket_location_search fieldset { padding: 6px}
.sprocket_location_search label { float: left; display: inline; width: 100px; }
.sprocket_location_search span.category_title { width: 140px; }
select.quicklinks2 { margin-left: 100px}
.sprocket_location_search button.submit { width: 80px; text-align: center; margin-left: 0px; }
/*event sprocket */
#main div.sprocket_eventcal ul.tabbernav li a { font-size: .85em; padding: 4px; text-decoration: none; }
div.sprocket_eventcal div.sprocket_eventcal_inner { background: #fff; padding: 0;border-width:0 0 5px 0; border-style: solid; border-color: #009DDA; overflow: hidden }
div.sprocket_eventcal h3.sidebar-title { text-indent: -999px; height: 45px; background: #009BCA url(events_cal.gif) no-repeat; border-bottom: 0; margin-bottom: 0; padding: 0}
div.sprocket_eventcal div.tabber { }
div.sprocket_eventcal ul.tabbernav { margin: 0 0 10px; padding: 3px 0 4px; background: #666; text-align: center; border: 0}
div.sprocket_eventcal ul.tabbernav li { list-style: none; display: inline; padding: 0; margin: 0 2px }
div.sprocket_eventcal ul.tabbernav li a { background: #333; color: #fff; font-size: .85em; padding: 4px 6px; text-decoration: none; text-transform: uppercase}
div.sprocket_eventcal ul.tabbernav li a:hover { background: #fff; color: #333 }
div.sprocket_eventcal ul.tabbernav li.tabberactive a { background: #fff; color: #333; }
div.sprocket_eventcal ul.tabbernav li a:hover { text-decoration: underline; }
div.sprocket_eventcal div.tabberlive div.tabbertabhide { display: none; }
div.sprocket_eventcal h2.event_header { text-align: left; font-size: .85em; font-style: normal; text-transform: uppercase; font-family: Arial, sans-serif }
div.sprocket_eventcal p.event_category { font-weight: bold; font-size: 85%; color: #000 }
div.sprocket_eventcal li p.event_location,
div.sprocket_eventcal li p.event_date { dont-size: .85em }
div.sprocket_eventcal a.event_title {font-weight: 800; display: block }
div.sprocket_eventcal p.no_events { margin: 16px 0; font-style: italic; }
div.sprocket_eventcal div.event_list li { text-align: left; padding: 4px 0 4px 15px; border-bottom: 1px dashed #DDD }
div.sprocket_eventcal div.foot { border-top: 1px solid #ffffff; }
div.sprocket_eventcal div.foot p { font-size: 85%; padding: 6px 10px; text-align: center; }
div.sprocket_eventcal div.foot a { font-family: Arial; text-transform: none; }
.header_links { padding: 0;margin-top: 20px; float: right; width: 400px; height: 75px; text-align: right; color: #CCC !important;}
.header_links a { color: #007DB7; text-decoration: none; width: auto; height: auto; display: inline !important;}
.header_links a.visited { color: #ccc; text-decoration: none; }
.header_links a:hover { text-decoration: underline; }
.header_links img { margin: 10px 0 0 5px; border: none;}
/* topic */
#abouttag { margin: 10px 0; padding: 10px; border: 1px solid #DDD; float: left; display: inline; width: 600px }
#abouttag .key_image { float: left; display: inline; margin-right: 15px }
#pagetype_tags div.entry { margin: 0; border-bottom: none;clear: left; }
#pagetype_tags #pager { float: right; display: inline; width: 100%; text-align: center; padding: 5px; margin-bottom: 5px; }
#pagetype_tags #pager a { padding: 3px; font-weight: 800;}
#pagetype_tags #pager a:hover { text-decoration: underline; }
.small_link { font-size: 85%; float: right; display: inline; color: #007DB7; padding: 6px; }
.button { background: #fff; color: #333; padding: 5px; }
.reorder_buts { margin: 20px 0 0 0; text-align: center; color: #333; font-size: 1.2em; }
.reorder_buts a { color: #007DB7 }
#pagetype_tags div.entry div.feature div.feat_review { clear: left; float: left; display: inline; margin: 0 0 10px 0; }
#pagetype_tags div.entries h5 { padding: 10px; background-color: #EBEBEB; color: #333; font-weight: 800 }
#pagetype_location h1 { margin: 0; color: #333; text-decoration: none; font-weight: 600; font-family: Helvetica, arial, sans-serif; font-size: 2em;}
.admin_badges li, .badges li { margin: 10px 0;}
.featurette h3 { color: #333; font-weight: 600; font-family: Arial, sans-serif; font-size: 1em; font-style: italic; }
#title h2 { color: #333; font-weight: 600; font-family: arial, sans-serif; font-size: 2em; line-height: 1em; margin: 6px 0; font-style: normal }
/* form elements */
form { margin: 0; padding: 0; background: transparent; padding: 0px; }
#comment_form { width: 620px; height: 485px;}
#addcomment { margin-bottom: 10px ; padding: 10px; clear: left; text-align: left; background: #eee; -moz-border-radius: 6px; border-radius: 6px }
#addcomment input { width: 280px; padding: 5px; margin: 5px 0 10px 0; float:left; clear: left; }
#addcomment input.submit { width: 30%; margin-left: 30%; }
#addcomment p.comment label { width: 100%; }
#addcomment textarea { width: 75%; height: 100px; }
#addcomment label { float: left; display: inline; color: #000; letter-spacing: 0; text-transform: none; font-size: 1em; width: 100%; }
#CSE input { width: auto }
#form legend { color: #1D7DBE; font-weight: 400; font-family: arial, sans-serif font-size: 1.3em;}
form p, #form fieldset { margin: 5px 0; clear: left; }
#form textarea { width: 100%; }
#form textarea.description { height: 140px; }
#form input { width: 280px; }
#form input.radio { width: 25px; }
#form input.submit { width: 140px; }
#searchform input.text { width: 220px;}
p.disclaim { font-size: 85%; text-align: center; clear: left; }
/* slideshow */
#canvas_slides { width: 990px; margin: 0 auto 15px; background: #FFF }
#slidehead { margin: 0 20px; background: url(slidehead.gif) no-repeat; height: 85px; }
#pagetype_slideshow { -moz-border-radius:6px; -webkit-border-radius: 6px; background-color: #333; display:inline; float:left; margin:0 0 0 30px; padding:20px; text-align:left; width:590px; }
#pagetype_slideshow h1 { font-size: 1.8em; font-family: arial, sans-serif; font-weight: 600; padding-bottom: 5px; color: #FFF; }
#pagetype_slideshow h2 { font-size: 1.1em; font-family: arial, sans-serif; font-style: italic; color: #999; padding-bottom: 5px; }
#pagetype_slideshow h3 { font-weight: 600; font-family: arial, sans-serif; padding: 10px 0; color: #FFF; }
#pagetype_slideshow #slideshow_nav { }
#pagetype_slideshow #viewer { border-bottom: solid 1px #333; margin-bottom: 5px; }
#pagetype_slideshow #viewer #frame { padding: 0px; background: #333; text-align: center; }
#pagetype_slideshow #frame img { border: 1px solid #999; }
#pagetype_slideshow .play_button { border: solid 1px #999; margin: 10px 0; padding: 5px; text-align: center; background: #292727; font-family: Arial, sans-serif; font-size: 85%; font-weight: bold; color: #4f4f4f; width: 150px;}
.scroll_buttons { text-align: right; float: right; display: inline; margin: 5px 0; height: 25px; font-family: Arial, sans-serif; font-size: 85%; font-weight: bold; color: #999; }
.prevlink2, .nextlink2 { float: left; display: inline; width: 25px; }
#pagetype_slideshow .back_article { background: url(back_arrow.gif) center left no-repeat; padding-left: 10px; }
#viewer p.caption { color: #999; }
/* blog styles*/
#recentposts, #bloginfo,
#blogcategories, #tagcloud { margin: 10px 0; border: 1px solid #ccc; background: none repeat scroll 0 0 #FAFAFA; }
#bloginfo h3, #recentposts h3,
#blogcategories h3, #tagcloud h3 { font-family: Arial, sans-serif; text-align: left; font-style: italic; margin: 10px 10px 0 10px; color: #000; font-size: 1em; border-bottom: 1px solid #ccc; background-color: #FAFAFA; }
#bloginfo p.info { margin: 10px; font-family: Arial, sans-serif; }
#bloginfo p.feedback { margin: 10px; font-size: 95%; }
#recentposts ul { margin: 10px 0; list-style-position: inside; font-family: Arial, sans-serif; font-size: 95%; }
#recentposts ul li { font-weight: normal; margin-right: 5px; padding: 5px 0; display: block; border-bottom: 1px dashed #DDD;}
#recentposts .title { font-weight: 800; }
#recentposts .date { font-size: 85%; }
#blogcategories ul { margin: 10px; list-style-position: inside; font-family: Arial, sans-serif; }
#blogcategories ul li { font-weight: normal; margin-right: 5px; padding: 5px 0; display: block; border-bottom: 1px dashed #DDD;}
#recentposts li a { color: #007db7}
/* tagcloud */
#tagcloud p.tag-cloud-list { margin: 10px }
.cloudrank-1 { font-size: 2em; }
.cloudrank-2 { font-size: 1.8em; }
.cloudrank-3 { font-size: 1.6em; }
.cloudrank-4 { font-size: 1.4em; }
.cloudrank-5 { font-size: 1.2em; }
.cloudrank-6 { font-size: 1em; }
#main div.tags { -moz-border-radius:6px; -webkit-border-radius: 6px; padding: 10px; background: #efefef; clear: left; width: auto; margin: 20px 0; }
/* Hide Bikestyle Section Header
#section_bikestyle .sectiontitle { background: transparent url(bikestyle_temp_hdr.png) no-repeat; padding: 8px 0 0 40px; height: 91px }
#section_bikestyle #sectiontitle h1,
#section_bikestyle .sectiontitle h1 { display: none; } */
.sectionpaging { margin-top: 20px; }
/* CSS for Community HTML Sprocket */
#community_sprocket div.feature, #cummunity_sprocket div.feat_review { border-bottom: 1px dashed #dddddd; width: 100%; padding: 10px 0; margin-bottom: 10px; }
#community_sprocket div.featurette { padding: 9px; margin-bottom: 15px; background: #fff; border: 1px solid #DDD}
#community_sprocket div.featurette ul { margin: 5px 15px; list-style-position: outside }
#community_sprocket div.featurette ul li { color: #007DB7; list-style-type: disc }
#community_sprocket h3 { color: #333; font-weight: 600; font-family: Arial, sans-serif; font-size: 1em; font-style: italic; padding-bottom: 5px; }
/* Location Search Sprocket */
.sprocket_location_search .search_title { float: left; clear: left; }
.sprocket_location_search select,
.sprocket_location_search input, .sprocket_location_search button { margin: 5px 0 0 0; width: 100%; }
.sprocket_location_search .description { padding: 0 5px; color: #7C7C7C; }
div.loc-marker-info a.close-link { position: absolute; top: 0; right: 3px; text-decoration: none; font-weight: bold; }
div.location_listing_result a.listing_but { display: block; position: absolute; top: 10px; right: 10px; text-align: center; font-weight: bold; color: #FFF; }
div.location_listing_result a.listing_but { background: #0099CC; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 30px; border: none; }
div.location_listing_result { background: #ffeea9; margin: 5px 0; position: relative}
#pagetype_location #inline div.inline {float: right; width: 225px; margin-left: 10px; font-weight: bold; color: #FFF; }
a.listing_but { display: block; position: relative; top: 0; right: 0; padding: 5px; background: #0099CC; text-align: center; font-weight: bold; margin-bottom: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 30px; color: #FFF; border: none; }
#pagetype_popup div.info { border: 1px solid #ccc; background: #fff5aa; margin-top: 10px; padding: 5px; }
/*
#pagetype_locationsearch #searchform { background: #FFF; width: 600px; padding: 10px 10px 10px 0; }
#pagetype_locationsearch .searchform h2 { font-size: 1.5em; }
*/
strong { font-weight: 600 }
#lead p { width: 100%; color: #333; font-family:arial, sans-serif; font-size: 1.2em; line-height: 1.5em;}
div.media_slot { background: url(click.gif) no-repeat top left; padding: 15px 0 5px 0; margin-top: 5px; border-bottom: 1px dashed #CCC;position: relative; }
#comments li .author { color: #333; font-weight: 600 }
/*Snippets CSS*/
.snippets_container { margin-left: 20px; }
.snippets_container p { margin-left: 5px !important; font-size: 1.1em; }
.snippets_container h1 { color: #333; font-family: helvetica, arial, sans-serif; font-size: 1.6em; font-weight: 600; font-style: normal; background: #fff;padding: 20px 0 10px 5px;}
.snippets_container h2 { color: #333; font-family: helvetica, arial, sans-serif; font-size: 1.3em; font-weight: 600; font-style: normal; background: #fff;padding: 20px 0 10px 5px;}
.snippets_container h3 { color: #666; font-family: helvetica, arial, sans-serif; font-size: 1.3em; font-weight: 600; font-style: normal; background: #fff;padding: 20px 0 0 5px;}
.snippets_container h5 { color: #666; font-family: helvetica, arial, sans-serif; font-size: .85em; font-weight: 400; font-style: normal; background: #fff;padding: 10px 0 0 5px;}
#CSE { position: absolute; top: 85px; right: 10px; padding: 5px; text-align: center; }
#cse-search-results iframe { width: 620px !important; }