/*  
Theme Name: Motion
Theme URI: http://85ideas.com/public-releases/wordpress-theme-motion/
Description: Dark and colorful theme with sweet transparency characteristics. Drop-down categories menu, 2-column layout and widget-ready footer and sidebar.
Author: Sam @ 85ideas	
Author URI: http://85ideas.com/
Version: 1.0.4
Tags: black, blue, green, dark, two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar

	This theme was designed and built for the WordPress CMS and is copyright 85ideas.com.
	Modify, adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	color:#000000;
}
:focus {
	outline:0;
}
body {
	line-height:1;
}
ul, ol {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
}
/************************************************
*          General elements       *
************************************************/
html {
	background-color:#000000;
}
body {
	background:#ffffff url(images/bodybg.jpg) top center no-repeat ;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	text-align:center;
	
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, Verdana, sans-serif;
}
a {
	color:#38b9f9;
	text-decoration:none;
}
a:hover {
}
blockquote {
	font-style:italic;
	background:url(images/whitetrans.png);
	padding:.4em 1em .7em 1em;
	margin:.7em 0 .3em 0;
}
code {
	font-size:1.1em;
	font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;
}
kbd, tt {
	font-size:1.2em;
}
hr {
	bvackground-color: #afdaff;
}
pre {
	overflow:auto;
	width:600px;
	background:url(images/blacktrans.png);
	padding:1em 1.5em;
	margin:1em 0;
	font-size:1.2em;
	white-space:pre-wrap; /* css3 */
}
dl {
}
dt {
	font-weight:bold;
}
dd {
	padding-left:1em;
}
table {
	margin:.5em 0;
}
table th {
	color:#ffffff;
}
table td, table th {
	padding:.5em .7em;
}
table th {
	background:url(images/whitetrans.png);
	background:#171a21;
	text-transform:uppercase;
	border-bottom:1px transparent;
}
table td {
	background:url(images/blacktrans.png);
}
table tr.odd td {
	background:url(images/whitetrans.png);
}
table tr:hover td {
	background:#171a21;
}
fieldset {
	padding:1.2em;
	border:1px dashed #ffffff;
}
legend {
	padding:.2em .8em;
	font-size:1.2em;
	text-transform:capitalize;
}
input, textarea, select {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:.2em 0;
	color:#222;
	font-size:1em;
}
input, textarea {
	padding:.3em;
}
input.radio, input.checkbox {
	background:#fff;
	padding:2px;
}
form label {
	font-weight:bold;
	display:block;
}
/************************************************
*          General       *
************************************************/
#wrapper {
	margin:15px auto 10px auto;
	margin: 0px auto 0px auto;
	padding:0;
	text-align:left;
	width:980px;
}
.cleared {
	clear:both;
}
/************************************************
*          Header       *
************************************************/
#top #topmenu {
	float:left;
	width:980px;
}
#top #topmenu ul {
	float:right;
}
#top #topmenu li {
	float:left;
	/*background:url(images/whitetrans.png);*/
	padding:0 0 .2em 0;
	line-height:1.5em;
	margin:0 .4em .4em 0;
}
#top #topmenu li:hover {
	background:url(images/whitetrans.png);
}
#top #topmenu li a {
	color:#fff;
	font-size:.75em;
}
#top #topmenu li a:hover {
	color:#ffffff;
}
#top #topmenu li a.rss {
	background:url(images/rsstrans.png) left 4px no-repeat;
	padding-left:17px;
}
#top #search {
	float:right;
	width:300px;
	text-align:right;
}
#top #searchform input {
	padding:3px;
}
#top #searchbox {
	width:180px;
	color:#555;
	font-size:.75em;
	border:1px solid #ddd;
	background:#eee;
}
#top #searchbox:hover {
	background:#fff;
}
#top .submitbutton {
	cursor:pointer;
	background:url(images/blacktrans.png);
	color:#fff;
	font-size:0.8em;
	padding:.08em;
	vertical-align:top;
}
#top .submitbutton:hover {
	background:url(images/whitetrans.png);
}

