/*
Theme Name: Stranger Studios Theme
Theme URI: http://events.strangerstudios.com
Description: This is a basic ssevents 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; vertical-align: baseline; }

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

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

#page { }

#w-header {background: #003B63 url(images/bg_w-header.gif) left top repeat-x; }
#header { }
#header .description {font-size: 11px; margin-top: 5px; color: #FFF; }

#w-menu {background: #003B63 url(images/bg_w-menu.gif) left bottom repeat-x; }

#w-wrapper {background: #fffdee url(images/bg_w-wrapper.gif) center top repeat-y; }
#wrapper {background: #FFF; margin: 0; }
#content {width: 640px; padding: 30px 0 30px 30px; }
#content.wider {width: 700px; }

#sidebar {width: 230px; padding: 30px 30px 30px 0; }
#sidebar.narrow {width: 180px; }

#wrapper.homepage #content {width: 570px;}
#wrapper.homepage #sidebar {width: 300px;}

#w-footer {background: #003B63 url(images/bg_w-footer.gif) left top repeat-x; }
#footer {margin: 0 0 1em 0; padding: 1em 0 0 0; color: #E4F0F7; font-size: .9em; }

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

.red {color: #CC0000 !important; }

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

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

a, a:link {color: #003B63; text-decoration: underline; }
a:hover {color: #5998C7;  }

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; color: #444; background: #EDEDED; padding: 1.5em 1.5em 1px 1.5em; font-style: italic; }

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

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

/*--------------------------------------------------
	Headings
----------------------------------------------------*/
h1#logo {float: left; display: block; width: 460px; font-size: 1.8em; font-weight: bold; margin: 10px 0 10px 0; color: #EEA500;}
h1#logo a {text-decoration: none; }

