/*
Theme Name: Serago Roberts
Theme URI: http://www.blazersix.com/
Description: Custom theme for Serago Roberts.
Version: 1.0
Author: Blazer Six, Inc.
Author URI: http://www.blazersix.com/
*/

a { color: #fff; text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border-width: 0;}
body { margin: 0; padding: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 65%; text-align: center; background: url(images/page-bg.jpg) left top repeat;}

.comments { list-style: none; float: left; clear: both; margin: 0; padding: 0; width: 610px;}
.comments .comment { float: left; clear: both; margin: 0 0 20px 0; width: 610px; font-size: 1.2em; line-height: 1.4;}
.comments .comment .fn { font-size: 1.2em; font-style: normal; font-weight: bold;}
.comments .comment .says { display: none;}
.content { position: relative; float: left; clear: both; width: 978px !important; width /**/: 980px; background: #000; border: 1px solid #a30046; border-width: 0 1px;}
.content .locinfo { float: left; clear: both; margin: 0; padding: 0 15px; width: 948px !important; width /**/: 978px; color: #fff; font-size: 1.2em; line-height: 26px; background: url(images/content-bottom-bg.jpg) left top repeat-x;}
.content .primary { display: inline; float: left; margin: 30px 0 0 230px; width: 718px; min-height: 410px;}
.content .secondary { display: inline; float: left; margin: 30px 0 0 -918px; width: 170px;}
.footer { clear: both; padding: 15px 0 30px 0;}
.footer .ftext { float: left; width: 392px;}
.footer .ftext p { margin: 0 0 1em 0; color: #fff; font-size: 1.1em; line-height: 1.4;}
.footer .ftext .about { margin: 0 0 25px 0;}
.footer .ftext .birdseed { margin: 5px 0 0 0;}
.footer .ftext .birdseed a { color: #fff;}
.footer .news { position: relative; display: inline; float: left; margin: 0 0 0 20px; padding: 10px; width: 197px !important; width /**/: 217px; height: 100px !important; height /**/: 120px; color: #333; font-size: 1.1em; background: #eee;}
.footer .news a { position: absolute; top: 0; left: 0; width: 197px; height: 120px; text-indent: -9999px;}
.footer .news .title { margin: 0;}
.footer .share { display: inline; float: left; margin: 0 0 30px 12px; padding: 0;}
.footer .share img { margin: 0 12px 0 0; vertical-align: middle;}
.footer .share .addthis_button img { margin: 0;}
.footer .share #twitter img { margin: 0;}
.footer .subscribe { display: inline; float: left; margin: 2px 0 0 0; padding: 0; width: 184px; height: 22px; background: #fff url(images/subscribe-bg.jpg) left top no-repeat;}
.footer .subscribe button { cursor: pointer; float: right; width: 38px; height: 22px; text-indent: -9999px; background: transparent; border-width: 0;}
.footer .subscribe input { display: inline; float: left; margin: 2px 0 0 3px; padding: 0; width: 140px; height: 18px; background: transparent; border-width: 0;}
/*.footer .subscribe input:focus { background: #fff;}*/
.form { float: left; clear: both; width: 440px;}
.form div { float: left; clear: both; padding: 0 0 5px 0; width: 440px;}
.form div div { float: right; padding: 0; clear: none; width: 290px;}
.form div input,
.form div textarea { padding: 2px; width: 284px !important; width /**/: 290px; border: 1px solid #000;}
.form div .label { float: left; padding: 5px 0; width: 130px; font-size: 1.2em;}
.form .button { }
.form .button button { cursor: pointer; display: inline; float: left; margin: 10px 0 0 150px; padding: 3px 5px; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; background: #a40046; border: 1px solid #313132;}
.fullslide { position: relative; margin: 0; width: 978px; height: 575px;}
.fullslide .navi { float: left;}
.fullslide .navi a { overflow: hidden; display: inline; float: left; margin: 0 4px 0 0; width: 8px !important; width /**/: 12px; height: 8px !important; height /**/: 12px; text-indent: -9999px; background: #fff; border: 2px solid #fff;}
.fullslide .navi a.active { background: #b40a59;}
.fullslide .controls { z-index: 100; position: absolute; right: 15px; bottom: -20px;}
.fullslide .controls button { cursor: pointer; float: left; margin: 0 4px 0 0; width: 12px; height: 12px; text-indent: -9999px; background: #fff url(images/ssnav-bg.gif) 0 0 no-repeat; border-width: 0;}
.fullslide .controls button.next { background-position: 0 -12px;}
.fullslide .controls .play,
.fullslide .controls .stop { cursor: pointer; display: inline; margin: 0 4px 0 0; width: auto; height: 12px !important; color: #fff; font-size: 11px; line-height: 12px; text-indent: 0; background: none;}
.fullslide .items { overflow: hidden; position: relative; display: inline; float: left; width: 978px; height: 575px;}
.fullslide .items img { z-index: 1; display: none; position: absolute; top: 0; left: 0; width: 978px; height: 575px;}
.fullslide .items img.active { z-index: 2; display: block;}
.header { position: relative; float: left; clear: both; width: 980px;}
.header .logo { display: inline; float: left; clear: both; margin: 15px 240px 16px 345px; width: 290px; height: 87px; background: url(images/logo.png) left top no-repeat;}
.header .logo a { overflow: hidden; float: left; width: 290px; height: 87px; text-indent: -9999px;}
.hentry { float: left; clear: both; padding: 0 0 30px 0; width: 654px;}
.hentry .entry h1 { margin: 0 0 .5em 0; font-size: 2em;}
.hentry .entry li { font-size: 1.2em; line-height: 1.5;}
.hentry .entry li li { font-size: 1em;}
.hentry .entry p { margin: 0 0 1em 0; font-size: 1.2em; line-height: 1.5;}
.hentry .entry p:last-child { margin: 0;}
.hentry .entry ol,
.hentry .entry ul { margin-top: 0; margin-bottom: 1em;}
.hentry .entry ol:last-child,
.hentry .entry ul:last-child { margin-bottom: 0;}
.hentry .pages { clear: both; padding: 0 15px 0 0; text-align: right;}
.home .footer .ftext { width: 55%;}
.nav { list-style: none; float: left; clear: both; margin: 0; padding: 0; width: 978px !important; width /**/: 980px; background: url(images/nav-bg.jpg) left top repeat-x; border: 1px solid #a30046; border-width: 1px 1px 0 1px;}
.nav li { float: left; font-size: 1.2em; text-transform: uppercase; border-right: 1px solid #280212;}
.nav li a { display: block; padding: 0 15px; color: #fff; line-height: 29px; text-decoration: none;}
.nav li a:hover,
.nav li.current_page_ancestor,
.nav li.current_page_item { background: #000;}
.post-nav { float: left; clear: both; padding: 20px 0 0 0; width: 614px; font-size: 1.4em; font-weight: bold;}
.post-nav span.next,
.post-nav span.prev { float: left; width: 305px; text-align: left;}
.post-nav span.next { float: right; text-align: right;}
.secondary .pagenav { list-style: none; margin: 0 0 25px 0; padding: 0;}
.secondary .pagenav li { padding: 0 0 5px 0; font-size: 1.2em;}
.secondary .pagenav li a { color: #6d6e71;}
/*.secondary .pagenav li.current_page_ancestor a,*/
.secondary .pagenav li.current_page_item > a { color: #fff; font-weight: bold;}
.secondary .pagenav li ul { display: none; list-style: none; margin: 5px 0 15px 0; padding: 0;}
.secondary .pagenav li ul li { font-size: 1em;}
.secondary .pagenav li.current_page_ancestor a,
.secondary .pagenav li.current_page_item ul li a { color: #fff;}
.secondary .pagenav li.current_page_ancestor ul,
.secondary .pagenav li.current_page_item ul { display: block;}
.slideshow { overflow: hidden; position: relative; margin: 0; width: 718px; height: 422px;}
.slideshow img { z-index: 1; display: none; position: absolute; top: 0; left: 0;}
.slideshow img.active { z-index: 2; display: block;}
.wrapper { margin: 0 auto 0 auto; width: 980px; text-align: left;}

.page-template-page-product-php .entry { float: right; width: 384px;}
.page-template-page-product-php .entry h1 { font-size: 1.6em;}
.page-template-page-product-php .view { float: left; width: 230px;}
.page-template-page-three-column-php .primary { margin-left: 200px; width: 748px;}
.page-template-page-three-column-php .secondary { width: 140px;}
.page-template-page-three-column-php .hentry { width: 748px;}
.page-template-page-three-column-php .hentry .entry { float: left; clear: none; width: 428px;}
.page-template-page-three-column-php .tertiary { float: right; width: 300px;}
.page-template-page-three-column-php .tertiary p { margin: 0 0 1em 0;}

.page-template-page-wide-php .hentry { padding: 0; width: 978px;}
.page-template-page-wide-php .primary { margin: 0/* 0 0 170px*/; width: 978px;}
.page-template-page-wide-php .secondary { margin-left: -948px;}

#back { z-index: 2; position: absolute; top: 0; right: 40px; float: right; margin: -2em; font-size: 1.2em; font-weight: bold;}
#page-home { z-index: 1; height: 466px; min-height: 0;}
#page-home .locinfo { position: absolute; bottom: 0; left: 0;}
#page-home .primary { overflow: hidden; position: absolute; top: 0; left: 0; margin: 0; width: 978px; height: 440px;}
#page-home .primary a { z-index: 1; display: none; position: absolute; top: 0; left: 0; width: 978px; height: 440px;}
#page-home .primary a.active { z-index: 2; display: block;}

#page-home .navi { float: left;}
#page-home .navi a { overflow: hidden; display: inline; float: left; margin: 0 4px 0 0; width: 8px !important; width /**/: 12px; height: 8px !important; height /**/: 12px; text-indent: -9999px; background: #fff; border: 2px solid #fff;}
#page-home .navi a.active { background: #b40a59;}
#page-home .controls { z-index: 100; position: absolute; top: -22px; right: 50px;}
#page-home .controls button { cursor: pointer; float: left; margin: 0 4px 0 0; width: 12px; height: 12px; text-indent: -9999px; background: #fff url(images/ssnav-bg.gif) 0 0 no-repeat; border-width: 0;}
#page-home .controls button.next { background-position: 0 -12px;}
#page-home .controls .play,
#page-home .controls .stop { cursor: pointer; display: inline; margin: 0 4px 0 0; width: auto; height: 12px !important; color: #fff; font-size: 11px; line-height: 12px; text-indent: 0; background: none;}

#subpages-gallery ul { list-style: none; float: left; clear: both; margin: 0 0 15px 0; padding: 0; width: 675px;}
#subpages-gallery ul li { display: inline; float: left; margin: 0 35px 15px 0; width: 120px; font-size: 1.1em; line-height: 1.3;}
#subpages-gallery ul li img { display: block; margin: 0 0 10px 0;}
#subpages-nav { list-style: none; margin: 15px 0 0 0; padding: 0 0 0 10px;}
#subpages-nav li { float: left; width: 30%;}
#subpages-slideshow { overflow: hidden; position: relative; margin: 0; width: 520px; height: 345px;}
#subpages-slideshow a { z-index: 1; display: none; position: absolute; top: 0; left: 0; padding: 5px; width: 510px !important; width /**/: 520px; height: 335px !important; height /**/: 345px; text-decoration: none; background: #a30046 url(images/subpages-slideshow-bg.jpg) left top no-repeat;}
#subpages-slideshow a.active { z-index: 2; display: block;}
#subpages-slideshow a span { display: block; position: absolute; bottom: 10px; left: 10px; font-size: 1.8em;}

.aligncenter { display: block; margin-right: auto; margin-left: auto;}
.alignleft { float: left; margin: 3px 10px 0 0;}
.alignright { float: right; margin: 3px 0 0 10px;}
.screen-reader-text { display: none;}

.splash { display: none; cursor: pointer; z-index: 1000; position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; background: #000;}
.splash img { display: none; position: absolute; top: 0; left: 50%; margin: 0 0 0 -250px;}
.splash .skip { position: absolute; right: 40%; left: 40%; display: none; float: none; clear: both; font-size: 1.1em; text-align: center;}
.splash-bg { background: #000;}

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowUp { background: url(images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover { background-position: 0 -15px;}
a.jScrollArrowDown { background: url(images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover { background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px;}