#headerWrapper {
	background:url(images/header_bg.png) repeat-x;
	display:block;
	height:160px;
	min-height:60px;
}
#header {
	padding-bottom:0px;
	/*background-color:#000000;*/
	float:left;
	
}
#header #logo {
	float:left;
	/*width:970px;*/
	margin:5px 0 5px 0;
}
#header #logo img {
	float:left;
	margin:4px 10px 0px 0;
}
#header #logo h1 {
	margin:25px 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}
#header #logo h1 a {
	color:#38b9f9;
	font-size:50px;
	font-weight:normal;
}
#header #logo h1 a:hover {
	
}
#header #logo #desc {
	font-size:32px;
	color:#47b437;
	line-height:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}
#header #headerbanner {
	float:right;
	width:468px;
	margin:30px 0 10px 0;
	text-align:right;
	padding:10px;
	background:url(images/whitetrans.png);
	font-size:.8em;
	line-height:1.5em;
}
#header #headerbanner h3 {
	font-size:1.1em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#header #headerbanner p a {
	border-bottom:1px dashed #ffffff;
}
#header #headerbanner a:hover {
	background:url(images/blacktrans.png);
}




/* *************** */

#catnav {
	/*width:980px;
	background: #000000;*/
	float:right;
	margin-top:116px;
	height:42px;
	background: transparent url(images/catnav_bg.png);
	
}
#nav li {
	float:left;
	/*background:url(images/blacktrans.png);*/
	line-height:2em;
	xxmargin:5px 0 5px 5px;
}
#nav li:hover {
	/*background-color:#2f5079;*/
	
}
#nav li.current {
	/*background-color:#2f5079;*/
}
#nav li a {
	display:block;
	margin:0;
	font-size:1.2em;
	color:#fff;
	padding:5px 20px 5px 20px;
}
#nav li a:hover {
	color:#ffffff;
	text-decoration:none;
	display:block;
	background: transparent url(images/catnav_bg_hover.png);
}
#nav li ul {
	position:absolute;
	width:180px;
	left:-999em;
	padding-top:5px;
	margin:0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
}
#nav li li {
	padding:0;
	margin:0;
	width:180px;
	line-height:1.5em;
}
#nav li li a {
	color:#fff;
	margin:0;
	padding:7px 13px;
	background:url(images/blacktrans3.png);
}
#nav li li a:hover {
	color:#fff;
}
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
	position: static;
}
/************************************************
*          Content      *
************************************************/
#main {
	xxxpadding:30px 0 20px 0;
	padding:0;
}
#content {
	float:left;
	width:980px;
	
	text-align:left;
}
#content_wrapper {
		
}
#contentfull {
	float:left;
	width:980px;
}
h2#contentdesc {
	padding:10px 0px 5px 25px;
	font-size:1.7em;
	color:#38b9f9;
	text-transform:uppercase;
}


h2#contentdesc span {
	color:#ffffff;
}
.post {
	padding:5px 0px 0px 0px;
	/*background:url(images/blacktrans.png);*/
	margin-bottom:75px;
}
#post-map {
	/* we don't want margins when the map is showing */
	margin-bottom:0px; !important
}
.sticky {
	padding:10px;
	margin-bottom:35px;
	background:url(images/blacktrans.png);
}
.posttop {
	background:url(images/blacktrans.png);
	
}
.posttop h2.posttitle {
	color:#47b437;
	font-size:1.2em;
	
}
.posttop h2.posttitle a:hover {
	color:#ffffff;
}
.postmetatop {
	text-transform:capitalize;
	font-size:0.7em;
	padding-top:8px;
	line-height:1.5em;
	width:100px;
	
}
.postmetatop .categs {
	float:left;
	width:450px;
	padding-left:0px;
	line-height:16px;
}
.postmetatop .categs a:hover {
	color:#afdaff;
}
.postmetatop .date {
	float:left;
	width:100px;
	text-align:left;
	
	font-size:1.9em;
}
.postmetatop .date span {
	color: #47b437;
	
	font-weight:bold;
}
.postcontent {
	xxcolor:#fff;
	margin:0;
	font-size:0.8em;
	line-height:1.7em;
}
.postcontent h1 {
	padding:.8em 0;
	font-size:1.5em;
}
.postcontent h2 {
	padding:.8em 0;
	font-size:1.4em;
}
.postcontent h3 {
	padding:40px 40px .8em 40px;
	font-size:1.8em;
	color:#000000;
	text-transform:uppercase;
}
.postcontent h4 {
	padding:30px 0px 10px 0px;
	font-size:1.2em;
	color:#38b9f9;
}
.postcontent h5 {
	padding:.8em 0;
	font-size:1.1em;
}
.postcontent h6 {
	padding:.8em 0;
	font-size:1em;
}
.postcontent p {
	padding:.6em 40px .2em 40px;
}
.postcontent li {
	margin-left:80px;
	xxpadding:0;
	
}
.postcontent a {
	color: #666666;
}
.postcontent a:hover {
	color: #333333;
	text-decoration:underline;
}
.postcontent ul, .postcontent ol {
	padding:.4em 0 .5em 2em;
	list-style:outside;
}
, 240 .postcontent ul li {
list-style:disc;
}
.postcontent ol li {
	list-style:decimal;
}
.postcontent img {
	border: 1px solid #314755;
}
.postcontent img.wp-smiley {
	border: none;
}