h2 { font-size:1.6em; margin-bottom: .25em; font-weight: bold; color: #EEA500; }
h2 small {font-size: .5em; vertical-align: middle; }
h3 { font-size: 1.2em; margin-bottom: .25em; font-weight: bold; color: #003B63; }
h4 { font-size: 1.2em; margin-bottom: .25em; font-weight: bold; color: #777; }
h5 { font-size: 1.1em; margin-bottom: .25em; font-weight: bold; color: #777; }
h6 { font-size: 1.1em; margin-bottom: .25em; font-weight: bold; color: #777; }


/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.message {background: #D5E4F7 url(images/icon_information.gif) 3px 5px 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; }


/*--------------------------------------------------
	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_quote {background-image: url(images/btn_getquote.png); width: 300px; height: 60px; min-height: 60px; }


/*--------------------------------------------------
	Header
----------------------------------------------------*/
#header .btn {float: right; margin: 30px; }

#menu {margin: 0; padding: 0; list-style: none; }
#menu li {display: inline; margin: 0; padding: 0; }
#menu li, #menu li.page_item { display: inline; margin: 0; padding: 0; } 
#menu a, #menu a:link { background: none; color: #E4F0F7; font-weight: bold; margin-right: .5em; padding: .75em 1.5em; float: left; display: block; text-decoration: none; } 
#menu a:hover { color: #FFF; text-decoration: underline; } 
#menu li.current_page_item a { background: #FFF; color: #EEA500; } 
#menu li.current_page_parent a { background: #FFF; color: #EEA500; } 


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

.post { }
.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%; }

.blogposts .posttext p img {margin-left: -20px;}

/*--------------------------------------------------
	The Post (Thumbnails)
----------------------------------------------------*/
.post_thumbnail {width: 196px; float: left; margin: 0 10px 10px 0; padding: 5px; background: #EEE;}
.post_thumbnail h2 {font-size: 1.3em; text-align: center; margin-top: 5px;}
.no-right-margin {margin-right: 0;}

.overthumb {background-position: top left; background-repeat: no-repeat; width: 197px; height: 126px; display: block;}
.overthumb:hover {background-position: bottom left;}

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

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



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

.intro {font-size: 24px; line-height: 34px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #AAA; padding: 30px; text-align: center; font-weight: normal; }
.intro a, .intro a:link {color: #5998C7; text-decoration: none; border-bottom: 1px dotted #5998C7; }
.intro a:hover {color: #003B63; border-color: #003B63; }

#serviceboxes {background: #E4F0F7 url(images/bg_gradient-lightblue.gif) bottom left repeat-x; padding: 15px; margin: 0 30px; border: 1px solid #E4F0F7; }
#serviceboxes .servicebox {float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #FFF; color: #666; width: 262px; }
#serviceboxes .servicebox h2 {font-size: 1.4em;}
#serviceboxes .servicebox h2 a {display: block; background: #5998C7 url(images/bg_gradient-blue.gif) bottom left repeat-x; padding: 5px; margin: 0; color: #FFF; text-decoration: none; }
#serviceboxes .servicebox h2 a:hover {background: #EEA500 url(images/bg_gradient-orange.gif) bottom left repeat-x; }
#serviceboxes .servicebox p {margin: .8em 5px 0 5px; }
#serviceboxes .servicebox p a {font-weight: bold; text-decoration: none; color: #5998C7; }
#serviceboxes .servicebox p a:hover {color: #EEA500; text-decoration: underline; }
#serviceboxes .servicebox img {float: right; border: 1px solid #EEE; padding: 3px; background: #FFF; width: 75px; margin: 0 0 10px 10px; }
#serviceboxes .last {margin-right: 0px; border: 0px; padding-right: 0px; }

.homepage .post h2 {padding: 5px 20px; color: #003B63; font-size: 1.3em; }
.homepage .pagetext {padding: 0px 20px; }

/*--------------------------------------------------
	Sidebar
----------------------------------------------------
#sidebar ul {list-style: none; margin-left: 0; }
#sidebar ul li {background: #59B5FF url(images/bg_gradient-blue.gif) bottom left repeat-x; padding: 1.5em; margin: 0 0 .5em 0; border: 1px solid #59B5FF; }
#sidebar ul h3 {color: #FFF; font-size: 1.4em; }

#sidebar ul ul {list-style: disc; margin: 0 0 0 20px; color: #FFF; }
#sidebar ul ul li {padding: 0; margin: .5em 0 0 0; background: none; border: none; }
#sidebar ul ul li a {font-weight: bold; color: #FFF;  } 
#sidebar ul ul li a:hover {color: #FFF; }

#sidebar .links {list-style: none !important; margin-left: 0px; }
#sidebar .links .linkcat {margin-top: 15px; }
#sidebar .links .linkcat ul {font-size: .9em; }

#sidebar ul li.special-offer {color: #FFF; background: #FF6F30 url(images/bg_gradient-red.gif) bottom left repeat-x; border: 1px solid #FF6F30; }
#sidebar ul li.special-offer a {color: #FFF; } 
#sidebar ul li.special-offer p {margin: 1em 0 0 0; } 
*/

/*--------------------------------------------------
	Sidebar
----------------------------------------------------*/
#sidebar ul {list-style: none; margin-left: 0; }
#sidebar ul li {margin: 0 0 1em 0; padding: 5px; background: #E4F0F7 url(images/bg_gradient-lightblue.gif) bottom left repeat-x; border: 1px solid #E4F0F7; }
#sidebar ul li.s-search {background: #E4F0F7; }
#sidebar ul ul {margin: 0; }

#sidebar ul h3 {color: #FFF; background: #5998C7 url(images/bg_gradient-blue.gif) bottom left repeat-x; padding: 5px; margin: 0; font-size: 1.2em; }

#sidebar ul ul li {padding: 0; margin: 0; border: none; font-size: .9em; background: none; }
#sidebar ul ul li a {display: block; padding: 5px; font-weight: bold; text-decoration: none; } 
#sidebar ul ul li a:hover {background: #FFF; color: #5998C7; }
#sidebar ul ul li a .count {color: #AAA; }

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

#sidebar ul li.s-offer {background: #FAE4B2 url(images/bg_gradient-lightorange.gif) bottom left repeat-x; border-color: #FAE4B2; text-align: left; }
#sidebar ul li.s-offer h3 {background: #EEA500 url(images/bg_gradient-orange.gif) bottom left repeat-x; }
#sidebar ul li.s-offer h3 a {text-decoration: none; color: #FFF; }
#sidebar ul li.s-offer h3 a:hover {text-decoration: underline; }
#sidebar ul li.s-offer h3 .s-more {float: right; width: 50px; text-align: right; font-size: 10px; color: #FFF; }  
#sidebar ul li.s-offer .s-offerexcerpt {padding: 10px 5px 5px 5px; color: #003B63; } 
#sidebar ul li.s-offer .s-offerexcerpt h4 {margin: 0; }
#sidebar ul li.s-offer .s-offerexcerpt a {color: #003B63; }
#sidebar ul li.s-offer .s-offerexcerpt p {margin: 8px 0 0 0; }


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

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

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

ol.commentlist li.alt { }

ol.commentlist a { }

.comment-author { }
.comment-author cite {font-style: normal; color: #EEA500; 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-meta {font-size: .9em; }
.commentmetadata { }
.commentlist p {clear: left; }

.reply .comment-reply-link {font-weight: bold; background: #FFF; padding: 5px; display: block; text-decoration: none;  }
.reply .comment-reply-link:hover {background: #FF6F30; color: #FFF; }

.children {margin: 0 !important; list-style: none; }
.children li {margin: 10px 0 0 0 !important; background: #FFF !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 {width: 215px; float: right; text-align: right; margin: 30px 0 0 0; padding: 10px; background: #003B63;  }
#searchform input { }
#searchform #s {width: 170px; float: left; margin: 0; }
#searchform #searchsubmit {width: 30px; }

#subsearchlinks {clear: right; width: 225px; float: right; text-align: left; margin: .5em 0 1em 0; font-size: .9em; font-weight: bold; color: #4C9AD9;  }

/*--------------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;}

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

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

.top1em {margin-top: 1em; }

.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: #CCC; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }

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

.hidden {display: none;}