/*

THEME NAME: Catapulted
THEME URI: http://www.folkspants.net
DESCRIPTION: Custom theme for CatapultDesign.org based on Sandbox starter theme
VERSION: 1.0
AUTHOR: Folks Pants
AUTHOR URI:

*/


/* Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}

/* General ####################################################### */

body {line-height: 1;color: #726C67 ;background: white;  font-family: arial; background: url(images/women_hov.jpg) no-repeat; /* preloads bg img */}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.alignleft {float: left; margin: 0 20px 10px 0; overflow:hidden;}
.alignright {float:right; margin: 0 0 10px 20px; overflow:hidden;}
.aligncenter {margin-left:auto; margin-right:auto; overflow:hidden;} /* by TV*/
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;}
.wp-caption img { margin: 0;padding: 0;border: 0 none;}
#content .wp-caption p.wp-caption-text {font-size: .8em;padding: 0 4px 5px;margin: 0;}

/* Layout ####################################################### */

#wrapper2 {min-height: 158px; width: 100%; border-top: 8px solid #aaa7a4; background: #ffffff url(images/header.jpg) repeat-x; }
#tab-wrap {margin: 0 auto; background: #a9a6a2;}
	#tab-stuff {width: 1024px;  margin: 0 auto; background: #a9a6a2; font: .8em arial, sans-serif; color:#ffffff;}
		#tab-stuff ul {margin: 0; padding:0;}
		#tab-stuff ul li {float:left; margin: 10px 20px 0;padding: 0; width: 290px; cursor:default;}
		#tab-stuff ul li p a {height: 1px; margin: 0; padding: 0; color: #ffffff;}
		#tab-stuff ul li p {padding-top: 5px; padding-left: 50px;}
		/* This is a little clunky, and would have used CSS Sprites (http://alistapart.com/articles/sprites/) with more time */
		#tab-stuff input {cursor: pointer;}
		ul#tab-list li#donate {background: url(images/tab-donate.gif) no-repeat;}
		ul#tab-list li#contact  {background: url(images/tab-subscribe.gif) no-repeat;}
		ul#tab-list li#subscribe  {background: url(images/tab-contact.gif) no-repeat;}
		ul#tab-list li#donate:hover {background: url(images/tab-donate-hov.gif) no-repeat;}
		ul#tab-list li#contact:hover {background: url(images/tab-subscribe-hov.gif) no-repeat;}
		ul#tab-list li#subscribe:hover  {background: url(images/tab-contact-hov.gif) no-repeat;}
		
		#logo {position: relative; top: 20px;}
		#subscribe-box { border:none;}

#header {height: 165px; width: 1024px; margin: 0 auto; overflow: visible;background: #ffffff url(images/header_sketchy.jpg) no-repeat; }
	#tab-preload {background: url(images/tab_hov.png) no-repeat; /* preloads bg img */}
	#tab {width: 1024px;}
	#tab-button {text-align:right; float:right; width: 251px; height: 22px; cursor: pointer; background: url(images/tab.png) no-repeat;}
	#tab-button:hover, #tab-button.active {text-align:right; float:right; width: 251px; height: 22px; cursor: pointer; background: url(images/tab_hov.png) no-repeat; }

