/*
File:			custom.css
Description:	Custom styles for Runrideinspire.com
Author:			Matt Hodder 2010, www.matthodder.com
*/

/* General */
.custom .clearall { clear: both; }
body.custom { background: #edeceb url(images/bg-main.jpg) no-repeat top; }
.custom .page { background: #fff; }

/* Form Styling */
.custom input, .custom textarea { background: #f9f9f9; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.custom input:focus, .custom textarea:focus { border-color: #888; }
.custom input.button, .custom input[type=submit], .custom #commentform input.form_submit { background: #fff url(images/bg-input.png) bottom repeat-x; padding:5px 15px; text-shadow: 0 1px 0 #fff; color:#222; width: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; font-weight: normal; }
.custom input.button:hover, .custom input[type=submit]:hover { background: #fff url(images/bg-input_active.png) top repeat-x; border: 1px solid #888; cursor: pointer; }

/* Header */
.custom #header_area .page { padding: 0; width: 953px; height: 180px;  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; background: url(images/bg-header-normal.jpg) no-repeat; }
.custom #header { padding: 0 20px; background: url(images/bg-bluetrans.png) repeat-x top; height: 36px; position: absolute; width: 913px; z-index: 5; }
.custom #logo { float: left; }
.custom #logo a { background: url(images/logo.png) bottom no-repeat; width: 226px; height: 166px; display: block; text-indent: -9999px; outline: none; }
.custom #logo a:hover { height: 162px; }

.slide a { height: 360px; width: 100%; display: block; text-indent: -9999px;  outline: none; }
.slide .one { background: url(images/image-slide1.jpg) no-repeat;  }
.slide .two { background: url(images/image-slide2.jpg) no-repeat;  }
.slide .three { background: url(images/image-slide3.jpg) no-repeat;  }
.slide .four { background: url(images/image-slide4.jpg) no-repeat;  }
.slide .five { background: url(images/image-slide5.jpg) no-repeat;  }

/* Nav */
.custom .menu { width: auto; float: right; border: none; }
.custom .menu a { background: none; border: none; color: #fff; letter-spacing: normal; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; background: url(images/sep-topnav.png) 0 50% no-repeat; padding: 0 1em; line-height: 36px; outline: none; font-weight: bold; }
.custom .menu .tab-home a, .custom .menu .tab-home a:hover { background: none; }
.custom .menu li a:hover { background: url(images/sep-topnav.png) 0 50% no-repeat; color: #b0d1ed; cursor: pointer; }

/* Slideshow */
#slideshow { margin:0 auto; width:953px; height:360px; position: absolute; z-index: 1; }
#slideshow #slidesContainer { margin:0 auto; width:953px; height:360px; overflow:hidden; position: absolute; z-index: 1; }
#slideshow #slidesContainer .slide { margin:0 auto; width:933px; height:360px; overflow: hidden; }
#navControl {  cursor:pointer; display:block; height:20px; position:absolute; left:45px; top: 330px; width:20px; opacity: .5; }
#rightControl, #leftControl {  width: 26px; height: 19px; display: block; text-indent: -9999px; position: absolute; z-index: 6; cursor: pointer; top: 330px; opacity: .5; }
#rightControl {background: url(images/right-arrow.png) no-repeat; left: 70px; }
#leftControl {background: url(images/left-arrow.png) no-repeat; left: 13px; }
#rightControl:hover, #leftControl:hover, #navControl:hover { opacity: .8; }
.corner-left { display: block; width:10px; height: 10px; position: absolute; z-index: 7; top: 350px; background: url(images/corner-left.png) no-repeat; }
.corner-right { display: block; width:10px; height: 10px; position: absolute; z-index: 7; top: 350px; right: 0; background: url(images/corner-right.png) no-repeat; }

/* Home Specific */
.home #header_area { margin-bottom: 2.5em; }
.home #header_area .page { height: 360px; background: none; }
.custom #info_cols { padding-bottom: 1em; }
.custom #info_cols .col img { float: left; margin-right: 10px; }
.custom #info_cols .col { float: left; width: 30%; }
.custom #info_cols .col-two { margin: 0 5%; }
.custom #info_cols .col-three { float: right; }
.custom #info_cols .col a { display: block; text-align: center; border-top:1px  dotted #d5d5d5; border-bottom:1px  dotted #d5d5d5; padding: .5em 0; font-style: italic; text-decoration: none; color: #434343; font-size: .8em; }
.custom #info_cols .col a:hover { background: #f5f5f5; }
.custom .main-sponsor { padding: 20px; background: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
.custom .main-sponsor img { border: 1px solid #ddd; padding: 5px; background: #fff; margin-top: 3px; }
.home h2 { margin-top: 1em; }
.home .sponsors { text-align: center; }
.home .sponsors img { margin: 5px; }
.home .sponsors a { opacity: .8; }
.home .sponsors a:hover { opacity: 1; }
.home #content { position: relative; overflow: visible; }
.custom .twibbon {  display: block; text-indent: -9999px; width: 176px; height: 175px; background: url(images/twibbon.png); position: absolute; right: -23px; top: -13px; outline: none; }

/* Content */
.custom .format_text { font-size: 1.6em; color: #6d6d6d; }
.custom #content_area .page { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.custom blockquote { background: url(images/bg-quote.jpg); border: none; padding: .5em; text-align: center; font-size: 1.5em; font-style: italic; line-height: 1.5em; text-shadow: 1px 1px #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 0; }
.custom h2, .custom h1 { font-style: italic; font-weight: normal; color: #125788; font-size: 1.8em; background: url(images/graphic-dots.png) right 50% no-repeat; }
.custom .entry-title, .custom .headline_area h1 { font-size: 2.8em; font-style: italic; }
.custom .entry-title a { color: #125788; }
.custom .format_text .to_comments span.bracket  { color: #76ccef; }

/* Sidebars */
.custom #sidebars h3 { color: #51a145; font-size: 1.4em; letter-spacing: normal; font-variant: normal; border-bottom: 4px dotted #d5d5d5; padding-bottom: 1em; margin-bottom: 1em; }

/* Footer */
.custom #footer_area .page { background: none; margin-bottom: 2em; text-shadow: 1px 1px #fff; }
.custom .copy_left { float: left; }

/* Twitter */
.custom .twitter-avatar img { float: left; border: 1px solid #ddd; background: #fff; padding: 3px; margin: 0 10px 10px 0; }
.custom .widget_twitter li { padding-bottom: 1em; border-bottom: 1px  dotted #d5d5d5; font-size: 12px; color: #555; }