# Theme Name: Running Because I Can
# Theme URI: http://runningbecauseican.com/ 
# Description: Theme for Running Because I Can.
# Author: Matt Busse
# Author URI: http://mattbusse.com 
# Version: 1.0

/*
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, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ul, li {margin:0;padding:0}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/* 960
http://www.960.gs
*/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* TEXT
http://www.960.gs
*/

a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* GLOBAL */

/* 
green:00E520
orange: FF6E1F
*/

body {background:#000 url('images/asphalt.jpg');font-family:Tahoma,Arial,Sans-serif;font-size:12px;font-weight:normal;	line-height:1.4;margin:0;padding:0;}

/* layout */

#main {} /* id assigned to body tag */
#wrapper {margin:0 auto;	padding:0 20px;	width:1000px;}
#inner-wrapper {background:#191919;border-left:1px solid #000;border-right:1px solid #000; border-top:1px solid #000;margin-top:40px;padding:40px 0;width:100%;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-radius-topleft:10px;-webkit-border-radius-topright:10px;}
#header {background:#fff url('images/header3.jpg') top left no-repeat;border:1px solid #000;height:149px;width:942px;}
.logo {float:left;height:140px;text-indent:-9999em;width:500px;}
.twitter-container {background:#000 url('images/stripes-thin.png');border:1px solid #aaa;color:#f7f7f7;float:right;margin:20px 10px 0 0;height:99px;width:298px; /* align with inner contents of sidebar */}
.inner-twitter {margin:5px;}
.inner-header {margin:10px;width:920px;}
#container {} /* contains main content and sidebar */
#header, .inner-header, #post, #content, #inner-wrapper, .sidebar, #nav, #nav li, #nav li a, .pixelpolish {float:left}

.pixelpolish, #nav  {border:1px solid #595959}
#nav {background:#333333}
.pixelpolish {color:#f7f7f7;width:100%;}
.pixelpolish, #nav li a {text-shadow:1px 1px #000;}
#nav li a:hover {text-shadow:none}
#twitter_update_list li {list-style-type:none}

#post, .postmetadata {width:100%;}
#post {background-color:#333333}
.inner-page, .inner-sidebar, .inner-footer {margin:20px;}
.single-post {background:#333333 url('images/single-post-fade.png') bottom left repeat-x;border-top:1px solid #595959;border-bottom:1px solid #000000;padding:40px 20px;}
.single-post:first-child {border-top:0 !important; padding-top:20px !important}
.inner-page .single-post, .inner-page {min-height:1550px}
.inner-page .single-post {padding:0 0 40px 0 !important}
.race-times, .race-times td {border:1px solid #aaa}
.yui-navset, #s, .searchsubmit, #commentform input, #comment, .wpcf7-form input, .wpcf7-form textarea {border:1px solid #595959;}
.navigation {margin:20px}

/* MENU */

#nav {float:left;margin:20px 0;width:940px;}
#nav li {list-style-type:none;margin:0;}
#nav li:first-child {margin-left:10px;}
#nav ul li:first-child {margin-left:0 !important;}
#nav ul li ul li:first-child {margin-left:0 !important;}
#nav li a, #nav li a:visited {clear:both;color:#00E520;display:block;padding:10px;}
#nav a:hover {background-color:#00E520 !important}

.sf-menu, .sf-menu * {margin: 0;list-style: none;}
.sf-menu {line-height:  1.0;	z-index:500;}
.sf-menu ul {border:1px solid #aaa;position: absolute;top: -999em;width: auto; /* left offset of submenus need to match (see below) */ padding: 0; /* padding around all menu items collectively */}
.sf-menu ul li {clear: both;margin-right:0 !important;width: auto;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {display: inline;float: left;margin: 0px;position: relative;z-index: 500;}
.sf-menu a {display: block;position: relative;}
.sf-menu li a {display:block;padding:10px;text-decoration:none;width:auto;}
.sf-menu li ul li a {background-color:#333}
.sf-menu ul li a {margin-left:0;padding:10px;}
.sf-menu ul li a, .sf-menu li ul li ul li a {width:140px; /* width of menu items */}
.sf-menu ul li a:hover {}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0;top: 32px; /* match top ul list item height. this affects how far down the menu is when it appears. */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {/* affects sub-menus, like third level menu option */top:-1px;left: 140px; /* match ul width */	z-index:500;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;left:140px;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 8em; /* match ul width */top: 0;}

/* SIDEBAR */

.sidebar {background-color:#2C2C2B !important; width:100%}
#sidebar_top {margin-bottom:20px;}
.sidebar p, .sidebar li {margin-bottom:0.5em;}
.sidebar li {list-style-type:none;}
.sidebar .textwidget, .sidebar h2 {border-top:1px solid #595959;margin-top:20px; padding-top:20px}
.small_sidebar select {width:120px;}
.sidebar h2:first-child, .sidebar div:first-child {border-top:0 !important;margin-top:0 !important}
#search {margin-top:20px}

/* TEXT */

h1, h2, h3, h4 {font-family:Helvetica,Arial,Sans-serif;font-weight:400;letter-spacing:-0.03em;line-height:1.2;margin-top:0;}
h1 a, h2 a, h3 a, h4 a {color:#00E520 !important}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {background-color:#00E520 !important}
h1 {font-size:3.5em;}
h2 {font-size:2.4em;}
h1 a {text-shadow:1px 1px #404040;}
h1 a:hover {text-shadow:none;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
#post p, #post li {line-height:1.4;margin-bottom:1em;}
#post li, #post ul, #post ol {list-style-type:square;margin-left:1em;}
a:link {color:#FFA73F}
a:visited {color:#eee;}
a:hover {background-color:#FFA73F;color:#000 !important;text-shadow:none;}
a:active {color:#00E520}
blockquote {background-color:#888888;color:#fff;margin:0;padding:20px;text-shadow:1px 1px #595959;}
.postmetadata {border-top:1px solid #6f6f6f;border-bottom:1px solid #6f6f6f;padding:10px 0;}

/* IMAGES */

img {border:0;}
.alignleft, .alignright, .aligncenter {border:1px solid #aaa;padding:3px;text-align:center;}
.alignleft {float:left;margin:0 20px 5px 0;}
.alignright {float:right;margin:0 0 5px 20px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text {background-color:transparent;font-style:italic;margin:5px;}

/* RACE TIMES */
.race-times {background-color:#555555;margin-bottom:3em;width:100%;}
.race-times th {font-weight:bold;}
.race-times td {padding:3px;}

/* FACEBOOK */

.facebook-widget {margin-bottom:3em;}

/* TABBED BOX */

.tabbed-box {margin-bottom:3em;width:100%;}
.yui-nav {background:#000;color:#eee;float:left;margin-bottom:0 !important;width:100%;}
.tabs {float:left;margin:0;width:100%}
.active {background: #555555 !important;border-left:1px solid #AAAAAA;border-right:1px solid #AAAAAA;border-top:1px solid #AAAAAA;color:#000;}
.tabs li {list-style: none;float: left;margin-bottom:0 !important;text-align: center;font-weight: bold;} 
.tabs li a {background-color:#000;text-decoration:none;color: #00E520;display: block;padding: 8px;position:relative;top:1px} 
.tabs li a:hover {background-color: #00E520 !important;color:#000;}
.tabbed-content {background: #555555;border:1px solid #AAAAAA;clear: both;display:none;padding:10px;}
.tabbed-content h2 {/* hide widget title since it's in the tab already */display:none;}

/* SOCIABLE */

.sociable li {margin-left:0 !important}
.sociable_tagline {margin-bottom:1em}

/* FOOTER */

#footer {background-color:transparent;}
#footer, #footer a {color:#f7f7f7;}
.inner-footer img {border:0;margin-right:5px;position:relative;top:2px}
.inner-footer a {text-decoration:none}

/* SEARCH, COMMENT AND CONTACT FORM 7 FORMS */

#search {margin-bottom:3em;}
#s {height:1.3em;width:220px}
#s, .searchsubmit, #commentform input, #comment, .wpcf7-form input, .wpcf7-form textarea {padding:5px;}
#s:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus, #commentform input:focus, #comment:focus, #s:focus {background-color:#F7FFAF;}
.searchsubmit {width:60px}


/* COMMENTS */

.commentlist {margin:0 !important;padding:0;}	
.commentlist li {list-style-type:none !important;margin:0 !important;padding:10px;}	
.even {background:#555555;}
.commentmetadata {font-size: 0.8em;}
#respond {margin-top:20px;}

/* INTENSEDEBATE */
#idc-container-parent, .idc-r { text-shadow:none }
#idc-container .idc-foot { border-top:0 !important }

/* COMMENTLUV */
.cluv {border-top:1px solid #aaa !important; border-left:none !important; border-right:none !important; border-bottom:none !important;margin-top:10px; padding:10px 0 0 0 !important}
#lastposts, .choosepost {background-color:#333 !important; color:#fff !important}
#lastposts {text-shadow:none}
.twitlink {background-color:transparent !important;border:none !important;margin:20px 5px 5px !important;padding:0 !important;}
#atf_twitter_id {margin-top:10px}