#column-wrap {position: relative; top: -50px; width: 1024px; margin: 0 auto 0px; font-size: .8em;}
#container {
background:none repeat scroll 0 0 #FFFFFF;
border-left:2px solid #DDDBDA;
border-right:2px solid #DDDBDA;
float:left;
line-height:1.5em;
margin-bottom:60px;
min-height:690px;
padding-left:30px;
padding-right:30px;
position:relative;
top:60px;
width:530px;	


} 
.home #container {width: 580px;  padding-right:  0px; padding-left:19px; min-height: 690px;}
	#first {position: relative; top: 60px; float:left; width: 170px; margin: 0;}
		#nav li {margin: 0px 20px 20px 0; padding-left: 20px; width: 140px;}
		#nav li a {display: block; color: #FF8843; text-transform:uppercase; text-decoration: none;}
		#nav li ul {margin: 0; padding: 0;}
		#nav li li {margin: 10px 0; padding: 0; }
		#nav li li a {color: #726C67; text-transform: none;}
		#nav li.current_page_parent,
		#nav li.current_page_item {margin: 0px 20px 20px 0; background: url(images/arrow.gif) no-repeat;}
		#nav li li.current_page_item {margin: 10px 0; background:none;} /* IMPORTANT: removes arrow from subpage */
		#nav li li.current_page_item a {margin-bottom: 0px; font-weight: bold; line-height: 1em;}
	#secondary {float:left; width: 220px; margin:0; padding: 0 20px 0 0;}
	#sidebar-rt-wrap {}
		.sidebar-box {margin: 0 0 20px; font-size: 1em;}
		.sidebar-box img {padding-left: 20px;}
		.sidebar-box h2 {padding: 0 0 10px 35px; border-bottom: 2px solid #dddbda; }
		.sidebar-box h2 a, .sidebar-box h2 {text-decoration: none; text-transform: uppercase; color: #FF8843;}
		.sidebar-box .teaser {margin: 10px 0 0 20px; padding: 0 15px; background:url(images/arrow.gif) no-repeat;  line-height: 1.1em;}
		.sidebar-box ul,.sidebar-box li {list-style:none;}
		.sidebar-box ul li {margin: 10px 0 0 20px; padding: 0 15px;}
		.sidebar-box ul li a {text-decoration: none; color: #726C67;}
	.sidebar {float:left;overflow:hidden;width:180px;}

/* Main Content Area ####################################################### */

#content h2 {margin-bottom: 20px; color:#FF8843; font-size: 1.5em;}
#content h3 {color: #FF8843;}
.pageid-10 .entry-content p {margin-bottom: 30px;} /* Team page */
.entry-content p {margin-bottom: 10px;}
.entry-content a {color: #726C67; text-decoration:none; border-bottom: 1px solid #726C67;}
#content ul {margin-left: 15px; list-style: disc;}
#content ul li {}

/**
 * Donate page
 */
#top_donate_button {
    margin-top: 3px;
}
.donation-form br {
    display: none;
}
#content .donate-buttons {padding-left:40px} /* Donate page - by TV*/
#content .donate-button {float: left; text-align: center; width: 160px; margin: 20px 0px;}
.inputError {
    display:none;
    color:red;
    font-size:12px;
}
.donate-recurrence, .donate-amount {
    padding: 20px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    overflow: hidden;
}
.donation-form label, #paypalSubmitButton {
    -moz-border-radius:14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background:none repeat scroll 0 0 #FF8843;
    color:white;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    padding:7px 20px 7px 15px;
    *padding: 5px 15px 5px 10px;
    margin-right: 15px;
    border: none;
}
.donation-form label {
    display: block;
    min-width:73px;
    _width:73px;
    float: left;
}
.donation-form #otherAmount {
    padding: 5px;
    *padding: 2px 5px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    width:60px;
    margin-top: 5px;
}
.donation-form .donate-buttons-group {
    overflow: hidden;
    padding: 10px;
}
.donation-form .donate-buttons-group input {
    float: left;
    margin-right: 15px; 
}
#donateOtherLabel {
    margin-right: 5px;
}
.donateOtherGroup {
    margin-top: 15px;
}
.donate-form-hidden {
     display: none;
}
.donate-amount div {
    margin-top: 15px;
    overflow: hidden;
}


#footer-wrap {float:left; width: 100%; background: #AAA7A4; overflow: hidden;}
	#footer {position: relative;width: 960px; /* aligns footer to left side of container */ margin: 0 auto; padding: 0; color: #fffffff;}
		#footer form {float:left; margin: 10px 0;}
		#footer ul {float:left; margin: 10px 0 10px 30px;}
		#footer li {display:inline; color: #ffffff;font-size: 0.7em;}
		#footer li a {padding-right: 5px;color: #ffffff; text-decoration: none; }
		#footer span {padding-right: 5px; color: #FF8843;}


