/*
Theme Name: St. Louie II
Theme URI: http://smashly.net/
Description: The stlouie.com theme II
Version: 0.1
Author: Byron Bennett
Author URI: http://www.whypad.com/
Tags: gravatar, right sidebar

	Based on Kubrick v1.5

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* - BASIC STUFF - */
body { 
	color:#333; margin:0 auto;padding:0 0px; 	
	background-repeat:repeat-x;
	background-color: #ECF7FD;
	border-top: 15px solid #ECF7FD;
	font-size: 13px;
	font-family: Arial,Lucida Grande, Helvetica, Verdana, sans-serif;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

a.imglink:hover {text-decoration:none;}

.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

.clear { clear: both; }

img { border: none; margin: 0; padding: 0; }

/* CSS Document */

/* -- MAIN DIV'S -- */

#masthead {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin: 0 0 15px;
padding: 0 0 10px;
width: 962px;
}

div#welcome{
	float: right;
	text-align: right;
	margin: 0 10px;
}

#masthead-right {
float:left;
font-size:11px;
padding:3px 0 0;
width:520px;
margin: 10px;
}

#masthead-right div{
	margin-bottom: 4px;
}

#masthead-right form{
	margin: 0;
}

.stl-menu{
	margin-top: 25px;
}

#masthead-main{
clear: both;
float:left;
font-size:11px;
padding: 3px 10px 0;
text-align:left;
width:400px;
}

#menu-container {
position: relative;
margin: 7px 0;
background-color: #bb0000;
width: 100%;
padding: 0;
height: 26px;
border-top:1px solid #aaa;
z-index: 10;
}

/* Front - Page */
.col-outer {
	margin: 0 15px;
	float: left;
	font-size: 12px;
	width: 280px;
}

.col-mid {
	float:left;
	margin:0 10px;
	width:280px;
}

#wrapper {
	float:none;
	clear:both;
	margin:0 auto; 
	padding: 0px 0 0;
	width:962px;
	background-color: #fff;
	overflow: hidden;
	border: 1px #eee solid;
}

#content-wrapper {
	overflow: hidden;
	width: 622px;
	float: left;
	background-color: #fff;
	line-height: 150%;
	margin: 5px 0 0;
	padding-left: 5px;
}

.breadcrumb {margin: 1px 0 8px 23px;}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {}


#footer {
	border-top: 3px solid #ccc;
	text-align: left;
	margin:10px auto 0;
	clear:both;
	float:none;
	padding: 12px 0;
	background-color: #333;
}

#footer a, #footer h1, #footer h3, #footer h2 {
	color: #fff;
	font-weight: normal;
}



#footer-info {
	height:17px;
	overflow:hidden;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background-color: #bb0000;
	color: #fff;
	border-top:1px solid #AAAAAA;
}

#footer-info  a{
	color: #fff;
	font-weight: bold;
}


#header-wrapper {
	margin: 90px auto 0; 
	
	padding: 20px 0 0;
	height: 101px;
}

/* -- POSTS -- */
#respond, .post { 
	padding: 0 10px 10px ;
	margin-bottom: 10px;

}

.post { 
	border-right: 1px solid #ddd;
}

/* -- STYLING -- */

#wrapper li { 
	line-height: 1.5em;
}

#sm_navigation {
	float:left;
	width: 600px;
	margin-top: 20px;
	
}

#header-feed {
	float: right;
}

#content-wrapper .postmetadata {
	text-align: center;
	}

/* -- HEADER -- */


#content-wrapper{
	font-size: 1.05em;
}

a:hover {
	color: #dd3333;
}

a {
	color: #990000;
}

#header a:hover {
	background-color: transparent;
}

#header h1{
	font-family:  Andale Mono,Courier New, Courier,  Georgia;
	margin: 7px 0 0;
	padding: 0;
}

#header h1 a{
	color: #111;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	}
	
h2.pagetitle {
	font-size: 1.6em;
	}

h2, h3 {
	font-family: Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	text-align: left;	
	font-weight: normal;
}


h1 a{ color: #000; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	color: #dd3333; 
}

h1, h2 {
letter-spacing:0.2px;
}

.postinfo, .commentinfo{
	color: #777; 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.94em;
	line-height: 1.5em;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

/* -- SIDEBAR -- */
.sidebar-wrap {
	margin: 5px 0 0;
	float: right;
	width: 320px;
	padding-right: 5px;
	line-height: 150%;
}

.sidebar h3 {
	margin: 5px 0 5px;
	padding-bottom: 2px;
	text-align: left;
	font-weight: normal;
}

.sidebar {
	padding: 5px 10px 10px ;
	margin: 0px 0 5px;
}

.sidebar p, .sidebar ul{
	line-height: 1.3em;
}

.sidebar ul {
	margin: 0 0 10px;
	padding: 0;
}

.sidebar ul li {
	margin: 0;
	padding: 0;
}


/* -- LISTS -- */

/*li {list-style-type: disc;}  want dots in front of your lists...? change to list-style-type: disc */

.sidebar-wrap ul li {
	background: url(images/bullet2.gif) no-repeat 0 8px;
	list-style: none;
	padding: 3px 0 0 15px;
}

.sidebar-wrap ul {
	margin-left: 0px;
}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto; padding-top: 5px; padding-left: 8px;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin-right: 5px;
	background: #fff;
}

