/*
Theme Name: JDA Custom Slider
Theme URI: http://www.aostudiosdesigns.com
Description: 
Version: 1.0
Author: AO Studios
Author URI: http://www.aostudiosdesigns.com
Tags: 

	Blank v1.0
	 http://www.aostudiosdesigns.com

	This theme was designed and built by AO Studios

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

*/

/* ===============Overall========================= */
body {
	font-size: 13px;
	font-family: Verdana,'Lucida Grande', Arial, Sans-Serif;
	background: #e7e8df;
	color: #000000;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

.clear{ clear:both;}

a { color:#333333; text-decoration:none;}

a:hover{ text-decoration:underline;}

a img{ border:0;}

h1 { font-size: 2.1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.1em; }

h1, h2, h3, h4, h5, h6 { margin-top: 0px; padding: 0px; }

p { margin-bottom: 1.5em; }

.center { text-align: center; }

.wrap {
	background-color: #FFF;
}
/* ===============HEADER========================= */


/* =============== SLIDER ACTION ========================= */
#slider-wrap {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
#slider {
	width: 951px;
	height:160px;
	overflow: hidden;
	position: relative;
	margin: 0px auto 0px auto;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 1000px; /*Width of Carousel Viewer itself*/
	height: 240px; /*Height should enough to fit largest content's height*/
	margin: 0px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .post{
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 237px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 140px;
	background:transparent;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	border-right: 1px solid #9FA1A4;
}
/*---------Left Panel------------*/
.odd {
	float: left;
	
}
.odd p {
	float: left;
	
}
.odd h2 {
}
.odd img {


}
/*------------Right Panel-----------*/
.even {
	float: left;
}
.even p {
	float: left;	
}
.even h2 {
	
}
.even img {

}
/*----------Slider Global------------*/
.post h2 {
	font-size: 12px;
	margin: 0px;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: 0px;
	text-align: left;
	margin-left: 18px;
	width: 195px;
	font-weight: bold;
	line-height: 16px;
	padding: 0px;
}
.post img {

	float: left;
}
.post a {
	color: #900;
}
.stepcarousel .post p{
	text-align: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px 24px 0px 18px;
	padding-top: 5px;
	line-height:16px;
	color:#000;
	font-family:Verdana,Tahoma, Helvetica, Sans-Serif; 
	font-size: 11px; 
	height: 126px;
}

.stepcarousel .panel h2 a:link, .stepcarousel .panel h2 a:visited  {
	color:#333;
	background-color: transparent;
}

.stepcarousel .panel img{
	background:#D4D4D4; 
	padding:5px 5px;
	border:1px solid #ccc;
	float:left;
	margin:5px 5px 5px  0px;
}

/* =============== Sidebar ========================= */
#sidebar {
	float: right;
	width: 280px;
	background-color: #936;
}

#sidebar-bgtop {
}

#sidebar-bgbtm {	
}

#sidebar-content {
}

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

#sidebar li li {
	margin-left: 20px;
	margin-right: 20px;
	line-height: 30px;
	padding-left: 15px;
	border-bottom: 1px dashed #BDBDBD;
	background: url(images/img04.jpg) no-repeat left 50%;
}

#sidebar li ul {
	margin-bottom: 1.8em;
	list-style: none;
}

#sidebar h2 {
	background-color: #093;
	color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
	padding:11px 0 11px 15px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar p {
	padding: 0 20px;
}
/* =============== Footer ========================= */
#footer {
	width: 100%;
	height: 200px;
	margin: 0px;
	padding: 0px;
	background: #FC0;
}
#footer p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* =============== Comments ========================= */

#comments { 
	padding: 0px; 
	margin: 0px;
	background-color: #FFF;
}
.comments_intro { 
	padding: 0 20px; 
	font: normal 1.2em/1.66667em Verdana, sans-serif; 
	border-bottom: 1px dotted #000; 
}
.comments_intro span { 
	padding: 0 0 0 14px; 
	background: url('images/icon_comment.gif') 0 50% no-repeat; 
}
dl#comment_list { margin: 0 0 3.0em 0; }
dl#comment_list dt.comment { 
	width: 445px; 
	padding: 1.42857em 9px 0.71429em 9px;  
	font-size: 1.4em; 
	line-height: 1.42857em;
}
.comment_num { 
	padding: 0 0 0 20px; 
	font: bold 0.85714em/1.66667em Verdana, sans-serif; 
	float: right; 
}
.comment_num a, .comment_num a:visited { 
	color: #999; 
	text-decoration: none; 
}
.comment_num a:hover { 
	color: #237fa1; 
	text-decoration: none; 
}
.comment_time { 
	font: normal 0.78571em Verdana, sans-serif; 
	color: #999; 
}
dl#comment_list dd.comment { 
	padding: 0 9px 0.8em 9px;  
	border-bottom: 1px dotted #000; 
}
dl#comment_list dt.alt, dl#comment_list dd.alt { 
	background: #fff; 
}
dl#comment_list dt.author, dl#comment_list dd.author { 
	background: #e7f8fb !important; 
}
.comment .format_text { 
	padding: 0 10px; 
}
.comment a.comment_link, .comment a.comment_link:visited { 
	font-style: italic; 
	font-weight: bold; 
	color: #333; 
	background: none; 
	text-decoration: none; 
}
.comment a.comment_link:hover { 
	color: #333; 
	text-decoration: underline; 
}

/*---:[ comment form styles ]:---*/
#respond { 
	margin: 0 0 0.83333em 0; 
	padding: 0 20px; 
	border-bottom: 1px dotted #000; 
	font: normal 1.2em/1.66667em Verdana, sans-serif; 
}
#respond span { 
	padding: 0 0 0 14px; 
	background: url('images/icon_leave_comment.gif') 0 50% no-repeat;
}
#comment_form { 
	width: 425px; 
	padding: 0 19px; 
}
#comment_form p { }
#comment_form p.submit_p { 
	padding-bottom: 1.30769em; 
}
#comment_form label { 
	padding: 0 0 0 10px; 
}
#comment_form .text_input { 
	width: 206px; 
	padding: 2px; 
	color: #333; 
	font: normal 1.0em Georgia, "Times New Roman", Times, serif; 
	background: #f2f2f2; 
	border: 1px solid #aaa; 
	border-right-color: #eee; 
	border-bottom-color: #eee; 
}
#comment_form .text_input:focus { 
	background: #fff; 
	border-color: #777; 
	border-right-color: #ccc; 
	border-bottom-color: #ccc; 
}
#comment_form .text_area { 
	width: 419px !important; 
	height: 6.15385em; 
	line-height: 1.53846em; 
}
#comment_form .form_submit { 
	padding: 0.35714em 4px; 
	background: url('images/submit_bg.gif'); 
	border: 3px double #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	color: #333; 
	font: bold 1.07692em Georgia, "Times New Roman", Times, serif; 
	cursor: pointer; 
}
#comment_form .form_submit:hover { 
	color: #237fa1; 
}
#comment_form p.subscribe-to-comments { 
	font-size: 1.3em; 
}
#comment_form p.subscribe-to-comments label { 
font-size: 1.0em; 
}

/* =============== Search ========================= */
#search {
}

#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin-left: 20px;
	padding: 0px;
	border: none;
}

#search #s {
	width: 160px;
}
			
/* =============== Images ========================= */
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* =============== Extras ========================= */
.blockquote {
	border-left:1px solid #808080;
	color:#808080;
	margin-left:20px;
	padding-left:5px;
}