/*
Theme Name: Staley Capital
Theme URI: http://staleycap.com
Author: Zoltun
Author URI: http://zoltun.com
Version: 1.0
Description: Staley Capital is the theme for the Staley Website.

Copyright (c) 2010 Zoltun Studios, Inc.
Copyright (c) 2009 iThemes Media, LLC.
See license.txt for terms and conditions.
See history.txt for version history.
*/

/*CSS Reset*/
@import url("css/reset.css");

body { /* This is where you set many of the universal defaults */
	background: #2678B0 url(images/body-bg.gif) top left repeat-x; 
	color: #666;
	font-family: "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	padding:0;
	margin:0;
	line-height:1.4em;
}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

#outer-wrap {
	clear:both;
	width:100%;
	margin: 0 auto;
	padding:0;
	background:transparent url(images/outer-wrap-bg.gif) top left repeat-x;
}

#wrap {
	clear:both;
	width:960px;
	margin: 0 auto;
	padding:0;
}

/*********************************************
	Universal Link Styles
*********************************************/

a, a:link, a:visited {
	color: #1b5a91;
	text-decoration: none;
}

a:hover, a:active { 
	color: #000; 
	text-decoration: underline; 
}

/*********************************************
	Universal Text Elements
*********************************************/
p, ul, ol {
}
ol, ul, dd {
	margin: 5px 35px;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
blockquote {
	color: #666;
	margin: 0 35px 15px; 
	padding: 15px 15px 1px;
	font-style: italic;
	background:#eee;
}
img { 
	border: 0px; 
	background: none; 
}
p {
	padding: 0px;
	margin: 0 0 15px;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px solid #999;
}
* html acronym, abbr {
	border-bottom: 1px dashed #999;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
hr {
        display: block;
        clear:both;
}
table {
	border-collapse:collapse;
	margin-bottom:15px; 
}
tr, td, th {
	margin:auto; 
}
td, th {
	padding:10px;
	vertical-align:top;
}
th {
	border:1px solid #ddd;
	font-weight:bold;
	background:#eee;
}
td {
	border:1px solid #ddd;
}

/*********************************************
	Header Styles
*********************************************/
h1,h2,h3,h4,h5,h6 { /* Use this for universal styles for all header elements */
	font-family: "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 0px 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	letter-spacing: -1px;
	line-height:1.2em;
	color:#333;
}
h1 { 
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4,h5,h6,h7 {
	font-size: 18px;
}
.post h3 { /* This style used as the post titles on homepage/archive and comments headings */
	margin-bottom:5px;
}
.entry h3 { /* This style used within the post content itself */
}
.sidebar h4 { /* This style used as the sidebar widget titles  */
	padding: 0;
	margin: 0 0 5px;
}
.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin-bottom: 10px;
}
h3 a, h3 a:link, h3 a:visited {
	color:#333;
}
h3 a:hover, h3 a:active { }
h1.pagetitle { /* This style used as title on archive pages and pages */
	margin-bottom:15px;
}
h1.single-pagetitle { /* This style used as title on single posts */
	margin-bottom:0;
}
#comments h3, #respond h3 { /* This style used as title in the comments section */
}
#home-welcome .left .widget h4 { /* This style used in the Home page welcome message title */
	font-size:22px;
	margin: 0 0 15px;
	padding:0;
	color:#1b5a91;
}

/*********************************************
	The Obligatory WP Styles
*********************************************/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}
img.alignright {
	margin: 0px 0px 8px 8px;
}
img.alignleft {
	margin: 0px 8px 8px 0px;
}
.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;
}

/*********************************************
	Header Styles
*********************************************/
#header {
	width: 960px;
	clear: both;
	height: 120px;
	margin: 0 auto;
	padding: 0;
}
#header #title {
	width: 550px; 
	height: 120px;
	float: left;
	margin:0;
	padding: 0;
}
#header #title a {
	float: left;
	display: block;
	width: 550px; 
	height: 120px;
	margin: 0px; 
	padding: 0px;
	text-indent: -9999px;
}

/*********************************************
	Search Form Styles
*********************************************/
#search {
	width:400px;
	height:31px;
	float: right;
	margin:0 auto 40px;
	padding:0;
	background: url(images/search-bg.gif) top right no-repeat;
}
#searchform {
	width:334px;
	height:31px;
	float:right;
	padding:0;
	margin:0;
}
#searchform #searchfield {
	font-family: "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	float:left;
	padding:0;
	width:153px;
	margin: 9px 0 0 29px;
	border:0;
	background:transparent;
}
#searchform #submitbutton {
	margin: 6px 0 0 10px;
	float:left;
	font-size:8pt;
	width:60px;
	height:18px;
	text-align:center;
	border:0;
	text-indent:-10000em;
	background: transparent;
	border:0;
}