li.comment {
	line-height: normal !important;
}

li.comment p{
	line-height: 1.5em;
}

.comment .reply a{
	color: #888;
}

.commentinfo{float:right;}

.commentinfo a{color: #000;}
.commentinfo a:hover{text-decoration: none; color: #dd3333;}

.commentmeta{
	width: 20px;
	background: url(images/comments.gif) no-repeat 0 0;
	margin-left: 3px;
	padding-left: 15px;
}

small.commentmetadata {
	margin: 0;
	padding: 0;
	font-size: .80em;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.children {
	list-style: none;
}

.even {
	background-color: #fff;
}

.odd {
	background-color: #f8f8f8;
}


#respond {
	border:4px solid #f0f0f0;
	background-color: #ECF7FD;	
}

/* -- NAVIGATION --*/
div.navigation {height:25px; float:none;clear:both; margin:0 auto; overflow: hidden;}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- MISC -- */
.feed-text {
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.feed-text a {
	color: #fff;
}
/* -- Widgets -- */
div.widget {
	margin-bottom: 15px;
}

h3.widgettitle, .sidebar h3 {
	-x-system-font:none;
	color:#888;
	font-family:arial,verdana,sans-serif;
	margin: 8px 0 8px;
	padding: 7px;
	font-size: 1.8em;
	background-color: #f2f2f2;
}

#footer h3.widgettitle {
	font-size: 1.5em;
	background-color: #333;
}

.stl-imagescroller h3.widgettitle {
	background-color: #fff;
}

/* -- WORDPRESS REQS -- */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


#content-head {
	margin: 0;
}

ul#front-post-list {
	margin-top: 10px;
}

#front-post-list li {
	line-height: normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom: 14px;
	color: #555;
	padding: 0 4px 0 45px;
	
	background: none;
}

#front-post-list li a{
	color: #000;
}

#front-post-list li a:hover{
	color: #dd3333;
}

#front-post-list li p{
	margin: 3px 0;
	font-size: 11px;
}

.posting-small {
	display: inline; 
	float: left;
	margin-left: -45px;
}

.posting-small img {
	border: 1px solid #999;
	padding: 1px;
}

#front-post-list li div.meta{
	font-style: italic;
	font-size: 11px;
	color: #888;
	margin-top:5px;
}

#front-post-list li div.meta a{
	color: #990000;
}

#front-post-list li div.meta a:hover{
	color: #dd3333;
}

span.celebrate{
	font-weight: bold;
	color: #bb0000;
}

span.explore{
	font-weight: bold;
	color: #cc6600;
}

span.share{
	font-weight: bold;
	color: #007711;
}

.bwbps_uploadform h3 {
	text-align:  left;
	margin-top: 8px !important;
}


/* The STL Form */
table.stl-form {
	width: 100%;
}
fieldset.stl {
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.stl legend {
	color: #111;
	padding: 2px 6px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.stl-form {
	font-size: 1.05em;
	line-height:20px !important;
	margin-top: 10px !important;
	margin-bottom: 2px !important;
	padding:4px 10px !important;
	text-align:left;
	color: #444;
	
}

.stl-form td {
	vertical-align: middle;
}

.stl-form input {
border:1px solid #7799bb;
font-size: 1.05em;
padding: 3px;
}

.wide input {
	width: 98%;
}

.stl-form  td {
line-height: 25px;
text-align: left;
padding-bottom: 8px;
}

.stl-form select {
	border:1px solid #7799bb;
	font-size: 13px;
	padding:3px;
}

.stl-form select.bwbps-post-cat-form {
	height: 90px;
}



.stl-form textarea {
	width: 98%;
	font-size: 1.05em;
	padding: 4px;
	border:1px solid #7799bb;
}

.smallinfo {
	font-size: .85em;
	font-style: italic;
}

.stl-writemenu li {
float:left;
position:relative;
margin-left:35px;
text-align: center;
}

.stl-writemenu li  a{
display: block;
width: 105px;
}

li.stl-writemenua  a{
background-color: #e0e0e0;
}

li.stl-writemenua  a:hover{
background-color: #ffdfdf;
}

li.stl-writesel a{
background-color: #ffdfdf;
}

.stl-writemenu, .stl-writemenu * {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
font-size: 14px;
}

/*  NAVIGATION  */


ul#nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}


ul#nav li {
float:left;
font-family:sans-serif;
font-size: 1.7em;
text-align:center;
margin: 0 15px;
padding: 0;

}

ul#nav li.norm {
font-weight: normal;
}

