/*
Theme Name: SeatSnug
Theme URI: http://www.seatsnug.com
Description: Custom theme for SeatSnug.com.
Version: 1.0
Author: Stranger Studios
Author URI: http://www.strangerstudios.com/
*/

/*--------------------------------------------------
	Reset
----------------------------------------------------*/

/*-------------------------------------------------
			Block Level Elements
--------------------------------------------------*/

Body {margin: 0; padding: 0; background: #1e8cca url(images/bg_body.gif) top left repeat-x; font: 80% Arial, Helvetica, sans-serif; color: #555; }
#page {width: 990px; margin: 0 auto; }

#header {background: url(images/bg_header.gif) bottom left no-repeat; padding-bottom: 30px; height: 110px; }
#wrapper {background: #FFF url(images/bg_wrapper.gif) top left repeat-y; padding: 0 50px 1px 50px; }
#home { }

#content {float: left; width: 569px; }
#content-popup {margin: 10px; padding: 10px; background: #FFF;}
.fullwidth {width: 890px !important; }
#sidebar {float: right; width: 260px; margin: 0 0 20px 20px; background: #EEE; padding: 20px; }


/*--------------------------------------------------
	Colors
----------------------------------------------------*/
.green {color: #007dc3 ; }
.mdgreen  {color: #90B21F; }
.dkgreen  {color: #007dc3; }
.red   {color: #CC0000; }
.purple  {color: #631699; }
.orange {color: #FF8607; }

.yellow {color: #fdb813; }
.blue {color: #007dc3; }
.grey {color: #636b6f; }

/*--------------------------------------------------
	Defaults
----------------------------------------------------*/

p {margin: 0 0 1em 0; line-height: 1.5em; }

a, a:link {color: #007dc3; text-decoration: underline; font-weight: bold;  }
a:hover {color: #636b6f; text-decoration: underline; }

a img { border: none; }
strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }
blockquote {margin: 0 0 1em 0; font-size: 1.6em; line-height: 1.5em; color: #000; padding: 15px; padding-bottom: 1px; background: #f9e3af; }

ul {margin: 0 0 1em 20px; line-height: 1.5em; padding: 0; }
ol {margin: 0 0 1em 20px; * margin-left: 25px; line-height: 1.5em; }
ul ul {margin-bottom: .5em; }

ul li, ol li {margin: 0 0 .5em 0; }

.breadcrumbs {margin: 0 0 20px 0; font-size: .9em; color: #555; }


/*-------------------------------------------------
			Headings
-------------------------------------------------*/

h1 {float: left; width: 260px; margin: 37px 0 0 15px; }
h2 {color: #636b6f; font-size: 1.5em; margin: 0 0 10px 0; }

h3 {color: #007dc3; font-size: 1.3em; margin: 10px 0 5px 0; }
h3 a, h3 a:visited {color: #007dc3; }

h4 {color: #007dc3; margin: 5px 0 5px 0; font-size: 1.1em; }

h5 {color: #007dc3; margin: 0 0 5px 0; font-size: 1em; }

.banner {background: #EEEEFF url(images/icon_information.gif) 5px 5px no-repeat; padding: 5px 5px 5px 25px; border: 1px solid #4F92D1; margin: 0 0 1em 0; }

.btn {display: block; margin: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
.btn:hover {background-position: bottom left; }

.btn-wheretobuy {cursor: pointer; background-image: url(images/btn-wheretobuy.gif); width: 138px; height: 40px; min-height: 40px; }
.btn-h-wheretobuy {cursor: pointer; background-image: url(images/btn-wheretobuy.png); width: 138px; height: 40px; min-height: 40px; }

/*-------------------------------------------------
			Menus
-------------------------------------------------*/
#mini-menu {float: right; width: 645px; text-align: right; line-height: 20px; color: #fedb89; margin: 10px 20px 10px 0; font-size: .9em; height: 25px; }
#mini-menu a {margin: 0 8px; font-weight: bold; color: #FFF; }
#mini-menu a:hover {text-decoration: none; }
#mini-menu .cart {float: right; font-size: 1.1em; }
#mini-menu .cart a {display: inline; margin: 0 0 0 8px; }
#mini-menu .cart small {color: #007dc3; }

.twitter a {background: url(images/icon_twitter-16.png) 0px 0px no-repeat !important; padding-left: 20px; }
.facebook a {background: url(images/icon_facebook-16.png) 0px 0px no-repeat !important; padding-left: 20px; }
.youtube a {background: url(images/icon_youtube-16.png) 0px 0px no-repeat !important; padding-left: 20px; }

#mini-menu img {margin-bottom: -3px;}

#menu {float: right; width: 665px; list-style: none; margin: 0 20px 0 0; padding: 0 5px; background: url(images/bg_menu.gif) top left no-repeat; height: 40px; }
#menu li {display: inline; margin: 0; }

#menu li a {font-size: 12px; float: left; margin: 10px 10px 10px 11px; line-height: 20px; text-transform: uppercase; }
#menu li a:hover, #menu li.selected a  {text-decoration: underline; }
#menu li a.last {margin-right: 0; }
#menu .btn-wheretobuy {float: right; margin: 0 5px 0 0; }

/*#menu li.product a {background-image: url(images/menu_product.gif); width: 174px; }
#menu li.videos a {background-image: url(images/menu_videos.gif); width: 65px; }
#menu li.testimonials a {background-image: url(images/menu_testimonials.gif); width: 110px; }
#menu li.purchase a {background-image: url(images/menu_purchase.gif); width: 190px; }
#menu li.safety a {background-image: url(images/menu_safety.gif); width: 110px; }
#menu li.blog a {background-image: url(images/menu_blog.gif); width: 56px; }
*/

#menu li.buy-now a {height: 40px; width: 110px; background-image: url(images/button_buynow.gif); margin: 50px 10px 0 0px;  }
#menu li.buy-now a:hover {background-position: bottom left; }

/*-------------------------------------------------
			Footer
-------------------------------------------------*/
#footer {text-align: right; font-size: .9em; background: url(images/bg_footer.gif) top left no-repeat; padding: 30px 20px 10px 20px; color: #FFF; }

#footer .footer-menu {text-align: left; }
#footer .footer-menu a {margin: 0 10px 0 0; color: #FFF; }
#footer .footer-menu a:hover {text-decoration: none; color: #fedb89; }

#footer p {float: right; width: 450px; }

#footer .sstag {margin: 5px 0 0 0; }
#footer .sstag a {color: #FFF; }
#footer .sstag a:hover {text-decoration: none; color: #fedb89; }


/*-------------------------------------------------
			The Post
-------------------------------------------------*/

.post h2 {margin-bottom: 0px; font-size: 1.3em; }

.post {border-bottom: 1px dotted #CCC; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.blog {border: none; }

.post a { }

.post ul {margin: 5px 0 15px 20px;  }
.post ul ul {margin-bottom: 25px; font-size: .9em; }
.post ol {margin: 5px 0 15px 20px;  }
.post li {margin: 0 0 15px 0; }
.post ul ul li {margin-bottom: 8px; }

.post .posthead {margin-bottom: 1em; font-size: .9em; }
.post .posthead .comment-count {float: right; width: 80px; color: #006BAB; text-align: left; background: url(images/icon_comments.gif) top left no-repeat; padding: 1px 0 2px 18px; font-size: 10px;}

.post .posthead .posttitle a {margin: 10px 0 0 0; text-decoration: none; }
.post .posthead .posttitle a:hover  {text-decoration: underline; }

.post .posthead .posttitle {font-size: 1.5em;}

.post .posthead .comment-count a:link, .post .posthead .comment-count a:visited {color: #023059; text-decoration: none; }
.post .posthead .comment-count a:hover {text-decoration: underline; }

.post .right img {margin: 0 0 15px 15px; }
.post .left img {margin: 0 15px 15px 0; }

.postmetadata {color: #666; font-size: .9em; margin: 10px 0 0 0; padding: 5px; line-height: 14px; border-top: 1px dashed #CCC; background: #EFEFEF; }
.postmetadata a {font-weight: bold; }

.entry {margin-top: 10px; }

.navigation { display: block; margin-top: 10px; margin-bottom: 60px; }
.navigation .alignleft {float: left; text-align: left; width: 45%; }
.navigation .alignright {float: right; text-align: right; width: 45%; }

blockquote { }
cite { }
a img { }
acronym, abbr { }

.linkcat a {font-size: 1.1em; font-weight: bold; line-height: 1.4em; }


.buy-now { }

/*-------------------------------------------------
			Images
-------------------------------------------------*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/*-------------------------------------------------
			Comments
-------------------------------------------------*/
.comments {border-top: 1px solid #CCC !important; }

.comments .comment {background: #EFEFEF !important; }
.comments .alt {background: #FFF !important; }

.comments {padding: 1px 10px 10px 10px; border: 1px solid #CCC; border-top: none; background: url(images/bg_gradient_bottom.gif) bottom left repeat-x; }

.comments .comment {display: block; padding: 15px 10px 15px 10px; border-bottom: 1px dashed #CCC; margin: 0 0 0 0; }
.comments .alt {background: #EFEFEF; }

.comments .comment .commenttitle {margin: 0 0 5px 0; }
.comments .comment .commenttitle h4 {margin: 0 0 3px 0; padding: 0; font-weight: normal; }
.comments .comment .commenttitle small {font-size: 10px; color: #666; }

.comments .comment .content p {margin: 0 0 8px 0; }

.comments .moderate {font-size: .9em; }

.addcomment {padding: 10px 0 10px 0; }

#commentform {margin-bottom: 10px; }
#commentform div {margin: 8px 0 5px 0; clear: left; }
#commentform label {display: block; float: left; width: 110px; margin: 2px 10px 0 0; font-weight: bold; text-align: right; }
#commentform small { font-size: 10px; color: #000033; }
#commentform .TextField { border: 1px solid #AAA; padding: 5px; margin-right: 5px; color: #222;}

#commentform .TextArea { background: #FFF; border: 1px solid #AAA; padding: 5px; color: #222; font-size: 12px; }

#commentform .post-comment {background: url(images/button_comment.gif) top left no-repeat; width: 170px; height: 40px; border: none; }
#commentform .post-comment:hover {background-position: bottom left; }


/*-------------------------------------------------
			Homepage
-------------------------------------------------*/
#home .post {background: #1e8cca url(images/bg_h-post.gif) top left no-repeat; padding: 10px; height: 210px; border: none; }
#home .entry {margin: 0 ;}

#home h3 {text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: normal; }
#home p {font-size: 1.2em; }

#home .buy {float: left; width: 225px; height: 210px; background: url(images/h-ssinuse.jpg) bottom left no-repeat; text-align: center; color: #FFF; font-weight: bold; font-size: 13px; }
#home .buy p {margin-bottom: 110px; padding-top: 12px; line-height: 30px; }
#home .buy .btn-h-wheretobuy {margin: 0 auto; }

#home .home-message {float: left; width: 330px; padding: 5px 0 0 0; margin: 0 15px; text-align: center; color: #FFF; }
#home .home-message h2 {color: #FFF; font-size: 21px; line-height: 25px; }
#home .home-message h2 strong {font-family: "Arial Black", Arial, sans-serif; }
#home .home-message img.alignright {margin: 5px 20px 5px 0; }
#home .home-message img.alignleft {margin: 5px 0 5px 20px; }
#home .home-message p {font-size: 15px; }
#home .video {float: right; width: 280px; text-align: center; }

#home .about, #home .safety {float: left; width: 246px; padding-top: 10px; }
#home .about a, #home .safety a, #home .announcements a {font-weight: bold; text-decoration: none; }
#home .about a:hover, #home .safety a:hover, #home .announcements a:hover {text-decoration: underline; }


.h-about {float: right; width: 300px; } 
.h-about a {font-weight: bold; text-decoration: none; }
.h-about a:hover {text-decoration: underline; }

.h-endorsement1 {float: left; width: 540px; margin: 0 20px 0 0; font-size: .9em; border-right: 1px solid #CCC; padding-right: 20px; }

.h-endorsement2 { float: left; width: 540px; margin: 0 20px 0 0; text-align: center; border-right: 1px solid #CCC; padding-right: 20px; }
.h-endorsement2 img {margin-top: 10px; }
.h-endorsement2 a {font-weight: bold; text-decoration: none; padding-top: 5px; }
.h-endorsement2 a:hover {text-decoration: underline; }

.h-blog { float: right; width: 300px; margin: 0; text-align: left; }
.h-blog a {text-decoration: none; }
.h-blog ul li a {font-weight: normal; text-decoration: underline; }
.h-blog ul {list-style: none; margin: 0; padding: 0; }
.h-blog ul li {line-height: 1.3em; margin-bottom: 8px; }
.h-blog span {font-size: .9em; }

.h-endorsement2 a {border-bottom: 2px solid #FFF;}
.h-endorsement2 a:hover {border-bottom: 2px solid #007dc3;}

#home .more {float: right; width: 50px; text-align: right; font-size: .9em; margin: 10px 0 0 0; }

#home .announcements {float: left; width: 306px; padding-top: 10px; }
#home .announcements .loader {float: left; margin: 12px 5px 0 0; }
#home .announcements h4 {margin: 0 0 5px 0; font-size: 1.1em; }
#home .announcements h4 span {font-size: .8em; color: #666; font-weight: normal; }


/*-------------------------------------------------
			Sidebar
-------------------------------------------------*/


#sidebar h3 {color: #636b6f; margin: 0 0 5px 0; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; font-size: 1.2em; }
#sidebar h3 a {color: #007dc3; }

#sidebar h4 {color: #636b6f; margin: 2px 0 0 0; font-weight: bold; font-size: 1em; }

#sidebar a {font-weight: bold; text-decoration: none; }
#sidebar a:hover {text-decoration: underline; }

#sidebar ul {margin: 0 !important; padding: 0; list-style: none;  }
#sidebar ol {margin: 5px 0 15px 0;  }
#sidebar li {margin: 0 0 5px 0; }

#sidebar li a {display: block; padding: 3px; }
#sidebar li a:hover {background: #FFF; }
#sidebar li a:hover {text-decoration: none; color: #007dc3; }

#sidebar ul li h3 {margin: 0 0 0 3px; }

#sidebar ul ul {margin: 0; }

#sidebar .s-posts a small {font-weight: normal; color: #666; }
#sidebar .s-posts .more {float: right; width: 50px; text-align: right; font-size: .9em; margin: 0 0 5px 0; }

#sidebar p {  }

#sidebar .about img {float: right; margin: 0 0 10px 10px; }

#sidebar .buy-now { }
#sidebar .buy-now h2 {color: #007dc3; font-weight: bold; text-align: center; }
#sidebar .buy-now label {text-align: right; margin: 0 10px 10px 0; }
#sidebar .buy-now p {padding-top: 4px; font-size: 1em; }

#sidebar .buy-now .add-to-cart {display: block; width: 145px; height: 40px; margin: 0 0 15px 0; background: url(images/button_addtocart-s.gif) top left no-repeat; }
#sidebar .buy-now .add-to-cart:hover {background-position: bottom left; }
#sidebar .buy-now select {font-size: 12px; }

.videoplayer {float: right; margin-bottom: 10px; width: 300px; }
.videoplayer form {margin: 10px 0 0 0; }

/*-------------------------------------------------
			Search Form
-------------------------------------------------*/

#searchform {background: #FFF; margin: -10px -10px 20px -10px; padding: 10px; }
#searchform input { }
#searchform #s {float: left; width: 158px; margin: 9px 0 0 0; }
#searchform #searchsubmit {float: right; background: url(images/button_search.gif) top left no-repeat; width: 85px; height: 40px; }
#searchform #searchsubmit:hover {background-position: bottom left; }

/*-------------------------------------------------
			Calendar
-------------------------------------------------*/

#wp-calendar { }
#wp-calendar th { }
#wp-calendar a { }
#prev a, #next a { }
#wp-calendar caption { }





/*---------------------------------------
	Forms
---------------------------------------*/
form label {display: block; float: left; width: 150px; padding-top: 5px; font-weight: bold; color: #007dc3; }
form div {clear: left; margin-bottom: 15px;}
form small { font-size: 10px; }
form .TextField, form textarea { border: solid 1px #AAA; padding: 5px; margin-right: 5px; font-size: 11px; color: #000;}
form select { border: solid 1px #AAA; padding: 2px; margin-right: 5px; font-size: 11px; color: #000;}

form submit {cursor: pointer; }
form .descriptor {margin: 3px 0 0 152px; font-size: .9em; }
form.alt label {width: 150px; }

.contactform {border-top: 1px dotted #CCC; margin: 10px 0 0 0; padding: 10px 0 0 0; }

/*-------------------------------------------------
			Messages
-------------------------------------------------*/
.message {border: 1px solid #345395; background: #D5E4F7 url(images/icon_information.gif) 3px 3px no-repeat; margin: 10px 0 10px 0; padding: 4px 5px 5px 25px; color: #345395;}

.success {border: 1px solid #208A1B; background-color: #CFEECA; background-image: url(images/icon_success.gif); color: #208A1B; }

.error {border: 1px solid #E36154; background-color: #F9D6CB; background-image: url(images/icon_exclamation.gif); color: #E36154; }


/*-------------------------------------------------
			Where to Buy
-------------------------------------------------*/

.productlist-3x ul {list-style-type: none; margin: 0; padding: 0; }
.productlist-3x ul li {float: left; display: inline block; width: 190px; margin: 0 5px 5px 5px; padding: 10px; background: #F5F5F5; text-align: center; }
.productlist-3x ul li img.alignnone {display: block; width: 150px; height: 150px; border: 1px solid #FFF; background: #FFF; padding: 0 20px; }
.productlist-3x ul li:hover {background: #FFC;}
.productlist-3x ul li:hover img {border: 1px solid #CCC;}
.productlist-3x ul li p {font-size: .9em; margin: 10px 0 0 0; }

.base-merchants h3 a {text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: bold; text-decoration: none; }
.base-merchants ul {list-style: none; margin: 0; padding: 0; font-size: .9em; }
.base-merchants ul li {float: left; margin: 0 13px; width: 85px; text-align: center; }
.base-merchants ul li.last {margin-right: 0 !important; }
.base-merchants ul li a img {border: 1px solid #FFF; }
.base-merchants ul li a:hover img {border-color: #CCC; }

/*.base-merchants h3 {float: left; width: 138px; padding-top: 15px; }
.base-merchants ul {list-style: none; margin: 0; padding: 0; font-size: .9em; float: right; width: 752px; }
.base-merchants ul li {float: left; margin: 0 14px; width: 80px; text-align: center; }
.base-merchants ul li.last {margin-right: 0 !important; }*/


/*-------------------------------------------------
			Miscellaneous
-------------------------------------------------*/
.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.right { float: right; }
.left { float: left }

.alignright {float: right; margin: 0 0 10px 10px; }
.alignleft {float: left; margin: 0 10px 10px 0; }

.center { text-align: center; }
.hidden { display: none; }

hr { display: none; clear: both; }
a img { border: none; }

.top1em {margin-top: 1em; }
.top2em {margin-top: 2em; }

.pad5 {padding: 5px; }
.pad10 {padding: 10px; }

.breadcrumbs {color: #444; font-size: .9em; margin: 0 0 15px 0; }
.breadcrumbs a {color: #222; }

.line {background-color: #CCC; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }

#lightbox {display: none;}