/*
Theme Name: w4w
Description: wheelsforwhells blog theme
Version:1.0
Author: Ijaas yunoos
*/
@charset "utf-8";
/* WFW CSS Document */

body {background: #15191b; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#eeeeee;}
a {text-decoration:none; cursor:pointer; color:#eeeeee;}
a:hover {color:#de1818;}
a:focus {outline:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both; height:0px;}

.small {font-size:10px; font-weight:bold; text-shadow: 0 1px 0 #000; text-transform:uppercase;}
.gray{color:#7f888c; text-shadow: 0 1px 0 #000;}
.red {color:#de1818; text-shadow: 0 1px 0 #000;}

.container {width:100%; background:url(http://www.wheelsforwells.org/images/top-b.jpg) repeat-x center top;}
.foot {background:url(http://www.wheelsforwells.org/images/btm-b.jpg) repeat-x center bottom;}


#top {background:url(http://www.wheelsforwells.org/images/logo-b.png) no-repeat -1px top; height:142px; width:830px; margin:auto; text-align:center;}
#top .logo {width:305px; height:70px; display:inline-block; margin:28px 0px 0px 16px;}
#top p {margin:4px 0px 0px 0px; text-indent:4px;}

.center {width:990px; margin:auto;}
.main {background:url(http://www.wheelsforwells.org/images/main-b.png) repeat-y center top;}
.top {background:url(http://www.wheelsforwells.org/images/main-top-btm.png) no-repeat center top; height:7px;}
.btm {background:url(http://www.wheelsforwells.org/images/main-top-btm.png) no-repeat center -9px; height:7px;}
.inner {background:url(http://www.wheelsforwells.org/images/main-i.gif) no-repeat center top; padding:0px 30px 0px 30px; width:930px;}

.info {line-height:38px; height:38px;}

body.plan, body.info-c, body.why,  body.goal,  body.route,  body.route-d,  body.blog,  body.cal, body.who  {
	background: #15191b; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#eeeeee;}



.nav {width:100%; height:38px; background:url(http://www.wheelsforwells.org/images/nav-b.png) no-repeat center; display:block; padding:0px; text-align:center;}
.nav a {margin:0px 6px; height:38px; display:inline-block; text-shadow: 0 1px 0 #000;}
.nav a span {display:block; height:38px; margin-left:12px; padding-right:12px;}
.nav a:hover {background:url(http://www.wheelsforwells.org/images/nav-a.png) no-repeat left top; color:#FFF;}
.nav a span:hover, .nav a:hover span {background:url(http://www.wheelsforwells.org/images/nav-a.png) no-repeat right top;}
.plan .nav #plan,
.info-c .nav #info-c,
.why .nav #why,
.goal .nav #goal,
.route .nav #route,
.route-d .nav #route-d,
.blog .nav #blog,
.cal .nav #cal,
.who .nav #who {color:#7f888c; cursor:default; background:url(http://www.wheelsforwells.org/images/nav-a.png) no-repeat left bottom;}
.plan .nav #plan span,
.info-c .nav #info-c span,
.why .nav #why span,
.goal .nav #goal span,
.route .nav #route span,
.route-d .nav #route-d span,
.blog .nav #blog span,
.cal .nav #cal span,
.who .nav #who span {background:url(http://www.wheelsforwells.org/images/nav-a.png) no-repeat right bottom;}

#banner {position:relative; width:928px; height:377px; overflow:hidden; border:1px solid #000; border-bottom:0px; background:url(http://www.wheelsforwells.org/images/loading.gif) no-repeat center;}
#banner .item {width:928px; height:377px; position:absolute; top:0px; left:0px;}
#banner .relative {width:928px; height:377px; position:relative;}
.relative .pdf a {position:absolute; top:283px; left:235px; width:388px; height:75px; display:block;}

#content { width:928px; background:#0b0e0f; border:1px solid #000; border-bottom:0px; background: url(http://www.wheelsforwells.org/images/content-b.png) repeat-y center;}
#content .page {width:900px; padding:14px; background:url(http://www.wheelsforwells.org/images/content-top.png) no-repeat center top; color:#50585c; position:relative;}
.blog #content {background:url(http://www.wheelsforwells.org/images/content-blog-b.png) repeat-y; float:left;}

.page h1 { margin:0px; position:relative; top:20px; border-bottom:1px solid #cbcfd1; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#50585c; font-style:italic; padding-bottom:4px;}
.page h2 {font-size:20px; margin:30px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
.page h2 span { font-size:13px; padding:0px 0 0 10px; display:inline-block;}
.page .table { border:1px solid #cbcfd1; width:275px; background:#f2f2f2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; float:left; margin-left:15px;}
.page .table h4 {margin:0px; padding:5px; text-shadow: 0 1px 0 #fff; font-size:11px; position:relative;}
.page .table h4 span {font-weight:normal; width:130px; text-align:right; position:absolute; right:5px;}
.page .table p {background:#FFF; border-top:1px solid #cbcfd1; padding:5px; margin:0px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px;}
.page .download {position:absolute; top:-69px; right:12px;}
.page .download a {color:#FFF; text-shadow:0 1px 0 #000; width:180px; height:40px; display:block; font-weight:bold; font-size:24px; line-height:15px; padding-left:75px;}
.page .download a span {font-size:11px;}
.page .info {padding-bottom:8px; float:left; height:105px;}
.page .info img { }
.page .info a { line-height:105px; font-size:20px; color:#7f888c; font-weight:bold; font-style:italic; text-shadow: 3px 3px 3px #f2f2f2; padding-left:5px; float:left;}
.page .info a:hover {color:#de1818;}
.page .red {text-shadow:none;}


.page .weeks {width:900px; height:30px; position:absolute; top:35px; text-align:right; overflow:visible;}
.weeks a {display:block; height:27px; width:78px; text-align:center; background:url(http://www.wheelsforwells.org/images/week-a.png) repeat-y left; line-height:11px; padding-top:4px; font-weight:bold; color:#7c868b; text-shadow: 0 1px 0 #e0e3e4; float:right; margin:-1px 2px 0 2px;}
.weeks a:hover{background:url(http://www.wheelsforwells.org/images/week-a-selected.png) no-repeat left top; color:#FFF; text-shadow: 0 1px 0 #676d70;}
.weeks .selected {height:36px; padding-top:4px;  background:url(http://www.wheelsforwells.org/images/week-a-selected.png) no-repeat left top; color:#FFF; text-shadow: 0 1px 0 #676d70;}


#controls {width:928px; height:90px; background:#0b0e0f; border:1px solid #000; border-bottom:0px;}
#controls .links {padding:20px 25px;}
#controls .right {padding:15px 25px; line-height:18px;}
.cal #controls {border-top:0px;}

.reg, .vol, .map {height:20px; display:inline-block; padding-left:35px; background:url(http://www.wheelsforwells.org/images/a-icons.png) no-repeat 12px top; text-transform:uppercase;}
.vol {background:url(http://www.wheelsforwells.org/images/a-icons.png) no-repeat 12px center;}
.map {background:url(http://www.wheelsforwells.org/images/a-icons.png) no-repeat 12px bottom;}

#sponsors {text-align:left; width:990px; margin:0 auto 15px auto;}
#sponsors a {width:150px; margin:7px; display:inline-block;}
#sponsors a img { border:0;}

#footer {width:98%; padding:0px 1%; height:28px; background:#0b0e0f; border-top:1px solid #262c2f; border-bottom:1px solid #262c2f; line-height:28px; text-shadow: 0 1px 0 #000;}
#footer a {font-weight:bold;}

.blogwrap {width:700px; float:left;}
.blogpage {width:672px; padding:14px; background:url(http://www.wheelsforwells.org/images/content-top.png) no-repeat left top; color:#50585c;}
.blog-head {padding-bottom:15px;}
.blog-head h1 {border-bottom:1px solid #cbcfd1; padding-bottom:4px; position:relative; margin:10px 0 2px 0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
.blog-head h1 a { font-size:22px; color:#50585c; font-style:italic;}
.blog-head h1 a:hover { color:#de1818;}
.blog-head .author span {font-style:italic; font-weight:bold;}
.blog-content {font-size:12px;}
.blog-foot { height:50px; padding:2px 8px; margin-top:25px;}
.blog-foot .com-l { float:right; display:inline-block; height:43px; line-height:32px; overflow:hidden; color:#7e7e7e; }
.blog-foot .com-l .com-t { font-size:11px; display:block; float:right; overflow:hidden;  font-style:italic;}
.blog-foot .com-l .com-i {width:53px; height:43px; display:block; float:right; background:url(http://www.wheelsforwells.org/images/comment-i.png) no-repeat; text-align:center; font-size:22px; text-shadow: 0 1px 0 #fff; line-height:32px; text-indent:-4px; font-family:Georgia, "Times New Roman", Times, serif;} 
.blog-foot .com-l:hover { color:#de1818;}

.blog-content a:hover, .comments a:hover {color:#de1818; text-decoration:underline;}
.blog-content a, .comments a {color:#de1818;}
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4 {color:#50585c; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:20px 0; font-weight:normal;}
.blog-content h1 {font-size:18px;}
.blog-content h2 {font-size:16px;}
.blog-content h3 {font-size:14px;}
.blog-content h4 {font-size:12px;}
.blog-content img {padding:5px; border:1px solid #ddd; background:#f2f2f2;}

.aligncenter, div.aligncenter{ display:block;  margin-left:auto;  margin-right:auto}
.alignleft{ float:left}
.alignright{ float:right}
.wp-caption{ border:1px solid #ddd;  text-align:center;  background-color:#f3f3f3;  padding-top:4px;  margin:10px;   -moz-border-radius:3px;  -khtml-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px}
.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}

#tform fieldset { border:0;}
#tform input { margin-right:5px; border:1px solid #ccc; background:none; width:170px; height:14px; padding:4px; font-weight:normal; background:#f2f2f2;}
#tform input:focus, #tform input:hover { background:#fefbed url(images/s-i.png) no-repeat left top; border:1px solid #f8e390; border-top:1px solid #ffd632;  border-left:1px solid #ffd632;}
#tform input.full {width:98%; margin-top:3px;}
#tform input.long {width:350px;}
#tform input.medium {width:170px;}
#tform input.short {width:80px;}
#tform textarea{ border:1px solid #ccc; border-bottom:1px solid #ccc; background:#f2f2f2; width:98%; padding:4px; font-weight:normal; overflow:auto;}
#tform textarea:focus, #iform textarea:hover { background:#fefbed url(images/s-i.png) no-repeat left top; border:1px solid #f8e390; border-top:1px solid #ffd632;  border-left:1px solid #ffd632;}
#tform .check input { width:auto; height:auto; margin:0px;}
#tform .submit, #tform .submitbuton input { width:auto; height:auto; margin:0px; cursor:pointer;}

.wpcf7-list-item {display:block;}
.wpcf7-list-item input { width:auto; height:auto; margin:0px;}

#iform textarea{ border:1px solid #ccc; border-bottom:1px solid #ccc; background:#f2f2f2; width:98%; padding:4px; font-weight:normal; overflow:auto;}
#iform textarea:focus, #iform textarea:hover { background:#fefbed url(images/s-i.png) no-repeat left top; border:1px solid #f8e390; border-top:1px solid #ffd632;  border-left:1px solid #ffd632;}
.scroll {overflow:auto; height:250px; width:450px; border:1px solid #ccc; background:#f2f2f2; padding:0 5px;}


.jqTransformRadioWrapper{display:inline-block; margin:0px 4px; margin-top:5px}.jqTransformRadio{background:transparent url(http://www.wheelsforwells.org/images/radio.gif) no-repeat center top; vertical-align:middle; height:19px; width:18px; display:inline-block;}
span.jqTransformCheckboxWrapper{display:inline-block; float:left;}
a.jqTransformCheckbox{background:transparent url(http://www.wheelsforwells.org/images/checkbox.gif) no-repeat center top; vertical-align:middle; height:19px; width:18px; display:block}
a.jqTransformChecked{background-position:center bottom}
.jqTransformSelectWrapper{width:45px; position:relative; height:31px; background:url(http://www.wheelsforwells.org/images/select_left.gif) no-repeat top left; display:inline-block;}
.jqTransformSelectWrapper div span{font-size:12px; float:none; position:absolute; white-space:nowrap; height:31px; line-height:15px; padding:8px 0 0 7px; overflow:hidden; cursor:pointer}
.jqTransformSelectWrapper  a.jqTransformSelectOpen{display:block; position:absolute; right:0px; width:31px; height:31px; background:url(http://www.wheelsforwells.org/images/select_right.gif) no-repeat center center}
.jqTransformSelectWrapper ul{position:absolute; width:43px; top:30px; left:0px; list-style:none; background-color:#FFF; border:solid 1px #CCC; display:none; margin:0px; padding:0px; height:150px; overflow:auto; overflow-y:auto; z-index:10}
.jqTransformSelectWrapper ul a{display:block; padding:5px; text-decoration:none; color:#333; background-color:#FFF; font-size:12px}
.jqTransformSelectWrapper ul a.selected{background:#EDEDED; color:#333}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#de1818; color:#fff}.jqTransformHidden{display:none}

ul.sharebox { margin:0px; padding:0px; list-style:none; position:relative; display:block;}
ul.sharebox li { float:left; margin:0 0 0 0px; padding:0px; line-height:32px;}
ul.sharebox li a { margin:3px 0 0 0; display:block; -moz-opacity:.50; opacity:.50; }
ul.sharebox li a:hover { margin:-3px 0 0 0px; -moz-opacity:1; opacity:1; }
ul.sharebox li img { border:none;}

#sidebar { width:228px; float:left;}
#sidebar .widget {width:228px; position:relative; overflow:visible; margin-bottom:8px;}
.widget h2 {width:240px; height:45px; background:url(http://www.wheelsforwells.org/images/sidebar-h.png) no-repeat; line-height:50px; color:#fff; font-size:12px; text-transform:uppercase; font-style:italic; text-shadow:0 1px 0 #5c0606; text-indent:15px; text-align:left;}
.widget ul {margin:0; padding:0; list-style-position:inside;}
.widget ul li { padding:2px 0 2px 10px;}
.widget ul li:hover {color:#de1818;}
.wp-polls-ul {width:215px; overflow:hidden;}
.wp-polls-ul li {display:block; width:100%; clear:left;}
.wp-polls-ul li input,.wp-polls-ul li label {float:left; display:inline-block; margin:2px;}

#calendar { background:#0b0e0f; border:1px solid #000; border-bottom:0px; overflow:hidden;}