* { padding:0; margin:0; }
html { }
body { background:url( ../images/header-wide-flip.png ) no-repeat 50% 30px ; font-size:16px;
font-family:"Trebuchet MS", Helvetica, sans-serif; }
/*----- Typography -----*/
h1 { color:#000; font-size:24px; font-weight:bold; }
h2 { color:#514330; font-size:20px; font-weight:bold; }
h3 { color:#999; font-size:12px; font-weight:normal; }
h4 { color:#514330; font-size:16px; font-weight:bold; }
/*----- Common Elements -----*/
a { text-decoration:none; }
a:hover { }
.clear { clear:both !important; height:0px;}
.clear_left { clear: left !important; height: 0px; }
.clear_right { clear: right !important; height: 0px; }
p { padding:5px; }
textarea { font-family:"Trebuchet MS", Helvetica, sans-serif; }
.center_in_parent { margin-left:auto;margin-right:auto; }
.center_text { text-align:center; }
.right_text { text-align:right; }
.text_input { background:#FFF url( ../images/bg_inputs.png ) no-repeat; border:1px solid #CCCCCC;
font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:16px; padding:1px 5px 3px; }
a > img { border:none; }
blockquote .author { font-style:italic; margin-left:25px; }
/*----- Links -----*/
a.nav { padding:1px 5px; font-weight:bold; background-color:#625440; color:#DFCDA0; font-size:14px;
margin-right:5px; }
a.nav:hover { background-color:#DFCDA0; color:#625440; }
a.comic-control,
input.button { padding:2px 8px; font-size:16px; font-weight:bold; background-color:#625440; color:#DFCDA0;
margin-right:5px; cursor:pointer; border:none; }
span.comic-control { padding:2px 8px; font-size:16px; font-weight:bold; background-color:#514330; color:#000;
margin-right:5px; }
a.comic-control:hover { background-color:#DFCDA0; color:#625440; }
a.list { color:#000; font-weight:bold; }
a.list:hover { }
/*----- Lists -----*/
.star_list { font-size:13px; margin-top:5px; }
.star_list li { list-style-type:none; background:url( ../images/bullet_star.png ) 0 5px no-repeat;
margin:0 0 0 10px; padding:0 0 2px 16px; }
.star_list a { color:#000; }
.star_list a:hover { text-decoration:underline; }
/*----- Wrapper -----*/
#wrapper { width:1000px; margin:0 auto; background:url( ../images/) no-repeat; }
/*----- Header -----*/
#header { height:300px; }
#nav { height:27px; width:600px; padding-top:3px; float:left; }
#showmore { height:27px; width:250px; padding-top:3px; float:right; text-align:right; }
#showmore .newpost { font-size:12px; text-align:right; font-weight:bold; margin-right:5px; }
#showmore .newpost { font-size:12px; text-align:right; font-weight:bold; margin-right:5px; }
#showmore .newpost a { color:#DFCDA0; text-decoration:underline; }
#showmore .newpost a:hover { color:#FFF; }
#logo a { width:900px; height:250px; display:block; }
#logo b { display:none; }
a.rss { vertical-align:middle; }
a.rss img { border:none; }
/*----- Content -----*/
#content { width:800px; margin:0 auto; float: left; }
#comic { margin-top:10px; padding-top:10px; }
.details { width:440px; float:left; text-align:left; padding-right:20px; }
.comic-nav { width:340px; float:right; text-align:right; padding-top:5px; }
.comic-img { display:block; margin:0 auto; }
.comic-a { display:block; margin:15px 0; }
#comic h1 a { color:#000; }
#comic h1 a:hover { text-decoration:none; }
#error { font-weight:bold; color: #FF0000;}
#comic_actions { width: 800px; }
#buy { width:200px; float:left; text-align:left; }
#like { width:200px; float:right; text-align:right; }
#social_icons { text-align:center; width:400px; float:left; }
#twitter_badge { width:200px; text-align:right; float:right; }
#twitter_badge img { border:none; }
.like, .dislike { cursor: pointer; }
.on { opacity: 1; }
.off { opacity:0.3; }
#links { float: left; width: 390px; margin: 20px 20px 20px 0; height: 300px }
#recent_comments { margin: 20px 0 20px 410px; width: 390px; }
#recent_comments .comment, #links .comment { margin-bottom: 15px; }
#recent_comments .comment_table, #links .comment_table { float: none; }
#recent_comments .comment_table .main , #links .comment_table .main { width: 95%; }
#recent_comments .avatar, #links .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #DFCDA0; }
/*----- Sidebar -----*/
#sidebar { width: 160px; margin-left: 840px; }
#skyscraper { border: 1px solid #000; height: 400px; margin: 20px 0; }
/*----- Announcements -----*/
#announcement { background-color:#DFCDA0; -moz-border-radius:8px; -webkit-border-radius:8px; padding:10px 12px;
border:1px solid #D5B07E; font-size:12px; margin-top:10px;
box-shadow: 2px 2px 6px #ccc; -moz-box-shadow: 2px 2px 6px #ccc; -webkit-box-shadow: 2px 2px 6px #ccc; }
#announcement .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #D5B07E; overflow: hidden; }
#announcement .message { }
#announcement .message a { color:#514330; font-weight:bold; }
#announcement .message a:hover { text-decoration:underline; }
#announcement .message span { color:#625440; font-size:10px; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
/*----- Page -----*/
#page { width: 1000px; margin:20px auto 0; min-height:200px; }
#page h1 { margin-bottom: 25px; padding-bottom: 5px; border-bottom: 2px solid #DFCDA0; }
#page h4 { margin-bottom: 10px; }
#page p { padding:0; margin: 10px 0 20px; line-height: 167%; }
/*----- Comments -----*/
#comment_divider { background:url( ../images/divider_fade.png ) repeat-x; padding-top:25px; margin:20px auto 0; width:800px; }
#comments { margin:0 50px; padding-bottom:50px; }
#comments h2 { margin-bottom:5px; }
#comments_blog { margin:0 0 100px; }
#comments_blog h2 { margin-bottom:5px; }
#comment_loader { text-align:center; width:100%; }
#comments_all { margin:10px 40px 20px; }
#comments .comment_header { float:left; }
#comments_all .none { color:#999; font-size:14px; }
#comments_all .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #DFCDA0; }
#comments_all .bubble { float:left; }
#comments_all .bubble_blog { width:440px; float:left; }
#comments_all .comment { margin-bottom:15px; }
.child { margin-left: 40px; }
#comment_post { }
#comment_post .comment_header { float:left; }
#comment_post .fb_login, .reply .fb_login { float:right; }
#comment_post #fb_tooltip {background: #DFCDA0; padding:5px; position:absolute; width:230px;border:1px solid #625440}
#comment_post #fb_help {height:18px;position:relative;top:3px;cursor:pointer; }
#comment_post form { margin:10px 40px 0 40px; }
#comment_post .avatar, .reply .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #DFCDA0; }
#comment_post .bubble, .reply .bubble { float:left; }
#comment_post .bubble_blog { width:440px; float:left; }
#comment_post .comment_fields, .reply .comment_fields { margin:15px 0 0 90px; }
#comment_post .comment_fields * { vertical-align:middle; }
#comment_post .comment_fields .text_input { width:160px; }
.bubble .arrow,
.bubble_blog .arrow { background:url( ../images/comment_arrow.png ) top left no-repeat; float:left; width:20px; height:32px; }
.comment_table { float:left; font-size:12px; }
.comment_table .tl { background:url( ../images/comment_tl.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .tr { background:url( ../images/comment_tr.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .bl { background:url( ../images/comment_bl.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .br { background:url( ../images/comment_br.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .wide { background-color:#E0F1FC; width:480px; height:10px; }
.comment_table .wide_blog { background-color:#E0F1FC; width:400px; height:10px; }
.comment_table .narrow { background-color:#E0F1FC; width:10px; height:10px; }
.comment_table .main { background-color:#E0F1FC; width:600px; }
.comment_table .main_blog { background-color:#E0F1FC; width:400px; }
.comment_table .main span,
.comment_table .main_blog span { color:#677; font-size:10px; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
.comment_table textarea { border:none; width:100%; height:32px; background-color:#E0F1FC; }
#comment_body { font-style:italic; color:#333; }
#comment_error { color:#C43419; font-weight:bold; font-size:14px; margin-left:104px; }
.commentlike { float:left; margin-right: 20px; width:45px; }
#fb_logout { }
#fb_logout span { font-size:11px; }
/*----- Archive -----*/
#archive { width:800px; margin-bottom:100px; }
#archive h2 { margin-bottom:10px; }
#archive .month_year { text-align:left; width:100%; margin-bottom:25px; }
#archive .post_comic { border:2px solid #DFCDA0; margin:5px; }
/*----- Blog -----*/
#blog-page { width:800px; margin:20px auto 0; }
#content-wide { width:525px; float:left; }
#content-wide .term_header { margin-bottom:15px; font-size:12px; font-weight:bold; }
.term_header span { background-color:#CEBE5B; padding:3px 7px; }
#content-wide h1 { }
#content-wide h1 a { color:#000; }
#content-wide .read-more { float:right; }
#content-wide .post { padding:0; margin:10px 0 10px; line-height:167%; }
#content-wide .post ol,
#content-wide .post ul { margin:10px 0 10px 50px; }
#content-wide .post li { margin-bottom:10px; }
#content-wide .cats { font-size:14px; font-weight:bold; background-color:#DFCDA0; color:#625440; padding:1px 5px; float:left; }
#content-wide .content_divider { background:url( ../images/divider_fade.png ) repeat-x; padding-top:30px; margin:20px auto 10px; }
#right-column { width:210px; float:right; }
#right-column h2 { background-color:#625440; color:#DFCDA0; font-size:18px; padding:2px 6px; margin-bottom:5px; }
.tag-cloud { text-align:center; }
.tag-cloud a { padding:1px 3px; }
.tag-cloud .s { font-size:12px; color:#666; }
.tag-cloud .m { font-size:15px; color:#000; }
.tag-cloud .l { font-size:18px; color:#000; font-weight:bold; }
.cloud { margin:20px auto 5px; width:116px; }
#right-column ul { margin-bottom:25px; list-style:inside; }
#right-column li { border-bottom:1px solid #DFCDA0; padding:0 0 5px 10px; }
#search { width:198px; }
/*----- About Section -----*/
#about_sidebar { border-right:solid 2px #514330; float:left; margin:17px 19px 35px 0px; padding-top:15px; width:175px; }
#about_sidebar ul { list-style:none; }
#about_sidebar li { margin:2px 0; }
#about_sidebar li a { background:transparent; color:#514330; display:block; padding:5px 8px; width:159px; }
#about_sidebar li a:hover,
#about_sidebar .selected { background:#514330; color:#DFCDA0; display:block; font-weight:bold; }
#about_sidebar img { margin:0 auto; display:block; }
#about_sidebar p { margin:30px 0 0 !important; }
#about { float:left; width:590px; font-size:14px; }
#about ul { margin:10px 0px 15px 25px; font-size:14px !important; }
#about p { margin:10px 0 !important; }
#about .indent { margin:10px 0; padding:15px 25px; background-color:#F1F9F9; }
#media_list { float: left; width: 250px; }
#twitter_stream { float: right; width: 250px; }
#twitter_stream .tweet {margin: 10px 0; }
#twitter_stream .avatar { float: left; width: 75px; }
#twitter_stream .tweet .avatar img { border: 2px #625440 solid; max-width: 75px; max-height: 50px; }
#twitter_stream .tweet .message { float: left; width: 175px; font-size: 10px; }
/*----- Extras Section -----*/
#extras { margin-bottom:100px; }
#extras .column { width:250px; float:left; }
#extras .margin { margin-right:25px; }
#extras h4 { margin-left:10px; }
#extras .banner { border:2px solid #DFCDA0; }
#extras .title { padding-left:15px; text-indent:-15px; line-height:120%; font-size:14px; }
#extras .title a { color:#000; font-weight:bold; }
#extras .title a:hover { text-decoration:underline; }
/*----- Store -----*/
#prints { margin-bottom:60px; }
#print_viewer { float:left; width:390px; }
.viewer_container { margin:0 0 5px 6px; }
.img_shadow { float:left; background:url( ../images/shadowAlpha.png ) no-repeat bottom right !important;
background:url( ../images/shadow.gif) no-repeat bottom right; }
.img_shadow div { padding:40px; border:1px solid #CCC; margin:-6px 6px 6px -6px; background-color:#fff; }
.img_shadow img { display:block; position:relative; }
#print_viewer h3 { color:#000; margin-top:5px; }
#print_viewer .button { font-size:14px; }
#print_changer { width:323px; }
#order_options { float:right; width:390px; }
#order_options .note { font-size:12px; background-color:#F1F1F1; padding:8px 10px; margin:10px 0; }
#cart_options { font-size:14px; margin:10px 0 0; padding-left:20px; }
#cart_options .option { margin-left:25px; margin-top:5px; line-height:150%; }
#cart_options em { display:block; padding-left:18px; font-size:12px; }
#size_radio { padding-bottom:10px; }
#add_cart { float:right; }
#view_cart { float:right; }
#order_note { background-color:#F1F1F1; padding:8px 10px; margin-top:40px; font-size:12px; }
/*----- Data Driven Store -----*/
#store_head { margin-bottom: 5px !important; }
#products { list-style: none; }
#products li { background: #F1F1F1; height: 220px; padding: 8px 9px; margin: 4px; float: left;
text-align: center; width: 30%; }
#products li a { font-size: 14px; font-weight: bold; }
#products li a img { display: block; margin: 0 auto; max-width: 95%; max-height: 125px; }
#breadcrumbs { float: left; margin-bottom: 25px; width: 75%; }
#cart_summary { float: right; text-align: right; width: 24%; }
#cart { position: absolute; display: none; }
/*----- Forums -----*/
div.header { background:#625440 none repeat scroll 0 0; color:#FFFFFF; float:left; font-weight:bold;
padding:3px 15px; }
div.category_header { background: #DFCDA0; font-weight: bold; font-size: 14px;
padding: 2px 5px; width: 815px; }
div.cell { float:left; padding:3px 15px; }
div.title { width: 300px; }
div.count { text-align: right; width: 75px; }
div.icon { width: 25px; }
div.info { width: 200px; }
/*----- Roadtrip ------*/
body.rt { background:url( ../images/bg_admin.png ) #FFF repeat-x; }
#wrapper_rt { width:900px; margin:0 auto; background:url( ../images/roadtrip/logo.png ) no-repeat; }
#wrapper_rt #header { height:180px; }
#wrapper_rt #announcement { margin-bottom: 20px; }
#wrapper_rt #social_icons { margin-top: 15px; width: 290px; float: right; }
#wrapper_rt #social_icons h2 { text-align: left; }
#wrapper_rt p { font-size: 14px; }
.video { float: left; margin: 3px; }
#home_map { float: left; margin-right: 20px; width: 575px; }
#map_canvas { border: 1px solid #2689E9; }
.photo_home { background: #E0F1FC ; float: left; margin: 5px; height: 112px; overflow: hidden; padding: 5px; width: 100px; }
#full_map, .suggestion_header, #photos, #videos, #user_recommend { margin-top: 20px; }
.suggestion_header {margin-bottom: 20px; }
.photo { background: #fff; border: 2px solid #625440; float: left; margin: 5px; height: 112px; overflow: hidden; padding: 5px; width: 100px; }
.photo a, .photo_home a { font-size: 12px; display:block; text-align: center; }
.photo img, .photo_home img { border: 1px solid #625440; display: block; margin: 0 auto; }
#person { width: 200px; }
#address { width: 345px; }
#destination { width: 225px; }
.mapit { text-align: right; }
#latest_roadblog { float: right; width: 290px; }
#latest_roadblog p { padding-left: 0; }
#twitter { float: left; margin-top: 15px; width: 575px; }
#twitter p { float:left; padding-left: 0; width: 435px; }
#twitter #twitter_badge { width: 126px; }
#social_tabs { background: #E0F1FC; margin: 20px 0; }
#tabs-1 { height: 150px; }
#tabs-2 { height: 150px; }
#tabs-3 { height: 150px; overflow-y: scroll; }
#tabs-3 .avatar { float: left; width: 75px; }
#tabs-3 .tweet {margin: 10px 0; }
#tabs-3 .tweet .avatar img { border: 2px #625440 solid; max-width: 75px; max-height: 50px; }
#tabs-3 .tweet .message { float: left; width: 750px; }
div.content_box { background: #E0F1FC; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px 6px; }
div.content_box h2 { background: #E0F1FC; color: #625440; padding: 5px; text-align: center; }
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li:hover { background: #FFF; position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { color: #625440; float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li a:hover { color: #625440; float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #FFF; padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { color: #625440; font-weight: bold; cursor: text; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #625440; }
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover { cursor: pointer; color: #625440; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: #FFF; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*----- Login -----*/
#content_box { width:500px; border: 1px solid #625440;padding-bottom:10px; background-color:#ffffff; }
#content_box h2 { background-color:#625440; color:#DFCDA0; font-size:16px;
padding:3px; font-weight: bold; margin-bottom: 5px; text-align: center; }
#content_box input { border: 1px solid #625440; }
#content_box ul { list-style:none; margin-left:5px; margin:0 0 5px 5px; }
.error { color:red; font-size:14px; font-weight:bold; width:100%; }
p.table_left { margin:0px 0px 1% 1%; float:left; font-size:14px; text-align:right; }
p.table_right { font-weight:bold; font-size:14px; margin:0px 0px 1% 1%; float:right; }
p.third { width:30%; }
p.two_thirds { width:63%; }
p.half { width:48%; }
#auth_msg { background:#F1F1F1 none repeat scroll 0 0; border:1px solid #AAAAAA; font-size:12px; margin:30px auto; padding:20px 0;
text-align:center; width:700px;}
/*----- Footer -----*/
#footer_info { background:url( ../images/divider_fade.png ) repeat-x; padding:25px 0 0; margin:20px auto 0; width:800px; }
#footer_info td { width:250px; }
#footer { height:300px; background:url( ../images/bg_footer.png ) repeat-x; }
#footer div { width:900px; height:300px; margin:0 auto; background:url( ../images/footer.png ) no-repeat; }
#legal { font-size:11px; color:#AAA; text-align:center; margin-top:15px; }
#legal a { color:#AAA; text-decoration:underline; }