/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/
Description: A blank frame work using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Author: Simon Urbina
Author URI: http://simonwebdesign.com
Version: 1.1.4
Tags: light, two-columns, fixed-width
*/

@import url('reset.css');
@import url('typography.css');
@import url('grid.css');
@import url('forms.css');

body {
	background: black url(images/bg-top-repeater.gif) repeat-x center top;
}

#social a.fb {
	height: 89px;
	width: 255px;
	position: absolute;
	float: right;
	top: 450px;
	left: 760px;
	text-indent: -4400px;
	background: url(images/bg-facebook_twit.gif) left top;
}
#social a.twit {
	height: 90px;
	width: 255px;
	position: absolute;
	float: right;
	top: 540px;
	left: 760px;
	text-indent: -4400px;
	background: url(images/bg-facebook_twit.gif) left bottom;
}
#social #roscoe {
	background: url(images/bg-left_side_roscoe.gif) no-repeat left bottom;
	height: 600px;
	float: left;
	position: absolute;
	top: 350px;
	display: block;
	right: 760px;
	width: 195px;
}
.container {
	background-color: black;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.sideLeft {
	background-color: #333333;
	width: 535px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	color: white;
}
.sideRight {
	width: 160px;
	height: 800px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
/* header */
.header {
	background: url(images/bg-banner_rb_707x87.gif) no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding: 0;
	height: 90px;
}
#header-wrap h1 {
        width: 400px;
        padding: 0px;
        margin: 0px;
        float: left;
	text-indent: -4400px;
}
#header-wrap .description {
        clear: both;
	text-indent: -4400px;
}
#search-bar {
        width: 400px;
        float: right;
}

/* links */
a:link, a:visited {
	color: #0099ff;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
/* navigation */
#nav-bar {
    border-bottom: solid 1px #ccc;
	width: 960px;
	height: 26px;
	margin: 20px 0px 50px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#navbar-left {
	width: 850px;
	height: 26px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar-right {
	width: 30px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	}
	
#navbar-right a img {
	border: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	display: block;
        font-weight: bold;
        margin: 0px 20px 0px 0px;
	padding: 6px 10px 5px 10px;
	}
	
#nav a:hover {
	display: block;
	text-decoration: underline;
        margin: 0px 20px 0px 0px;
	padding: 6px 10px 5px 10px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#nav li li {
	display: none;
	}
	
#menu {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 25px;
	font-size: 13px;
	background-color: #0c4d79;
	width: 760px;
}
	#menu ul {
}
	#menu a {
		display: block;
		color: #000;
		text-decoration: none;
}

	#menu li .rss {
		padding: 5px 0 5px 0;
	}

	#menu .page_item a {
	color: white;
	font-weight: bold;
	border-right: medium solid black;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
}
	#menu .page-item-home {
	
}


	#menu li {
	float: left;
	cursor:pointer;
	/* margin-right: 16px;
	margin-left: 16px;
	position: relative;
 	left: 50px; */
}

	#menu li a {
}



#comicArea {
	position: relative;
	display: block;
	margin-bottom: 36px;
	margin-top: 20px;
}
.comicNav {
	width: 620px;
	margin: 8px auto 0;
	height: 16px;
}
.comicNav .left {
	float: left;
	width: 200px;
}
.comicNav .right {
	float: right;
}
.comicNav p {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

#comicArea a.first {
	background: url(images/pager_first.png) no-repeat;
	text-indent: -4400px;
	height: 14px;
	display: inline-block;
	width: 55px;
}
#comicArea a.previous {
	background: url(images/pager_previous.png) no-repeat;
	text-indent: -4400px;
	height: 14px;
	display: inline-block;
	width: 76px;

}
#comicArea a.next {
	background: url(images/pager_next.png) no-repeat;
		text-indent: -4400px;
	height: 14px;
	display: inline-block;
	width: 45px;
}
#comicArea a.latest {
	background-image: url(images/pager_today.png);
	text-indent: -4400px;
	height: 14px;
	display: inline-block;
	width: 59px;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/* margin: 10px; /*margin around each panel*/
	width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img {
	
}
#sidebar-wrap {
	float: right;
}

/* Posts */

.post-head, .page .title {
	background-color: black;
	margin-top: 8px;
	margin-bottom: 4px;
	padding: 8px;
	color: white;
}
.post-head h3 {
	margin: 0;
}
.post-head .meta {
	font-size: .9em;
	line-height: 1.1em;
}
.post {
	margin-bottom: 18px;
}
.post  a, .page a {
	color: #0099ff;
}
.post .storycontent a {
	color: #0099ff;
}

.page .entry {
	font-size: 1.2em;
	padding: 18px 12px;
}
.entry-meta, .postmetadata {
	background-color: #5a5a5a;
	padding: 6px;
	border: thin solid black;
}
/* footer */
#footer {
        border-top: solid 1px #ccc;
	padding: 30px 0px 0;
	margin: 30px 0px 0;
	color: #474747;
}
/* sidebar */
li.widget { color: white; }

/* Misc */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}