/* Theme Name: Review Theme URI: http://luminopolis.com Description: based on Mimbo Pro Version: 2.0 Author: Sonya Baughman (design) and Jase Wilson (develop) Author URI: http://luminopolis.com */ /* lay down some ground rules for naughty browsers */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html, body { height:100%; margin:0px; padding:0px } :focus { outline: 0; } a { outline: none; } a img { border: none; } input, textarea { margin: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* sensible defaults */ body, html { min-height:101%; } body { background: #ffffff; color: black; } body, select, input, textarea { font: 100% Helvetica, sans-serif; } a, a:visited { color: #898989; text-decoration:none } a:hover, a:active { color:/*59bced turqouise too light*/#ff6100; text-decoration:underline; } small { font-size: 0.95em; background:#eef5e1; padding:3px 6px; } hr { margin:22px 0; background:#eae9e4; color:#eae9e4; height:1px; border:0; display: block; } label { margin:12px 0 0 0; display:block } a img { border:none } table { display: table; margin:13px 0; width:100%; border-collapse:collapse; border-top:1px solid #e0ded9; border-bottom:1px solid #e0ded9; } th { background:#e4e4e4; text-align:left; } th, td { border-bottom:1px solid #FFF; padding:4px 7px; } td { background:#f2f2f2; } p { margin:10px 0; line-height:145%; font-size:1.1em; color:#000000; } em { font-style: italic; } pre { width:100%; overflow:auto; } strong { font-weight: bold; } /* HEADERS */ #lead h3 { border: 0; font-size: 1.5em; line-height: 110%; margin: 0; padding: 0 17px 7px 0; color: #555555; font-weight: normal; } #meta h5 { border-bottom: 1px solid #085682; border-top: 3px solid #085682; color: #5f9bbf; font: 1.6em Helvetica, sans-serif; margin-bottom: 10px; padding: 1px 0 3px 12px; } #more-menu h4 { color: #4a4e4a; font-size: 1.1em; } #recent h3 { color: #555555; font: 1.5em Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } #recent li {list-style:none; outside none; padding:6px 0;} span.column_title { display: block; font-weight: normal; font-size:1.1em; color:#03A89E; padding:0 0 3px; } #respond h3 { margin: 40px 0 0 0; } #sidebar h3 { font-family: Helvetica, sans-serif; margin-top: 20px; } .cat-excerpt h4 { margin-bottom: -15px; } .cat-excerpt h4 { margin: 0; } .domtab h4 { margin: 15px 0; } .entry .widget h3 { font-size: 1.3em; } .entry h2, .entry h3 { border: none; color: #313228; font: 1.6em Helvetica, sans-serif; font-weight: bold; } .entry h4 { color: #555555; font: 1.5em Helvetica, sans-serif; font-weight: normal; } .entry h5 { color: #313228; font: 1.2em Helvetica, sans-serif; font-weight: bold; } h1, a#logo { display: block; font: 1.6em Helvetica, sans-serif; height: 164px; margin: 0; text-align: left; text-indent: -9999px; width: 137px; } h2 { border-bottom: 1px solid #ececec; color: #555555; font: 2.6em Helvetica, sans-serif; padding: 3px 0; } h2#description { border: none; color: #40bb7f; font-size: 0.9em; padding: 0; text-align: center; text-indent: -9999px; text-transform: uppercase; } h2.widgettitle { border: none; font: 1.2em Helvetica, sans-serif; font-weight: bold; } .post h2 { line-height: 140%; border-top: none; padding: 10px 0 10px 0; } h3 { color: #555555; font: 1.3em Helvetica, sans-serif; font-weight: bold; line-height: 110%; margin: 13px 0 5px 0; } h3#comments { margin: 40px 0 -15px 0; } h3#pages { background: none; margin: 0 0 5px 0; } h3#respond { margin-top: 35px; } h3.categorytitle { color: #777; border-bottom:1px solid; border-bottom-color:#c0c0c0 !IMPORTANT; font: 1.3em Helvetica, sans-serif; font-weight: bold; height: 22px; margin: 7px 0 8px 0; padding: 3px 0 0 7px; } h3.widgettitle { color: #555555; font: 1.3em Helvetica, sans-serif; font-weight: bold; height: 22px; margin: 0 0 9px 0; padding: 3px 0 0 7px; } h4 { color: #555555; font: 1.5em Helvetica, sans-serif; font-weight: normal; margin-bottom: 3px; } h4#comments { margin-top: 32px; } h4#respond { border-top: 1px solid #eae9e4; margin-top: 25px; padding-top: 20px; } h4.pagetitle { margin-bottom: 12px; } h4.title { padding: 10px 0; } widgettitle#meta h3 { border-bottom: 3px solid #085682; color: #FFF; } /* Structure */ #page { width:1024px; margin:13px auto 0 auto; font-size:0.7em; display: block; } #masthead { height:139px; background:url(images/bg_masthead.jpg) no-repeat; } #leaderboard { height: 90px; width: 728px; float: right; position: relative; top: 0; right: 0;} .left { float:left; } .right { float:right; } #sidebar { width: 160px; float:left; margin-right:0px; margin-left:-15px; padding:0 19px 25px 19px; background:#FFF; border-right:1px solid; border-right-color:#c0c0c0 } #interior #content { float:left; width:600px; padding:12px 8px 40px 15px; background:#FFF; } #interior #content.fullwidth { width:auto; float:none; padding:12px; } /*NAV*/ #navbar { background: #f1f0f1 url(images/navbar_bg.jpg) repeat-x; border-bottom: 1px solid #e5e5e5; padding: 3px 12px 0 12px; } #nav { font-family: Tahoma, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; line-height: 1.0; width: 800px; } #nav ol { list-style: none; } #nav li { float: left; position: relative; } #nav li:hover { visibility: inherit; } #nav ul { position: absolute; top: -999em; width: 13em; } #nav ul li { width: 100%; } #nav li:hover ul, #nav li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } ul#nav li:hover li ul, ul#nav li.sfHover li ul { top: -999em; } ul#nav li li:hover ul, ul#nav li li.sfHover ul { left: 13em; top: 0; } ul#nav li li:hover li ul, ul#nav li li.sfHover li ul { top: -999em; } ul#nav li li li:hover ul, ul#nav li li li.sfHover ul { left: 13em; top: 0; } #nav a, #nav a:visited { color: #FFF; display: block; padding: .75em 1em; position: relative; text-decoration: none; } #nav li li { background: #f1f0f1; } #nav li a:hover { background: #e5e5e5; } #nav a:focus, #nav a:hover, #nav a:active, #nav .current-cat .children a:hover, #nav .current-cat .children a:active, { background-color: #e5e5e5; color: #555555; outline: 0; } #nav .current_page_item { background-color: #F1F0F1; } #nav .current_page_ancestor { background: #f1f0f1; color: #555555; } #nav .current_page_item a { color: #898989 } #nav .current_page_ancestor a { color: #898989 } #nav li.sfHover, #nav li li.sfHover, #nav li li li.sfHover { background: #f1f0f1; } #nav li li a:hover, #nav li li li a:hover { background: #e5e5e5; } #nav li.sfHover a { color: #898989; } #nav li.sfHover a:hover { color: #555555; } #nav .current-cat a, #nav .current-cat a:visited { background-color: #f1f0f1; color: #898989; } #nav a.sf-with-ul { min-width: 1px; padding-right: 25px; } #nav a:hover, #nav a.sf-with-ul:hover { color: #555555; } .sf-sub-indicator { background: url('../images/arrow.gif') no-repeat; display: block; height: 10px; overflow: hidden; position: absolute; right: .75em; text-indent: -999em; top: 1.05em; width: 10px; } /* Content Page Styles */ .orange { color: #ff6000; } .blue { color: #1cc9be; } #lead { background: no-repeat; color:#555555; width:650px; height: 207px; padding:25px 15px 10px 15px; float:left; font-size:0.95em; } #interior #lead { float:none; width:auto; margin: 6px 0 10px 0; } #lead a, #lead a:visited { color:#FF6000; font-weight: normal;} #lead img { /*border:1px solid #555555; padding:1px;*/ } #lead .date { color:#03A89E; font-size: 1.1em;} #lead p { margin:15px 0; line-height:150%; display: inline; font-size: 1.1em; } #interior #lead img { float:left; margin:1px 16px 6px 0; } #lead .left { width:170px; } #lead .right { width:325px; padding-right: 15px; } #lead #aboutarticle { margin:0px 0 15px 0; } #fullstory { width:81px; height:20px; background:url(images/fullstory.png); display:block; text-indent:-9999px; } #fullstory:hover { background:url(images/fullstory.png) 0 -20px; } .fullstory { width:81px; height:20px; background:url(images/fullstory.png); display:block; text-indent:-9999px; float: right; margin: 0px;} .fullstory:hover { background:url(images/fullstory.png) 0 -20px; } .widget { margin-bottom:15px; margin-top:20px; } .widget_tag_cloud a { display:inline; float:none; } #widget-single-right { position: relative; right: 0px; top: 0px; float: right; width:160px; margin:3px 0 15px 0px; border:1px solid #ececec; padding:5px 14px 14px; } .single #sidebar { margin: 5px 0 0 -20px; width:140px;} .single #content { margin: 0 0 0 10px; } .entry #widget-single-right ul, .entry #widget-single-right ol { padding:0 !important; } .textwidget { margin: 0px 0; line-height:160%; } .widget td { background:none; } #sidebar .widget li { list-style:none; border-bottom:1px solid #ededed; padding:0; } #sidebar .widget ul { /*border-left: 4px solid #C0DCF4;*/ list-style:none; } #sidebar .widget ul ul { border-left: none; } #sidebar .widget li a, #sidebar .widget li a:visited { background:#fff; color:#898989; text-decoration:none; display:block; padding:4px 4px 4px 8px } #sidebar .widget li a:hover, #sidebar .widget li a:active, #sidebar .widget li li a:hover, #sidebaer .widget li li a:active { background:#ffffcc !important; color:#999; } #sidebar .widget li li a, #sidebar .widget li li a:visited { background:#fff; padding-left:5px; } #sidebar .widget li li { border:none; padding-left: } #breadcrumbs { background:#f1f0f1; padding:3px 0 7px 24px; color:#898989; } #breadcrumbs a, #breadcrumbs a:visited { color:#898989; font-weight:bold } #interior .stripes { background: #FFF; padding:10px; } #author { margin-bottom: 19px; } #author img { padding:1px; float:left; margin-right:13px; } #author span { display:block; margin-top:12px; background:url(images/envelope.gif) no-repeat 1px 10px; padding:8px 0 0 17px; } #author p { margin:0; width:452px; } .author-listing { margin:18px 0 34px 0; } .author-listing ul { margin:15px 0 8px 0; } .author-id { float:left; width:500px; padding:17px 0 0 10px; } .cat-excerpt { padding:10px; margin: 12px 0; } .cat-excerpt img, #image-gallery img { float:left; margin:1px 15px 15px 0; border:1px solid #516f80; padding:1px; } #image-gallery { margin:18px 0; } .pagination, #comment-pagination { padding-top:20px; } .subfeature { background:#E0FFFF; border-bottom:1px solid #03A89E; border-top:1px solid #03A89E; padding:13px; } .subfeature a, .subfeature a:visited { color:#03A89E; font-weight:normal; font-size:0.9em; } .bullets li, .more-in li { border-bottom:1px solid #ECECEC; list-style-image:none; list-style-position:outside; list-style-type:square; margin-left:10px; padding:5px 0; line-height: 140%; } /*Post Page Formatting*/ .entry blockquote, .entry code, .commentlist blockquote, .commentlist code { color:#76767a; background:#f2f2f2; padding:6px 22px; margin:0px 0px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; display:block; font:italic Helvetica, sans-serif; } .entry pre, .entry code { width:600px; font: 1em "Courier New", Courier, monospace; padding:0px 0px; } .post code { background:#f5f3ee; padding:3px; font-size:1.2em; } .entry ul, .entry ol { padding:15px 0; } .entry ol li, .entry ul li { margin:0 0 5px 48px; line-height:115%; } .entry ul li { list-style:square } .entry .widget li { list-style:none; margin:0; padding:5px 0; } #tags { padding:3px 6px 4px 15px; background:#edf7ff url(images/tag.gif) no-repeat 4px; } #home #lead .commentcount, #interior #lead .commentcount { background:url(images/bubble2.gif) no-repeat 1px; font-size:0.6em; } /* ARTICLE META */ .postmetadata { font-size: 14px; display: block; margin: 0; text-align: right; line-height: 24px; border-bottom:1px solid #eae9e4; padding:5px 0; width: 100%; clear: both; } .postmetadata span.blue a:link, .postmetadata span.blue a:visited { color: #1cc9be; } .articleinfo { display: inline; float: left; } .actions { display: inline; position: relative; right: 18px; text-align: right; } .print { background:url(images/icon_page.gif) no-repeat; padding-left:15px; } .commentcount { background:url(images/bubble.gif) no-repeat 1px; padding-left:17px; margin: 0px; font-family: Helvetica, sans-serif; color:#FF6000; font-weight:normal } .sharearticle { } .stico_default { background: #ffffcc none; } /*Images*/ .entry img { display:block; border:1px solid #999; padding:2px; margin:15px 0; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { background:#EFEFEF; text-align:center; padding:10px 5px 10px 10px; } img.alignleft { margin:5px 15px 10px 0; float:left } img.alignright { margin:5px 0 10px 15px; float:right } .wp-caption.alignleft { float:left; margin:5px 22px 10px 0; } .wp-caption.alignright { float:right; margin:5px 0 10px 22px; } .wp-caption.aligncenter, img.aligncenter { margin: 0; display:block; float:none } p.wp-caption-text { margin:0; text-align:center; padding:5px 0; } .wp-caption img { float:none; margin:0; } .gallery { margin:15px 0; display:block; } .gallery img { border:1px solid #999 !important; padding:2px; } .gallery-item { padding:12px 0; } .gallery-caption { padding:10px; } /* ---------- @ Comments -----------*/ .reply a, .reply a:visited { margin: 20px 0; text-decoration:none; color:#4f4f4f; background:url(images/icon_reply.gif) no-repeat; padding: 0 0 3px 17px; display:block; } .reply a:hover { text-decoration:none; color:#000; } .reply a:active { text-decoration:underline; color:#4f4f4f; } .commentlist { margin-top:50px; } .commentlist li { margin: 0 0 18px 0; padding: 15px; background:#F2F2F2; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; list-style:none; } .commentlist li.depth-2 { border:none; background:#FFF; border-top: 1px solid #f2f2f2; margin-left:15px; } .commentlist li.depth-3 { margin-left:15px; border:none; background:#f2f2f2; } .commentlist li.bypostauthor { background:#e5e5e5 !important; border:1px solid #c7c7c7 !important; } .commentlist code { background:#e0e0e0; padding:3px; } .avatar { margin: 3px 10px 0 0; float:left; padding:2px; border:1px solid #b9b9b9; background:#FFF; } #trackbacklist li { margin: 10px 0 10px 35px; } #trackbacklist cite { font-style:normal } cite.fn { font: bold 1.4em Helvetica, sans-serif; letter-spacing:-0.05em; display:block; padding:9px 0 2px 0; } .says { display:none; } /* Form Elements */ #searchform { width:194px; float:right; text-align:right; padding-top:2px; } .search-excerpt { background:#FFFF00 } select { background:#e0FFFF; border:1px solid #03A89E; width:100% } #s { background:#ffffff; border:none; padding:2px; width:129px; } #submit { border:1px solid #000; background: #1a5d80 url(images/bg_button.gif) repeat-x; margin-top:12px; color:#a4e1ff; padding:4px 8px; display:block; font-size:1.1em; } #contactform legend { display:none } #contactform label { padding:5px 0; } #contactform fieldset { border:none } #contact-captcha { margin:5px 0; display:block } #contact-message { height:200px; } .field { border:1px solid #444; border-top:1px double #c4c4c4; border-left:1px double #c4c4c4; padding:5px; background:#FFF ! important; font-size:1.1em; } .field:focus { background:#f9f8f4 ! important; } #wysiwyg { padding:6px 0 10px 0; } #wysiwyg a, #wysiwyg a:visited { padding:3px; margin-right:4px; text-indent:-9999px; display:block; width:20px; height:20px; float:left; border:1px solid #FFF; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf; background-color:#CCC } a#button-bold { background:#CCC url(images/bg_bold.gif) no-repeat 8px; } a#button-italic { background:#CCC url(images/bg_italic.gif) no-repeat 8px; } a#button-block { background:#CCC url(images/bg_block.gif) no-repeat 5px; } a#button-link { background:#CCC url(images/bg_link.gif) no-repeat 5px; } #wysiwyg a:hover, #wysiwyg a:active { background-color:#dcdcdc } #comment { width:98%; height:200px } /* Float Properties*/ .clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .clearfloat { display:inline-block } .clearfloat { display:block } /* Footer*/ #footer { margin: 0 auto; color:#FFF; width: 100%; font-size:0.7em; background:#707070 url(images/bg_footer.jpg) center top repeat-x; padding: 20px 10px; border-top: 2px groove #ccc; } #meta { margin-top: 5px; width: 960px; margin: 0 auto; } #meta ol { padding-top:15px; } #meta .widget { width:283px; float:left; padding-left:20px; margin-right:12px; min-height:200px } #meta li { margin-left:25px; padding:3px 0; list-style:square; border:none; line-height:145%; } #meta li a { color: #fff; } #meta h3 { color: #fff; } #footer a, #footer a:visited { color:#c0c0c0; } #footer .left { width:550px; font-size: 110%; text-align:left;} #footer .right { width:400px; font-size: 110%; text-align:right; } #footer p.footer { display: none; } /* HOMEPAGE SPECIFIC */ #upper { background: #cdcdcd url(images/bg_upper.jpg) left top repeat-x; padding:14px 19px 0px 0; } #recent { width:290px; float:right; padding:25px 15px 8px 15px; } #recent ul { margin-top:-5px; } #recent li {list-style:none; padding:6px 0 7px 0; } #recent a, #recent a:visited { color:#555555; font-size:1em; } #home .stripes { background:white; padding:0px 14px; } #home #content { float:left; width:650px; } #carousel { height: 250px; background: #cdcdcd url(images/ReviewsCarouselBar.jpg); float: top; } #carousel li { float:left; padding:12px; margin: 0 auto; width: 215px; height: 160px; text-align: center;} #carousel li img { display:block; margin-bottom:6px; width: 194px; height: 120px; } #carousel a, #carousel a:visited { font-size: 10px; text-transform: capitalize; padding: 8px; border:1px solid #d1d0d0; float:left; color:#898989; white-space: nowrap; text-align: center; } #carousel a:hover, #carousel a:active { color:#ff6100; text-decoration: none; background: #ffffcc; border-color: #ff6100;} .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { display: block; z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-item { float: left; list-style: none; width: 218px; height: 160px; margin-right: 15px; } /** * The buttons are added dynamically by jCarousel before * the