/*
Theme Name: Ray Roman Seminars
Theme URI: http://rayromanworkshops.com/
Description: Custom theme for Ray Roman.
Version: 1.0
Author: Funnel and Joe Blackburn
Tags: blue
*/



/* --- Begin Ray Roman Seminars CSS --- */

body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #4d4d4d; }

#wrapper { width: 800px; margin: auto; position: relative; }

a img { border: 0; }

a { color: #0079c1; }

a:hover { color: #333; }





/* --- Content --- */

#content { padding: 95px 30px 30px 310px; color: #333; font-size: 11px; line-height: 20px; background: url(images/rr_bg.jpg) no-repeat #fff; min-height:370px; height:auto !important; height:370px; }

#content p { margin: 0 0 18px 0; }

h1 { text-transform: uppercase; font-weight: bold; font-size: 19px; line-height: 28px; margin: 0 0 30px 0; }

.entry-meta { margin-bottom: 60px; }

h2 { text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 28px; margin: 50px 0 10px 0; color: #0079c1; }

.next-seminar { padding: 50px 30px 25px 30px; float: left; letter-spacing: .1em; }

h3 { font-weight: bold; text-transform: uppercase; font-size: 12px; margin: 0; }

h6 { font-weight: bold; text-transform: uppercase; font-size: 18px; margin: 0; letter-spacing: .1em; color: #fff; }

.seminar-date { color: #fff; font-size: 11px; font-weight: bold; padding: 5px 0 2px 0; }

.through { font-size: 9px; font-weight: normal; }

.seminar-location { color: #333; font-size: 9px; text-transform: uppercase; }




/* --- Blue Colunm --- */

#blue-col { width: 250px; position: absolute; top: 0; left: 30px; background: url(images/blue_column_bg.png) no-repeat #0079c1; z-index: 100; }

a.logo { position: absolute; display: block; width: 250px; height: 120px; } 

ul#nav { width: 250px; list-style: none; margin: 0; padding: 160px 0 0 0; }

ul#nav li { height: 30px; margin-bottom: 7px; }

ul#nav li a { display: block; height: 30px; }

ul#nav li.nav-itinerary a { background: url(images/nav_itinerary.png) no-repeat; }

ul#nav li.nav-speakers a { background: url(images/nav_speakers.png) no-repeat; }

ul#nav li.nav-travel a { background: url(images/nav_travel.png) no-repeat; }

ul#nav li.nav-sponsors a { background: url(images/nav_sponsors.png) no-repeat; }

ul#nav li.nav-registration a { background: url(images/nav_registration.png) no-repeat; }

ul#nav li.nav-blog a { background: url(images/nav_blog.png) no-repeat; }

.url-arrow { padding-top: 7px; }

.url-arrow a { background: url(images/url_arrow.png) no-repeat; height: 30px; display: block; }

ul#nav li a:hover, ul#nav li#current a, .url-arrow a:hover { background-position: 0 -30px; }

.next-seminar { width: 190px; }





/* --- Registration Form --- */

ol.cf-ol { list-style: none; margin: 0; padding: 0 0 0 0; text-align: left; }

.cf_hidden, .linklove { display: none; }

ol.cf-ol li { width: 215px; float: left; }

ol.cf-ol li#li--1, ol.cf-ol li#li--4, ol.cf-ol li#li--5, ol.cf-ol li#li--6, ol.cf-ol li#li--8, ol.cf-ol li#li--10 { padding-right: 20px; }

ol.cf-ol label { color: #0079c1; font-weight: bold; }

ol.cf-ol label, ol.cf-ol input { float: left; clear: left; }

ol.cf-ol input { width: 215px; border: 1px solid #333; margin: 0 0 10px 0; padding: 2px; font-size: 10px;  }

ol.cf-ol li#li--3, ol.cf-ol li#li--3 input { width: 450px; }

ol.cf-ol li#li--4, ol.cf-ol li#li--4 input { width: 145px; }

ol.cf-ol li#li--5, ol.cf-ol li#li--5 input { width: 50px; }

ol.cf-ol li#li--6, ol.cf-ol li#li--6 input { width: 80px; }

ol.cf-ol li#li--7, ol.cf-ol li#li--7 input { width: 115px; }

ol.cf-ol li#li--11 select { width: 215px; margin: 0; /* For IE 6+7 */ *width: 221px; }

ol.cf-ol li#li--12 { width: 430px; margin-top: 20px; position: relative; }

ol.cf-ol li#li--12 label { color: #333; font-weight: normal; padding: 0 0 0 20px; line-height: 14px; }

ol.cf-ol li#li--12 input {  position: absolute; top: 2px; left: 2px; border: none; width: 10px; /* FOR IE 6+7 */ }

#content p.cf-sb { clear: both; padding-top: 20px; margin: 0; text-align: left; }

#usermessagea { font-size: 20px; color: #0079c1; margin-top: 30px; }

#usermessagea ol { color: #333; font-size: 12px; }





/* --- Speakers --- */

.speaker { padding: 30px 0 0 0; height: 150px; float: left; }

.speaker-pic { width: 150px; height: 150px; float: left; padding: 0 20px 0 0; }

.speaker-name { width:280px; float: left; padding-bottom: 10px; font-size: 16px; font-weight: bold; } 

.speaker-text { line-height: 16px; width: 280px; float: left; }




/* --- Sponsors --- */

.sponsor { width: 210px; height: 300px; float: left; padding: 20px 20px 0 0; }

.sponsor-logo { width: 215px; height: 215px; }

.sponsor-logo img { vertical-align: bottom; }

.sponsor-name { text-align: center; font-size: 16px; font-weight: bold; color: #0079c1; padding: 5px 0 0 0; } 

.sponsor a { text-decoration: none; }

.sponsor-text { font-size: 10px; line-height: 14px; text-align: center; }




/* --- Blog --- */

h1.entry-title a { color: #333; text-decoration: none; }

h1.entry-title a:hover { color: #0079c1; }

.entry-meta { border-top: 1px solid #dedede; padding: 3px 0 0 0; }

.meta-sep { padding: 0 5px; }

ul.commentlist { list-style: none; margin: 0; padding: 0; }

ul.commentlist li { border-bottom: 1px solid #dedede; margin-bottom: 20px; }

.comment-author img { display: none; }

.comment-author { text-transform: uppercase; font-size: 12px; font-weight: bold; margin-top: 20px; }

.comment-author a { color: #333; text-decoration: none; font-style: normal; }

.comment-author a:hover { color: #0079c1; }

h2.comments { border-bottom: 1px solid #dedede; }

.comment-meta { font-size: 9px; margin-bottom: 10px; line-height: 12px; }

.comment-meta a { color: #333; text-decoration: none; }

.comment-meta a:hover { color: #0079c1; }

#respond input.comment-input, #respond textarea { border: 1px solid #333; }

.navigation { padding-bottom: 40px; }

.alignleft { width: 100px; float: left; }

.alignright { width: 100px; float: right; }

.navigation a { color:#333; text-decoration: none; }

.navigation a:hover { color: #0079c1; }




/* --- Footer --- */

#footer { height: 150px; background: url(images/rr_footer_bg.png) no-repeat #fff; position: relative; }

.tag { width: 33px; height: 33px; background:url(images/footer_tag.png) no-repeat; position: absolute; top: 83px; left: -33px;  }

a.footer-url { position: relative; top: 112px; left: 255px; height: 15px; width: 138px; display: block; }

.clear { clear: both; }