.postcontent.narrow {
	color:#ff0000;
	width: 500px;
	margin-left: 100px;
	display:block;
}

.postmetabottom {
	background:url(images/whitetrans.png);
	padding:10px;
	font-size:0.8em;
	line-height:1.1em;
	margin-top:15px;
}
.postmetabottom a {
	color:#fff;
}
.postmetabottom a:hover {
	color:#afdaff;
}
.postmetabottom .tags {
	float:left;
	width:340px;
	line-height:16px;
}
.postmetabottom .readmore {
	float:right;
	width:240px;
	text-align:right;
}
.postmetabottom .readmore span {
	padding-left:0px;
}
.postmetaauthor {
	background:url(images/blacktrans.png);
	padding:10px;
	font-size:0.8em;
	line-height:1.1em;
	margin-top:20px;
}
.postmetaauthor .authorpic {
	float:left;
	width:60px;
}
.postmetaauthor .authordesc {
	float:right;
	width:540px;
}
.postmetaauthor .authordesc p.theauthor {
	line-height:1.4em;
	font-weight:bold;
}
.postmetaauthor .authordesc p.thedesc {
	line-height:1.4em;
	padding:.8em 0 .2em 0;
}
.postmetaauthor .authordesc a {
	color:#afdaff;
	border-bottom:1px dashed #afdaff;
}
.postmetaauthor .authordesc a:hover {
	background:url(images/blacktrans.png);
}
.page {
	padding:10px;
	margin-bottom:35px;
	background:url(images/blacktrans.png);
}
/************************************************
*          Navigation      *
************************************************/
#navigation {
	line-height:1.7em;
	margin-bottom:5px;
}
#navigation a {
	border-bottom:1px dashed #ffffff;
}
#navigation a:hover {
	background:url(images/blacktrans.png);
}
#navigation .wp-pagenavi a {
	padding:5px 7px;
	font-size:.8em;
	background:url(images/blacktrans2.png);
	color:#fff;
	border:none;
}
#navigation .wp-pagenavi a:hover {
	color:#ffffff;
}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {
	padding:5px 7px;
	font-size:.8em;
	background:url(images/blacktrans2.png);
	color:#fff;
	border:none;
}
/************************************************
*          Comments      *
************************************************/
#comments {
	margin:0 0 15px 0;
}
#comments h3 {
	font-size:1em;
	font-weight:normal;
}
#comments ul.commentlist li {
	margin:10px 0 0 0;
	padding:15px;
	background:url(images/blacktrans.png);
}
#comments ul.commentlist li ul.children li {
	margin:20px 0 0 20px;
}
#comments img.avatar {
	float:left;
	margin:0 20px 0 0;
}
#comments .commentbody .author {
	font-size:.9em;
	margin-bottom:10px;
	color:#eee;
}
#comments .commentbody .author a {/*color:#b9ff9d; border-bottom:1px dashed #b9ff9d;*/
}
#comments .commentbody .author a:hover {
	color:#fff;
	background:url(images/blacktrans.png);/*border-bottom:1px dashed #b9ff9d;*/
}
#comments .commentbody .commentmetadata {
	font-size:.7em;
	color:#bbb;
	margin-bottom:25px;
}
#comments .commentbody .commentmetadata a {
	color:#bbb;
}
#comments .commentbody em {
	margin-bottom:10px;
	color:#eee;
	display:block;
	font-size:.8em;
	font-style:normal;
}
#comments .commentbody p {
	font-size:.8em;
	padding:5px 0 8px 0;
	line-height:1.4em;
}
#comments .commentbody p a {/*color:#b9ff9d; border-bottom:1px dashed #b9ff9d;*/
}
#comments .commentbody p a:hover {
	color:#fff;
	background:url(images/blacktrans.png); /*border-bottom:1px dashed #b9ff9d;*/
}
#comments .reply a {
	margin-top:5px;
	padding:5px;
	line-height:1.3em;
	font-size:.7em;
	float:left;
	background:#ddd;
	color:#000;
}
#comments .reply a:hover {
	background:#fff;
	color:#111;
}
#comments h3#trackbacktitle {
	padding-top:10px;
}
#comments ul.trackback {
	margin:10px 0 0 0;
	padding:15px;
	background:url(images/blacktrans.png);
}
#comments ul.trackback li {
	margin-bottom:17px;
	font-size:.9em;
}
#comments ul.trackback li .commentbody .author {
	margin:0;
}
#comments a#cancel-comment-reply-link {
	display:block;
	padding:8px 0;
}
#comments a#cancel-comment-reply-link:hover {
	color:#ccc;
}
#comments #respond {
	margin-top:20px;
}
#comments #respond h3 {
	margin-bottom:15px;
}
#comments #respond input {
	padding:5px;
	width:200px;
	background:#efefef;
	font-size:.8em;
}
#comments #respond p {
	padding:.5em 0 0 0;
}
#comments #respond p label {
	font-size:.8em;
	font-weight:normal;
}
#comments #respond textarea {
	width:600px;
	padding:10px;
	background:#efefef;
	font-size:.8em;
	border:none;
}
#comments #respond .submitbutton {
	color:#fff;
	background:url(images/blacktrans3.png);
	padding:6px;
	line-height:1.4em;
	font-size:.8em;
}
#comments #respond .submitbutton:hover {
	cursor:pointer;
	color:#ffffff;
}
#comments #respond p.subscribe-to-comments label {
	display:inline;
	margin-left:4px;
}
/************************************************
*          Sidebar       *
************************************************/
#sidebar {
	float:right;
	width:300px;
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:30px;
}
#sidebar ul li.boxed {
	background:#000000;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
	
}
#sidebar h3 {
	/*background:url(images/blacktrans.png);*/
	padding:5px 25px;
	line-height:1.3em;
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#38b9f9;
}
#sidebar ul ul li {
	padding-bottom:0px;
}
#sidebar ul ul li a {
	display:block;
	padding:10px 25px;
	color:#ffffff;
}
#sidebar ul ul li.oddrow a {
	background-color:#0e0e0e;
	border-top:1px solid #444444;
}
#sidebar ul ul li.evenrow a {
	background-color:#000000;
	border-top:1px solid #444444;
	
}
#sidebar ul ul li.lastrow a {
	background-color:#000000;
	text-align:center;
	border-top:1px solid #444444;
	color:#38b9f9;
	font-size:1.2em;
	
}
#sidebar ul ul li a:hover {
	/*background:url(images/whitetrans.png);*/
	background-color:#171a21;
}
#sidebar p {
	color:#eee;
	padding:0 5px 10px 5px;
}
#sidebar p a {/*border-bottom:1px dashed #ffffff;*/
}
#sidebar p a:hover {
	color:#47b437;
	text-decoration:underline;
	/*background:url(images/whitetrans.png);*/
}
#sidebar img {
	border: 1px solid #314755;
	padding:0;
}
#sidebar img.avatar {
	float:left;
	padding:0 15px 5px 5px;
}
#tag_cloud a, .widget_tag_cloud a {
	display:inline;
}
#tag_cloud a:hover {
	color:#fff;
}
li#tagbox a:hover {
	color:#fff;
}
#sidebars ul.children li {
	border-bottom:none;
}
#sidebars ul.children {
	margin-bottom:0;
}
#sidebar ul.tweets li {
	padding: 5px 3px 7px 3px;
}
#sidebar ul.tweets li a {
	display:inline;
	padding:0;
}