ul#nav li a , #nav a:hover{
	color: #000;
	font-weight: bold;
}

ul#nav li a:hover {

	text-decoration: underline;
}

ul#nav li.last {
border-right:medium none;
}

ul#nav li.search{
	width: 200px;
}

ul#nav form {
	margin: 0;
	padding: 0;
	height: 26px;
}



#nav li li{
margin-left: 0;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 120px;
border-bottom: 1px solid #a9a9a9;
list-style: none;
margin: 0;
padding: 0;
}
#nav li li {
width: 118px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #dd7777;


}
#nav li li a, #nav li li a:visited {
font-size:0.9em;
color:#FFF;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

/* Image Layouts */
div.stl_image  {
float: left;
display: inline;
margin: 0 0 7px 7px;
line-height: 1em;
position: relative;
* html position: inherit;
}

.stl_image  img{
border: 1px #ccc solid;
padding: 1px;
}
.stl_image img:hover{
border: 1px #888 solid;
}

div.stl_postlink {
	position: absolute;
	top: 1px;
	right: 3px;
}

.stl_postlink img{
	opacity: .7;
    filter: alpha(opacity=70);
    border: none !important;
}

.stl_postlink img:hover{
	border: none !important;
	opacity: 1;
    filter: alpha(opacity=100);
}

/*	Post, Article, Photo Layouts */

.stl-image {

}

.stl-image-right{
	width: 140px;
	height: 150px;
	margin: 0 5px 10px 10px;
	float: right;
	
}

.stl-attrib {
	font-size: 9px;
	color: #555;
	line-height: normal !important;
}

.stl-address {

	padding: 5px 8px;
	background-color: #ecf7fd;
	border: 2px solid #ddd;
	margin: 0 5px 5px 0;
	width: 240px;
}

.entry-content h3, .stl-title h2, .stl-title h3, .stl-title h4,  .stl-title h5{
	text-align: left;
	margin: 0;
} 

.entry-content h4 {
	margin: 3px 0;

}

div.stl-title {
	width: 100%;
	background-color:  #fbfbfb;
	border-bottom: 3px solid #ddd;
	padding: 1px;
}

/* Author Page Layout */
.author-block {
	text-align: left;
	height: 155px;
	overflow-y:auto;
	font-size: .90em;
	color: #777;
	background-color: #f0f0f0;
}
h2.author-title{
	width: 95%
	border-bottom: 1px solid #999 !important;
	text-align: left;
	margin-left: 20px;
	color: #444;

}

.author-block img{
	float: left;
	margin: 0 10px 0px 15px;
	padding: 0;
	background-color: #f0f0f0;
}

/* Category/Archive */

.post-index {
	
	padding: 5px;
}

h2.archive-title {
	text-align: left;
	font-size: 1.4em;
}

.wp-post-image {
	margin: 10px 10px 10px 0;
}

.stl-image-list {
	margin: 0px 10px 3px 0;
}

.post-index p {
	color: #333;
	font-size: .95em;
	margin-top: 4px;
	line-height: 1.3em;
}

.post-index h1 {
	font-size: 1.35em;
	margin-bottom: 5px;
}

.post-index div.entry-meta {
	font-size:  .90em;
}

.entry-meta {
	border-top: 1px solid #ddd;
	padding-top: 4px;
}

/* front-page */

.stl-front h3 {
	color: #000;
	text-align: left;
	margin: 2px auto 5px;
	padding: 3px;
	font-size: 1.35em;	
	border-bottom: 2px solid #ddd
}

.stl-front h3 a {
	color: #222;	
}

.stl-container {
	padding: 1px;
	margin-bottom: 15px;
}

.stl-front {
	font-size: .99em;
	line-height: 1.3em;
	margin-bottom: 0;
}

.stl-front .post-list{
	margin-left: 75px;
}


.stl-front .stl-post-image {
	float: left;
}

ul.stl-rating-widget {
	margin:0 0 10px 0;
	padding:0;
}

div .stl-widget-stars {
	float: right;
	margin-top: 6px;
	line-height: 1.0em;
}

ul.stl-rating-widget li {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/bullet2.gif) no-repeat scroll 0 8px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:3px 0 0 15px;
	background: transparent !important;
}

#calendar_wrap {
	color: #fff !important;
}

#calendar_wrap a {
	color: #bb0000 !important;
	font-weight: bold;
}

.col-outer {
	font-size: 13px !important;
}

#calendar_wrap td{
	padding: 1px 3px;
}


/* Scrollable Images */
div.stl-imagescroller {
	margin: 35px 25px;
}
div.stl-imagescroller .widget h3{
	font-size: 2em;
	border-bottom: none;
	text-align: center;
}

.front-banner {
	text-align: center;
	margin: 0 auto;
}

.stl-tagline {
	color: #3285C8;
}