/*
Theme Name: Stranger Studios Fixed-boxed Theme
Theme URI: http://www.strangerstudios.com
Description: This is the Stranger Studios Fixed-boxed theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*--------------------------------------------------
	Reset
----------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

/*--------------------------------------------------
	Block Level Elements
----------------------------------------------------*/
Body {margin: 25px 0 25px 0; padding: 0; text-align: center; font: 80% Arial, Helvetica, sans-serif; background-color: #CCC; background-image: url(images/custom/bg_body.gif); background-position: top center; background-repeat: repeat; color: #222; }

.width {width: 960px; margin: 0 auto; text-align: left; }

#page {background: url(images/custom/bg_page.gif) top center repeat-y; }

#w-header { }
#header {background: url(images/custom/bg_header.gif) 325px 50px no-repeat; }

#w-menu {background-image: url(images/bg_w-menu.gif); background-position: center top; background-repeat: no-repeat; height: 45px; min-height: 45px; }

#w-wrapper {}
#wrapper {background-color: #FFF; background-image: url(images/bg_wrapper.gif); background-position: 224px 0px; background-repeat: repeat-y; margin: 5px 0; }
#content {width: 690px; padding: 10px 20px 15px 0; }
#content .banner {background-image: url(images/bg_banner-alt.gif); background-position: bottom right; background-repeat: no-repeat; font-size: 12px; line-height: 16px; color: #666; clear: both; margin: 0 0 1em 0; }
#content .banner .banner-top {background-image: url(images/bg_banner-alt_top.gif); background-position: top right; background-repeat: no-repeat; }
#content .banner .banner-inner {background-image: url(images/bg_banner-alt_left.gif); background-position: bottom left; background-repeat: no-repeat; padding: 10px; font-size: 14px; line-height: 20px; }
#content .banner .banner-inner img {float: left; border: 2px solid  #FFF; box-shadow: 0px 0px 3px #666; margin: 0 15px 0 0; }
#content .banner h3 {color: #0099FF; margin: 0; }
.gallerypage #content .banner {margin-top: 1em; }

#sidebar {width: 200px; padding: 10px 30px 15px 0px; }

#w-footer {background-image: url(images/bg_w-footer.gif); background-position: center top; background-repeat: no-repeat; }
#footer {margin: 0 15px 0 15px; padding: 0; color: #666; font-size: .8em; }


/*--------------------------------------------------
	Colors
----------------------------------------------------*/

.red {color: #CC0000 !important; }

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

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

a, a:link {color: #0099FF; text-decoration: underline; }
a:hover {color: #000;  }
a.noline {text-decoration: none; }

a img { border: none; }
strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }
blockquote {margin: 1.5em 0; line-height: 1.4em; background-color: #EEE; background-image: url(images/bg_gradient-light.gif); background-position: bottom left; background-repeat: repeat-x; padding: 1.5em 1.5em 1px 1.5em; clear: both; border: 1px solid #EEE; font-style: italic; }

blockquote strong {color: #0099FF; font-size: 1.4em; }

ul {margin: 0 0 1.5em 20px; line-height: 1.2em; }
ol {margin: 0 0 1.5em 20px; * margin-left: 25px; line-height: 1.2em; }
ul ul {margin-bottom: }

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

hr {border: none; border-bottom: 1px solid #CCCCCC; margin: 1.5em 0 1.5em 0;}

/*--------------------------------------------------
	Headings
----------------------------------------------------*/
#logo {float: left; display: block; width: 300px; font-size: 1.8em; font-weight: bold; margin: 20px 0 20px 10px; color: #666; }
#logo a {text-decoration: none; color: #666; }
#header .description {font-size: 12px; margin-top: 5px; color: #999; }

h1, h2 { font-size:1.6em; margin-bottom: .25em; font-weight: bold; color: #666; }
h1 span, h2 span { color: #0099FF; }
h1 small, h2 small {font-size: .5em; vertical-align: middle; }
h3 { font-size: 1.2em; margin-bottom: .5em; font-weight: bold; color: #777; }
h3.blue {color: #0099FF; }
h3 small {font-size: .6em; }
h4 { font-size: 1.1em; margin: .5em 0; font-weight: bold; color: #777; }
h5 { font-size: 1.1em; margin-bottom: .5em; font-weight: bold; color: #777; }
h6 { font-size: 1.1em; margin-bottom: .5em; font-weight: bold; color: #777; }


/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.message {background-color: #D5E4F7; background-image: url(images/icon_information.gif); background-position: 3px 5px; background-repeat: no-repeat; margin: 0 0 1.5em 0; padding: 6px 6px 6px 25px; color: #345395; font-weight: bold; line-height: 1.3em; }

.success {background-color: #CFEECA; background-image: url(images/icon_success.gif); color: #208A1B; }
.error {background-color: #F9D6CB; background-image: url(images/icon_error.gif); color: #E36154; }
.alert {background-color: #FFF6CC; background-image: url(images/icon_alert.gif); color: #CF8516; }

.message a {color: #345395; }
.success a {color: #208A1B; }
.error a {color: #E36154; }
.alert a {color: #CF8516; }

/*--------------------------------------------------
	Forms & Buttons
----------------------------------------------------*/

form div {clear: left; margin-bottom: 1.5em;  }
form label {float: left; margin: 3px 10px 0 0; width: 130px; font-weight: bold; text-align: right; }
form div div {width: 380px; margin-left: 140px; clear: none;}
form .likelabel {font-weight: bold; }
form .input, form textarea, .input {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; }
form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form select {margin: 2px 0 0 0 ;}
.lite {color: #666; }
form .leftmar {margin: 8px 0 0 140px; }

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

.btn-search {cursor: pointer; float: right; background-image: url(images/btn-search.png); width: 55px; height: 21px; min-height: 21px; margin-top: 1px !important; }

.btn-orange, .btn-orange:link {background: #f1990d url(images/btn-orange.gif) bottom left repeat-x; font-size: 13px; padding: 4px 10px; cursor: pointer; color: #FFF; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 1px 1px 4px #999; -moz-box-shadow: 1px 1px 4px #999; }
.btn-orange:hover {background: #e66503; color: #FFF; }



/*--------------------------------------------------
	Header
----------------------------------------------------*/
#w-menu .menu {margin: 0; padding: 0 14px; list-style: none; }
#w-menu .menu li {display: inline; margin: 0; padding: 0; }
#w-menu .menu a, #w-menu .menu a:link {background: none; color: #666; font-weight: bold; padding: 12px 21px 12px 21px; line-height: 14px; float: left; display: block; text-decoration: none;  font-size: 13px; border-right: 1px solid #CACACA; } 
#w-menu .menu #menu-item-5066 a, #w-menu .menu #menu-item-5066 a:link {border: none; }
#w-menu .menu a:hover { background-image: url(images/bg_menu-hover.gif); background-position: top left; background-repeat: repeat-x; } 
#w-menu .menu li.current_page_item a { background-color: #666; background-image: url(images/bg_menu-current.gif); background-position: top left; background-repeat: repeat-x; color: #FFF; } 
#w-menu .menu li.current_page_parent a { background-color: #666; background-image: url(images/bg_menu-current.gif); background-position: top left; background-repeat: repeat-x; color: #FFF;  } 

.header-right {float: right; width: 620px; padding: 38px 0 0 0;  }

#header .sn {float: right; text-align: right; margin: 1px 0 0 10px; }
#product-searchform {float: right; width: 160px; margin: 0 0 1em 0; background: #FFF; border: 1px solid #ddd; box-shadow: 1px 1px 4px #ddd; -moz-box-shadow: 1px 1px 4px #ddd; border-radius: 5px; -moz-border-radius: 5px; padding: 5px; height: 20px; }
#product-searchform #product-searchinput {width: 130px; float: left; margin: 0; font-size: 11px; padding: 3px 0; line-height: 14px; height: 14px; border: none; }
#product-searchform #product-searchinput:focus {outline: none; }
#product-searchform .btn-magnify {width: 20px; height: 20px; background: url(images/icon_search.gif) top left no-repeat; float: right; }

#subsearchlinks {clear: both; text-align: right; font-size: .9em; font-weight: bold; color: #666;  }
#subsearchlinks a {color: #666; }
#subsearchlinks a:hover {color: #000; }


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

.post {* display: inline-block;}
.post .p-date {margin: 0 0 .5em 0; color: #666; font-size: .9em; }
.post .postmetadata {border-top: 1px solid #CCC; margin: 1em 0 0 0; padding-top: 5px; font-size: .9em; color: #666; clear: both; }
.post .postmetadata a {font-weight: bold; color: #666; }

.navigation { display: block; margin: 1.5em 0; }
.navigation .alignleft {float: left; text-align: left; width: 48%; }
.navigation .alignright {float: right; text-align: right; width: 48%; }

#content form.justemails .email {width: 200px; float: left; }
#content form.justemails input.btn-join {width: 37px; height: 20px; float: left; margin-top: 1px; }
#content form.justemails {margin: 5px 0 0 0; }


/*--------------------------------------------------
	Posts Archives (Index, Category, Archive, Search)
----------------------------------------------------*/
.blogposts .post {background-color: #EEE; background-image: url(images/bg_gradient-light.gif); background-position: bottom left; background-repeat: repeat-x; padding: 1.5em; margin: 0 0 1.5em 0; border: 1px solid #EEE; }
.blogposts .post h2 {margin-bottom: 0;}

/*--------------------------------------------------
	Single Post
----------------------------------------------------*/
.single h2, .single h1 {margin-bottom: 0; }
.single h2 a, .single h1 a {text-decoration: none; }

/*--------------------------------------------------
	The Page
----------------------------------------------------*/
.page 
.page .pagetitle { }


.widget-share {float:right; width: 300px; text-align: right; margin: 0 0 10px 10px; }
.images .widget-share {float: none; width: auto; }

/*--------------------------------------------------
	Galleries
----------------------------------------------------*/
.gallery {
	margin: auto;
	width: 100%;
}
.gallery:after {
	content: '.';
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.gallery-item {
	float: left;
	margin-top: 10px;
	margin-bottom: 1.5em;
	text-align: center;
	width: 33%;
}
.gallery-item-beginrow {
	clear: both;
}
.gallery-caption {
	margin-left: 0;
	margin-top: 5px;
	color: #666;
}


/*--------------------------------------------------
	Homepage
----------------------------------------------------*/

.gallerypage {background: none !important; }
.gallerypage #content {width: 740px; padding: 0; }

.gallerypage #sidebar {padding-right: 0; }

.productgallery {margin: 0; padding: 0; list-style: none; }
.productgallery li {float: left; display: block; width: 229px; height: 236px; background: url(images/custom/bg_productgallery-li.gif) top left no-repeat; padding: 8px; margin: 5px 0 0 0; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Verdana, Arial, sans-serif; font-size: 20px; line-height: 24px; font-size: 16px;}
.productgallery .alt {background: url(images/custom/bg_productgallery-li-alt.gif) top left no-repeat; }
.productgallery li img {display: block; width: 229px; height: 185px; margin-bottom: 10px; }
.productgallery li a {text-decoration: none; }
.productgallery li a:hover {text-decoration: underline; }

.homegallery {margin: 0; padding: 0; list-style: none; }
.homegallery li {float: left; display: block; width: 229px; height: 236px; background: url(images/custom/bg_productgallery-li.gif) top left no-repeat; padding: 8px; margin: 5px 0 0 0; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Verdana, Arial, sans-serif; font-size: 20px; line-height: 24px; font-size: 16px;}
.homegallery .alt {background: url(images/custom/bg_productgallery-li-alt.gif) top left no-repeat; }
.homegallery li img {display: block; width: 229px; height: 185px; margin-bottom: 10px; }
.homegallery li a {text-decoration: none; }
.homegallery li a:hover {text-decoration: underline; }

.homegallery-v2 {margin: 0; padding: 0; list-style: none; }
.homegallery-v2 li {float: left; display: block; width: 229px; height: 236px; background: url(images/custom/bg_productgallery-li.gif) top left no-repeat; padding: 8px; margin: 5px 0 0 0; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Arial, sans-serif; line-height: 24px; font-size: 16px; }
.homegallery-v2 .alt {background: url(images/custom/bg_productgallery-li-alt.gif) top left no-repeat; }
.homegallery-v2 .homegallery-pic {height: 185px; width: 230px; background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; }
.homegallery-v2 li a {text-decoration: none; }
.homegallery-v2 li a:hover {text-decoration: underline; }

.productgallery li a {text-decoration: none; }
.productgallery li a:hover {text-decoration: underline; }
.giftsproductgallery {margin: 0; padding: 0; list-style: none; }
.giftsproductgallery li {float: left; display: block; width: 171px; height: 168px; background: url(images/custom/bg_giftsproductgallery-li.gif) top left no-repeat; padding: 6px; margin: 5px 0 0 0; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Verdana, Arial, sans-serif; font-size: 20px; line-height: 20px; font-size: 16px;}
.giftsproductgallery .alt {background: url(images/custom/bg_giftsproductgallery-li-alt.gif) top left no-repeat; }
.giftsproductgallery li img {display: block; margin-bottom: 7px; }
.giftsproductgallery li a {text-decoration: none; }
.giftsproductgallery li a:hover {text-decoration: underline; }

/*--------------------------------------------------
	Sidebar
----------------------------------------------------*/
#sidebar .s-pic {border: 22px solid #CCC; margin: -120px 0 1em 0}

#sidebar ul {list-style: none; margin-left: 0; }
#sidebar ul li {margin: 0 0 1em 0; }
#sidebar ul ul {margin: 0 2px; border: 1px solid #DDD; border-top: none; }
#sidebar ul ul ul {margin: 0; border: none; }
#sidebar ul ul ul li a {padding-left: 18px; background-image: url(images/custom/bullet.gif); background-position: 10px 11px; background-repeat: no-repeat; }

#sidebar ul li h3 {color: #444; margin: 0; padding: 9px 12px 11px 12px; background-color: #EFEFEF; background-image: url(images/bg_s-h3.gif); background-position: top left; background-repeat: no-repeat; font-size: 12px; height: 12px; line-height: 12px; }
#sidebar ul li h3 a {color: #444; text-decoration: none;   }
#sidebar ul li h3 a:hover {text-decoration: underline; }

#sidebar h4 {color: #0099FF; margin-bottom: 10px; }

#sidebar ul ul li {padding: 0; margin: 0; border: none; font-size: 11px; background: none; line-height: 14px; }
#sidebar ul ul li a {display: block; padding: 5px 10px; font-weight: bold; text-decoration: none; } 
#sidebar ul ul li a:hover {background-color: #EFEFEF; }
#sidebar ul ul li a .count {color: #AAA; font-size: .9em; }

#sidebar .s-links { }
#sidebar .s-links .linkcat .cat-name {font-weight: bold; padding: 5px 10px; color: #AAA;  }
#sidebar .s-links .linkcat ul {border: none; border-bottom: 1px solid #FFF; margin: 0; }
#sidebar .s-links .linkcat ul li a {font-size: .9em; padding-left: 10px; }

#sidebar .s-offer .s-more {float: right; width: 50px; text-align: right; font-size: 10px; color: #666; }  
#sidebar .s-offer .s-more:hover {color: #000; }
#sidebar .s-offer .s-offerexcerpt {padding: 10px; color: #444; border: 1px solid #DDD; border-top: none; margin: 0 2px; } 
#sidebar .s-offer .s-offerexcerpt h4 {margin: 0; }
#sidebar .s-offer .s-offerexcerpt a {color: #444; }
#sidebar .s-offer .s-offerexcerpt a:hover {color: #000; }
#sidebar .s-offer .s-offerexcerpt p {margin: 8px 0 0 0; }

#sidebar .s-featured div {border: 1px solid #DDD; border-top: none; margin: 0 2px; padding: 8px 5px 5px 5px; font-size: 12px; text-align: center; }
#sidebar .s-featured div p {margin: 3px 0 5px 0; line-height: 1.5em; padding: 0 3px; }
#sidebar .s-featured div a {text-decoration: none; font-weight: bold; }
#sidebar .s-featured div img {display: inline-block; margin: 0 auto; border: 1px solid #CCC; }
#sidebar .s-featured .btn, #sidebar .s-featured .btn-orange, #sidebar .s-featured .btn:link, #sidebar .s-featured .btn-orange:link {display: inline-block; font-weight: normal; }

#sidebar .s-welcome div {border: 1px solid #DDD; border-top: none; margin: 0 2px; padding: 8px 5px 5px 5px; font-size: 12px; }
#sidebar .s-welcome div p {margin: 3px 0 5px 0; line-height: 1.5em; padding: 0 3px; }
#sidebar .s-welcome div div {border: none; padding: 0; margin: 5px 0 0 0 !important; }
#sidebar .s-welcome a {font-weight: bold; }
#sidebar .s-welcome small {font-size: 11px; }

#sidebar form.justemails .email {width: 132px; float: left; }
#sidebar form.justemails input.btn-join {width: 37px; height: 20px; float: right; margin-top: 1px; }
#sidebar form.justemails {margin: 5px 0 0 0; }

#sidebar .s-blogtop {margin: 0 2px; padding: 10px; border: 1px solid #DDD; border-top: none; }

/*--------------------------------------------------
	Footer
----------------------------------------------------*/
#footer p {float: left; width: 75%; text-align: left; }
#footer a {color: #666; font-weight: bold; text-decoration: none; }
#footer a:hover {text-decoration: underline; }
#footer .sstag {float: right; width: 25%; text-align: right; }

#footermenu {margin: 0 0 1em 0; padding: 6px 0 2em 0; line-height: 16px; list-style: none; border-bottom: 1px solid #CCC; }
#footermenu li {display: inline; margin: 0; padding: 0; }
#footermenu li, #footermenu li.page_item { display: inline; margin: 0; padding: 0; } 
#footermenu a, #footermenu a:link { background: none; margin-right: 20px; float: left; display: block; text-decoration: none; } 
#footermenu a:hover { text-decoration: underline; } 

/*--------------Comments--------------*/
h3#comments {margin-top: 1.5em; }
h3.nocomments { }

ol.commentlist {list-style: none; margin-left: 0; }
ol.commentlist li {background-color: #EEE; background-image: url(images/bg_gradient-light.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; margin: 0 0 1.5em 0; border: 1px solid #EEE;   }

ol.commentlist li.alt { }

ol.commentlist a { }

.comment-author { }
.comment-author cite {font-style: normal; color: #666; font-weight: bold; font-size: 1.2em; }
.comment em {color: #990000; font-size: .9em; }

.comment-author img {float: left; margin: 0 .5em .5em 0; border: 2px solid #EEE; }
.comment-body {clear: both; }

.comment-meta {font-size: .9em; }
.commentmetadata { }
.commentlist p {clear: left; }

.reply {clear: both; }
.reply .comment-reply-link {font-weight: bold; background-color: #FFF; padding: 5px; display: block; text-decoration: none;  }
.reply .comment-reply-link:hover {background-color: #666; background-image: url(images/bg_gradient-alt.gif); background-position: bottom left; background-repeat: repeat-x; color: #FFF; }

.children {margin: 0 !important; list-style: none; }
.children li {margin: 10px 0 0 0 !important; background-color: #FFF !important; background-image: none !important; padding: 10px 10px 1px 10px !important; border: none !important; }
.children .depth-2 { }

#respond h3 {margin-top: 1.5em; margin-bottom: .5em; }
#respond h3 small {font-size: 10px; }

/*--------------Search Form-------------*/
#searchform {padding-bottom: 1px; }
#searchform #s {width: 108px; float: left; margin: 0; font-size: 11px; padding: 3px; border: 1px solid #AAA; }
#searchform #searchsubmit {float: right; }

/*--------------Images------------------*/
.centered { display: block; margin-left: auto; margin-right: auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { margin: 0 0 1.5em 1.5em; float: right; }
.alignleft { margin: 0 1.5em 1.5em 0; float: left;}

#sidebar .alignright, #sidebar .alignleft {margin: 0 2px !important; }


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

.right { float: right; }
.left { float: left }
.center { text-align: center; }

.top1em {margin-top: 1em; }
.top5px {margin-top: 5px; }

.breadcrumbs {color: #888; font-size: .9em; margin: 0 0 1.5em 0; padding: 0 0 .75em 0; border-bottom: 1px solid #CCC; }
.breadcrumbs a {color: #666; text-decoration: none; font-weight: bold; }
.breadcrumbs a:hover {text-decoration: underline; }

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

#sidebar .line {margin: 15px 0 !important; }

.shadow {height: 2px; min-height: 2px; background-color: #EFEFEF; margin: 0 2px 0 2px; }


.sitemap-blog {float: right; width: 160px; background-color: #EEE; background-image: url(images/bg_gradient-light.gif); background-position: bottom left; background-repeat: repeat-x; padding: 1.5em; border: 1px solid #EEE; }
.sitemap-blog h4 {color: #AAA;  }
.sitemap-blog ul {color: #AAA; font-size: .9em; }

.hidden {display: none;}

#sidebar .sub-email {display: block; background: url(images/icon_email.gif) top left no-repeat; padding: 1px 0 3px 20px; text-decoration: none !important; font-weight: bold; }
#sidebar .sub-rss {display: block; background: url(images/icon_rss-16.png) top left no-repeat; padding: 1px 0 3px 20px; text-decoration: none !important; font-weight: bold; }
#sidebar .twitter {display: block; background: url(images/icon_twitter.png) top left no-repeat; padding: 1px 0 3px 20px; text-decoration: none !important; font-weight: bold; }
#sidebar .facebook {display: block; background: url(images/icon_facebook.png) top left no-repeat; padding: 1px 0 3px 20px; text-decoration: none !important; font-weight: bold; }

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