/*********************************************
	Horizontal Navigation Styles 
	(with dropdowns)
*********************************************/
#menu {
	clear: both;
	width: 960px; 
	margin: 0 auto; padding: 5px 0;
	height:38px;
	line-height:38px;
}
#menu ul {
	font-size:16px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu li {
	margin: 0 0 0 5px;
	padding:0;
	float: left;
}
#menu li li {
	padding:0;
	margin: 0;
}
#menu li a, #menu li a:link, #menu li a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding: 0px 15px;
}
#menu li a:hover, #menu li a:active {
	color:#00CCFF;
}
#menu li.current_page_item {
	padding-right:10px;
	background:url(images/button-rt.gif) top right no-repeat;
}
#menu li.current_page_item a, 
#menu li.current_page_item a:link, 
#menu li.current_page_item a:visited {
	background:url(images/button.gif) top left no-repeat;
	padding: 0px 5px 0px 15px;
	color:#003366;
}
#menu li li.current_page_item {
	padding-right:0;
	background:transparent;
}

#menu li li.current_page_item a, 
#menu li li.current_page_item a:link, 
#menu li li.current_page_item a:visited {
	background:transparent;
	padding: 0px 15px;
	color:#003366;
}
#menu li ul {
	float:none;
	z-index:9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 1px;
	padding:0;
	background:#D5E2EB;
}
#menu li.current_page_item ul {
	margin-top:-7px;
}
#menu li li.current_page_item ul {
	margin-top:-38px;
}
#menu li.current_page_item li {
	background-image:none;
	padding:0;
	margin: 0;
}
#menu li ul a, 
#menu li ul a:link, 
#menu li ul a:visited,
#menu li.current_page_item ul a, 
#menu li.current_page_item ul a:link, 
#menu li.current_page_item ul a:visited {
	background-image:none;
	padding: 0px 15px;
	width:170px;
	background:transparent;
	color:#003366;
}
#menu li ul a:hover, 
#menu li ul a:active,
#menu li.current_page_item ul a:hover, 
#menu li.current_page_item ul a:active  { 
	background:#1b5c93;
	color:#fff;
}
#menu li ul ul, #menu li.current_page_item ul ul  {
	border-left:1px solid #fff;
	margin: -38px 0 0 199px;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}
#menu li:hover, #menu li.sfhover { width:auto;
}

/*********************************************
	Container Div
*********************************************/
#container {
	margin: 0px auto 20px; 
	padding: 15px;
	text-align: left;
	background:#eee;
}

/*********************************************
	Image Rotator Styles
*********************************************/
#top-image { /* The image rotator background */
	width:930px;
	height:260px;
	margin: 0 auto 10px;
	padding:15px;
	background:#fff;
}
#top-image #rotator { /* The image rotator */
	width:930px;
	height:260px;
	padding: 0;
	margin:0 auto;
}

/*********************************************
	Content Div
*********************************************/
#content {
	display: inline;
	float: right;
	margin: 0; 
	padding: 30px;
	border:1px solid #ddd;
	width: 545px;
	background:#fff;
}
#content-full { 
	display: block;
	padding: 30px;
	border:1px solid #ddd;
	margin: 0;
	background:#fff;
}
#content-left {
	display: inline;
	float: left;
	margin: 0;
	padding: 30px;
	border:1px solid #ddd;
	width: 545px;
	background:#fff;
}

/*********************************************
	Post Div
*********************************************/
.post {
	clear: both;
	margin: 0 0 30px;
}

/*********************************************
	Post Meta Styles, if needed
*********************************************/
.meta {
	clear: both; /* we need this so floats in the post are cleared */
	margin: 0 0 10px;
	padding: 0;
}
.meta-date { }
.meta-author { }
.meta-comments { }
.meta-category { }

/*********************************************
	Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 0px;
	padding: 0px;
}

/*********************************************
	Sidebar
*********************************************/
.sidebar {
	font-size:12px;
	display: inline;
	float: left;
	width: 310px;
	margin: 0px; 
	padding: 0;
}
#float-right .sidebar {
	float: right;
}
.sidebar .widget {
	padding: 20px;
	clear: both;
	margin: 0 0 15px; 
	border:1px solid #ddd;
	background:#fff;
}
.sidebar p, 
.sidebar .textwidget {
}
.sidebar img {
	margin: 0px;
}
.sidebar form {
	margin: 0px; 
	padding: 0px;
}
.sidebar ul {
	margin: 0 0 0 18px; 
	padding: 0px;
}
.sidebar ul ul {
	list-style-type:none;
	margin: 0;
}
.sidebar ul ul ul {
	margin: 0 0 0 15px;
}
.sidebar ul li {
	margin: 0; 
	padding: 0;
}
.sidebar ul li a {
}
.sidebar ul li a:hover { }
.sidebar li li {
	margin: 0; 
	padding: 0;
}

/*********************************************
	Comment Styles
*********************************************/
#comments {
	margin: 20px 0 0; 
	padding: 0px;
	overflow: hidden;
}
#comments .title {
	font-size: 25px;
	margin: 0px; 
	padding: 15px 0px;
}
#comments ol.commentlist {
	margin: 0px; 
	padding: 0px;
}
#comments ul.children {
	margin: 0px; 
	padding: 10px 0px 0px;
}
#comments .vcard { }
#comments .vcard .avatar {
	display: block;
	float: left;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}