#sidebar h3.goaltitle {
	font-size:32px;
	font-weight:bold;
	text-align:center;
}
#sidebar h3 span.goalamount {
	color:#ffffff;
}
#sidebar p.goaldetails {
	color:#ffffff;
	font-size:20px;
	line-height:28px;
}
#sidebar p.goaldetails a {
	font-size:14px;
}



/************************************************
*          Footer       *
************************************************/
#footer {
	min-height:200px;
	clear:both;
	background: #000000;
	font-size:0.9em;
	padding:0px 10px;
	text-align:left;
	color:#ffffff;
	
	

	background:url(images/footer_bg.png) repeat-x;
}
#footer .foot1 {
	float:left;
	width:650px;
	margin:10px 0 0 10px;
	padding-top:10px;
	display:inline;
	color:#ffffff;
	line-height:1.4em;
}
#footer .foot1 img {
	float:left;
	padding:0px 20px 0px 0px;
}

#footer .foot2 {
	float:left;
	width:200px;
	margin:10px 0px 0px 50px;
	
}
#footer .foot3 {
	float:left;
	width:310px;
	margin:10px 0 0 0;
}
#footer h3 {
	font-weight:normal;
	font-size:1.4em;
	margin-bottom:.4em;
}
#footer h4 {
	font-weight:normal;
	font-size:1em;
	margin:.8em 0 .2em 0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#footer p {
	line-height:1.5em;
	color:#eee;
	padding:.2em 0 .8em 0;
}
#footer ul, #footer ul li {
	list-style-position:outside;
	list-style-type:none;
	margin-top:10px;
	
}
#footer ul li {
	/*display: inline;*/
	/*background:url(images/bullet.png) left 7px no-repeat;*/
	line-height:1.5em;
	padding:0 0 0 0px;
	margin-bottom:4px;
}
#footer ul li.firstitem {
	background:none;
}
#footer li a {
	font-weight:normal;
	/*display:block;*/
	padding:5px 5px;
	color:#ffffff;
}
#footer a:hover {
	/*background:url(images/blacktrans.png);*/
	color:#999999;
}
#footer .widget_tag_cloud a {
	display:inline;
}
#footer .widget_tag_cloud a:hover {
	background:none;
	color:#fff;
}
#credits {
	margin-top:.7em;
	font-size:0.9em;
	line-height:1.4em;
	text-align:center;
	color:#ffffff;
}
#credits a {
	color:#ffffff;
}
#credits a:hover {
	background:url(images/blacktrans.png);
	color:#cccccc;
}
#credits #creditsleft {
	float:left;
	width:600px;
	color:#aaa;
}
#credits #creditsright {
	float:right;
	width:300px;
	text-align:right;
	color:#aaa;
}
/************************************************
*          WP related          *
************************************************/
.alignleft {
	float:left;
	margin:5px 15px 7px 0;
}
.alignright {
	float:right;
	margin:5px 0 7px 15px;
}
.aligncenter, div.aligncenter {
	margin:10px auto;
	text-align:center;
	display:block;
}
img.alignleft {
	float:left;
	margin:5px 15px 5px 0;
}
img.alignright {
	float:right;
	margin:5px 0 5px 15px;
}
img.aligncenter {
	margin:10px auto;
	text-align:center;
	display:block;
}
.wp-caption {
	text-align:center;
	background:url(images/blacktrans.png);
	padding-top:6px;
	/* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.wp-caption img {
	padding:0;
	margin:0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/************************************************
*         CUSTOM SZA CLASSES      *
************************************************/
#donationsTable td {
	vertical-align:top;
}
#donationsTable td.amount, #donationsTable td.itemno, #donationsTable td.itempic, #donationsTable th.amount, #donationsTable th.itemno, #donationsTable th.itempic {
	text-align:center;
}
#donationsTable td.amount, #donationsTable td.itemno {
	font-size:1.7em;
}
#donationsTable td .tshirtform {
	font-size:12px;
	color:#47B437;
}
#donationsTable td form select {
	font-size:12px;
}

form, input {
	margin:0;
	padding:0;
}
form {
	padding-top:15px;
}