.hentry, .post {margin-bottom: 20px; padding-bottom: 10px; overflow: hidden;} /* modified by TV */
.post {border-bottom: 2px solid #dddbda;} /* modified by TV */

/* Home ####################################################### */

#slideshowwrap {position:relative}
#fiftyk {position:absolute; float:left; z-index: 1000;}
#slideshow {position:relative; width: 560px; height: 300px; margin: 0 0 10px; border-bottom: 2px solid #C7C4C3;}
#slideshow img {position: relative; z-index: 1;}
#slideshow span a {position:relative; top: -20px; float:right; height: 20px; width: 60px; cursor:pointer; z-index: 100; display:block; } 
#services .service-tease {float: left; width: 143px; margin: 10px 0px 0 0; line-height: 1.1em;}
#services .service-tease h2 {margin-bottom: 10px;}
#services .service-tease h2 a {color: #FF8843; text-transform: uppercase; font-size: .7em; text-decoration: none;}
#services .service-tease p {width: 125px;}
#services span a {display:block; width: 143px; height: 140px; background: url(images/women.jpg) no-repeat;}
#services span a:hover {display:block; width: 143px; height: 140px; background: url(images/women_hov.jpg) no-repeat;}

#services #assess span a {background-position: 0 0;}
#services #design span a {background-position: -145px 0; }
#services #implement span a {background-position:-288px 0;}
#services #evaluate span a {background-position:-435px 0;}

/* Blog ####################################################### */

.entry-date {color: #FF8843; font-size:.9em; margin-bottom: 20px; }
h2.entry-title a, h2.entry-title {text-decoration: none; color: #ff8843;}
.author, .author a {color: #726C67; text-decoration: none;}
.archive-meta {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #DDDBDA;font-weight: bold;}
.entry-content {margin-top: 20px; overflow: hidden;}
#post-meta {overflow: auto; }
.entry-meta a {color:#ff8843; text-decoration: none;}
#comments {margin: 30px 0 0; }
#comments h3 {color:#ff8843; text-transform: uppercase;}
.comment-meta {margin-top: 20px;}
#respond {margin-top: 20px;}
.comment p {margin-top: 20px;}
.fn {color: #ff8843;}
.entry-date {float:left;}
#add-this {float:right;}

/* Search ####################################################### */

.searchbox label {position: absolute; text-indent: -9999;}
.searchbox {display: block; width: 200px; height: 17px; margin: 0; padding: 2px 5px 5px; background: #ffffff; border:1px solid #B8B5B3; }
.searchbox input {float:left; padding: 2px 10px 0 0; color: #B8B5B3; background: none;}
.searchbox img {float: right;}
#tab-wrap span.searchbox input.submit {float:right;width: 15; height: 17px; padding: 10px; background: url(images/arrow_sub.gif) no-repeat; border:none; cursor: pointer; }
#footer .searchbox {display:inline; /* !important */ float:left; margin-left: 150px;width: 15; height: 17px; }
#footer .searchbox input.submit {float:right; padding: 2px 10px 0 0; background: url(images/search.gif) no-repeat; border:none; cursor: pointer;}


.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* WinIE7 only */
*:first-child+html .clearfix{height:1%;}


.sidebar-twitter a {color:#FF8843; text-decoration:none;}
.sidebar-twitter {margin-right:10px; line-height:1.1em;}

.sidebar-twitter h2 {
border-bottom:2px solid #DDDBDA;
color:#FF8843;
padding:8px 0;
margin-bottom:7px;
text-decoration:none;
text-transform:uppercase;
width:173px;
}
.blogrss a:link, .teaser a:visited {text-decoration:underline; color:#726C67; font-weight:normal;}
.blogrss {
background:url("/wpcatapult/wp-content/themes/catapult/images/rss-icon-e1278454578618.jpg") no-repeat scroll 0 0 transparent;
line-height:1.1em;
margin:10px 0 0 18px;
padding:0 17px;
}

a.follow {color:#666; text-decoration:underline;}

#twitterfade {
	width:160px;
	min-height: 117px;
	height: auto !important;
	height: 117px;

}
ul#news {
	padding: 2px;
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}