#comments .comment-meta {
	padding: 0px 0px 20px 0px;
}
#comments li.even,
#comments li.odd {
	clear: both;
	list-style-type: none;
	border: 1px solid #ddd;
	background:#eee;
	margin: 0 0 20px 0px;
	padding: 10px;
	overflow: hidden;
}
#comments ul.children li {
	border: 1px solid #ddd;
}
#comments li.even {
}
#comments li.odd {
}
#comments blockquote {
	background: #ccc;
	margin: 10px 0px; 
	padding: 10px;
}
#comments .alert {
	background: #fffbd6;
	border: 1px solid #ebe067;
	margin: 5px 0px; 
	padding: 5px;
}
#comments p {
	margin: 0px 0px 10px; 
	padding: 0px;
}
#respond {
	overflow: hidden;
}
#respond #commentform {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
#respond #commentform #author,
#respond #commentform #email,
#respond #commentform #url {
	width: 50%;
	margin: 0px 0px 5px 0px; 
	padding: 5px;
}
#respond #commentform #comment {
	width: 95%;
	margin: 10px 0px 15px 0px; 
	padding: 5px;
}
#commentform p {
	margin-bottom:0;
}
#ithemes-contact-page-name,
#ithemes-contact-page-website,
#ithemes-contact-page-email,
#ithemes-contact-page-form textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
}
#commentform textarea,
#commentform input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
}

/*********************************************
	Contact Form Styles
*********************************************/
#ithemes-contact-page-form table {
	border:0;
	margin:0;
}
#ithemes-contact-page-form td {
	padding-bottom:15px;
	vertical-align:top;
	border:0;
}
#ithemes-contact-page-form td.label {
	padding-right:5px;
}
#ithemes-contact-page-form textarea {
	width:330px;
}

/*********************************************
	125x125 Banner Ad Styles
*********************************************/
.sidebar ul.banner125 {
	list-style-type:none;
	margin: 0px; 
	padding: 0px;
}
.sidebar ul.banner125 li {
	float:left;
	margin: 0px 5px 5px 0px; 
	padding: 0px;
}
.sidebar ul.banner125 li img {
	display:block;
	margin: 0px; 
	padding: 0px;
}

/*********************************************
	Footer Styles
*********************************************/
#footer {
	font-size:11px;
	clear: both;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0px auto;
	padding:0; 
}
#footer p {
	margin:0;
}
#footer a, #footer a:link, #footer a:visited {
	color: #fff;
}
#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
}

/*********************************************
	Home Page Welcome Styles
*********************************************/
#home-welcome {
	width:900px;
	margin:0 auto;
	padding: 30px 30px 20px;
	background: #fff;
}
#home-welcome .left { 
	width:620px;
	margin:0;
	padding:0;
	float:left;
}
#home-welcome .right {
	width:237px;
	margin:0;
	padding:23px 0 0;
	float:right;
	background:#ebebeb url(images/right-box-top.gif) top left no-repeat;
}
#home-welcome .right .widget {
	margin: 0 auto 15px;
	padding:0 21px;
	background:transparent;
	width:195px;
	overflow:hidden;
}
#home-welcome .right .bottom {
	width:237px;
	height:8px;
	background:#ebebeb url(images/right-box-bot.gif) bottom left no-repeat;
}

/*********************************************
	Home Bottom Styles
*********************************************/
#home-bottom {
	width:900px;
	height:225px;
	margin: 0 auto 20px;
	padding: 0 30px;
	background:#fff url(images/home-bottom-bg.gif) top center no-repeat;
	overflow:hidden;
}
#home-bottom .col1 {
	float:left;
	width: 255px;
	height:225px;
	padding:0;
	margin: 0 40px 0 0;
	overflow:hidden;
}
#home-bottom .col2 {
	float:left;
	width: 250px;
	height:225px;
	padding:0;
	margin: 0 85px 0 0;
	overflow:hidden;
}

#home-bottom .col3 {
	float:left;
	width: 250px;
	height:225px;
	padding:0;
	margin: 0;
	overflow:hidden;
}
#home-bottom .widget { 
	height:225px;
	padding: 0;
	margin:0;
	font-size: 12px;
	line-height:1.3em;
	overflow:hidden;
} 
#home-bottom .widget h4 {
	line-height:1.0em;
	margin: 0 0 10px;
	padding: 0;
	font-size:20px;
	height:53px;
	line-height:53px;
	color:#454545;
}
#home-bottom .col1 .widget h4 {
	background: url(images/home-bottom-icon-left.gif) 0px 0 no-repeat;
	padding-left: 50px;
}
#home-bottom .col2 .widget h4 {
	background: url(images/home-bottom-icon-mid.gif) 0px 0 no-repeat;
	padding-left: 60px;
}
#home-bottom .col3 .widget h4 {
	background: url(images/home-bottom-icon-right.gif) 0px 0 no-repeat;
	padding-left: 55px;
}
#home-bottom .widget ol, #home-bottom .widget ul {
	margin: 0 15px;
}