/*
Theme Name: Yodel Theme
Description: The new theme developed by cnp_studio.
Version: 2.0
Author: Pete Schiebel
*/

body {margin: 0; padding: 0; text-align: center; background: url(images/bg_body.gif); padding-bottom: 30px;}
div,p,h1,h2,h3,h4,h5,img,form,span,blockquote,table,thead,tbody,tr,td,th,ol,ul,li,input,select,option,label,fieldset
{margin: 0; padding: 0; position: relative;}
div,p,h1,h2,h3,h4,h5,td,li {text-align: left;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
.gradient_top {height: 323px; position: absolute; top: 0; left: 0; width: 100%; background: url(images/bg_gradient_top.gif) repeat-x; font-size: 1px;}
.page {width: 980px; margin: 0 auto;}

.top {width: 980px; height: 193px; margin-top: 23px;}
.top img.logo {float: left;}
.top img.rotation {float: right;}

.nav {height: 52px; background: url(images/bg_nav.gif) repeat-x; position: absolute; top: 141px; width: 980px;}
.nav ul {list-style: none; padding-left: 18px;}
.nav li {float: left; display: inline;}
.nav li a {display: block; font: 17px Georgia; color: #506791; padding: 13px 25px 10px 23px; border-right: 1px solid #4F92E6; border-left: 1px solid #fff; background: url(images/bg_li.gif) repeat-x 0 -9px; text-decoration: none; margin-top: 9px;}
.nav li a:hover {background: url(images/bg_li_on.gif) repeat-x 0 -9px; color: #DF8E00;}
.nav li a.selected, .nav li a.selected:hover {background: url(images/bg_li_selected.gif) repeat-x 0 0; color: #DF8E00; border-right: 5px solid #fff; border-left: 5px solid #fff; padding: 22px 21px 10px 19px; margin-top: 0px}

.orange {width: 980px; background: url(images/bg_orange.gif) repeat-y; padding-bottom: 35px;}
.page img.orange_fade {position: absolute; top: 0; left: 0;}
.page img.orange_bottom {position: absolute; bottom: -1px; left: 0;}

.left {float: left; width: 651px; z-index: 1;}

.post {margin: 0 0 6px 18px; width: 569px; background: url(images/bg_post.gif) repeat-y; padding: 0 31px 35px 33px; font: 11px Arial; color: #5e5e5e;}
img.post_bottom {position: absolute; bottom: -1px; left: 0; z-index: 0;}
.post h1 {font: bold 20px Arial; color: #467DBA; padding: 29px 0 0 0;}
.post h2 {font: bold 16px Arial; color: #5A0264; padding: 20px 0 0 0;}
.post h3 {font: bold 14px Arial; color: #EC9600; padding: 16px 0 0 0;}
.post h4 {font: bold 13px Arial; color: #467DBA; padding: 14px 0 0 0;}
.post h5 {font: bold 12px Arial; color: #5e5e5e; padding: 14px 0 0 0;}
.post h2 span {font-weight: normal; font-size: 12px;}
.post h1 a, .post h2 a {color: #467DBA;}
.post p {font: 12px Arial; color: #5e5e5e; padding: 14px 0px 0 0px; line-height: 20px;z-index: 10;}
.post ul, .post ol {padding: 10px 0px 0 24px;}
.post ul li, .post ol li {list-style-position: outside; font: 12px Arial; color: #5e5e5e; line-height: 18px; padding-top: 6px;}
.post p.postedby {background: #FEF5E5; margin: 10px 30px 0 0px; padding: 2px 5px; float: left; display: inline; line-height: 15px; font-size: 11px; color: #3F3E3F;}
.post p a, .post li a {color: #4B88CB;}
.post p.filed {padding-top: 4px; clear: both; font-size: 11px; color: #3F3E3F;}
.post p.filed img, .post p.icons {vertical-align: middle; background: none; padding: 0; border: none; float: none; margin: 0;}
.post p.icons img {margin: 0 3px 0 8px; background: none; padding: 0; border: none; float: none;}
.post p.tagged {font-size: 11px; color: #848484; padding-top: 25px; text-transform: lowercase; float: left; width: 440px;}
.post p.buzz{width: 110px; float: right; padding-top: 26px; padding-bottom: 2px; }
.post p.icons {padding-top: 10px; font-size: 11px;}
.post p img {background: #FEF5E5; border: 1px solid #EDEDED; padding: 7px; margin: 10px; display: inline;}
.post p.yahoo {background: #DADADA url(images/bg_yahoo.gif) no-repeat; font: 11px Arial; color: #000; margin: 10px 0px 0 0px; padding: 3px 6px 3px 32px}
.post p.gray {background: #EEE; padding: 15px 18px; font: 12px Arial; color: #5E5E5E; margin: 1px 30px 0 26px;}
.post p.comment {background: #FEF5E5; margin: 10px 0px 0 0px; padding: 2px 5px; line-height: 15px; font-size: 11px; color: #3F3E3F;}
.post img {clear: both; display: inline;}
.post p.comment img {float: none; background: none; border: none; margin: 2px 3px 0 2px; padding: 0;}
.post blockquote {margin: 14px 20px 0 20px; background: #FEF5E5;}
.post blockquote p {padding: 12px; font: 12px Arial; color: #484848; line-height: 15px;}
.post table {margin: 12px 0 0 0; border-spacing: 0px;}
.post thead {background: #B5D3F8;}
.post th {border: 1px solid #ABABAB; font: bold 13px Arial; text-align: center; padding: 10px; color: #000;}
.post tbody {background: #EAF0F8;}
.post td {border: 1px solid #ABABAB; font: 12px Arial; color: #000; line-height: 16px; padding: 8px;}
.post abbr {font: 12px Courier New; color: #5e5e5e;}
.post strong {font-weight: bold;}
.post em {font-style: italic;}
.post code {font: 12px Courier New, Arial;}
.post h2.stayblue {color: #467DBA;}
.post h2.padbottom {padding-bottom: 15px;}
ul#blogs li {clear: both; background: url(images/li_dots.gif) no-repeat 25px 18px;}
ul#blogs img {/*float: right; z-index: 10; margin: -16px 140px 0 0;*/position: absolute; top: 7px; right: 179px;}
ul#blogs li a.rss img {/*margin-right: 2px;*/ right: 272px;}
ul#blogs li a {background: #fff;}

.navigation {margin: 0 0 6px 18px; width: 633px; background: url(images/bg_post.gif) repeat-y; padding-bottom: 35px; font: 11px Arial; color: #5e5e5e;}
.navigation p {font: 12px Arial; color: #5e5e5e; padding: 14px 33px 0 31px; line-height: 20px;}
.navigation p a, .post li a {color: #4B88CB;}

.form {background: #EAF0F8; width: 565px; margin: 15px 0 0 0px; font-size: 1px; overflow: hidden;}
.form h2 {padding-left: 42px; color: #467DBA;}
.form fieldset {border: none;}
.form ul {list-style: none; padding-left: 42px;}
.form li {float: left; display: inline; margin-top: 10px; padding: 0; text-indent: 0px !important;}
.form li.input {clear: both;}
.form label {display: block; text-align: left; font: 11px Arial; color: #000; padding: 4px 0 0 8px; width: 200px; height: 20px;}
.form input {border: 1px solid #BDBDBD; width: 239px; height: 20px;}
.form input.submit {width: 63px; font: 12px Arial; color: #000;}
.form textarea {width: 475px; height: 250px; border: 1px solid #BDBDBD;}
.form p {font: 12px Arial; color: #000; line-height: 16px; padding: 15px 50px 0 42px;}
.divider {font-size: 1px; background: #E2E2E2; height: 1px; overflow: hidden; width: 569px; margin: 7px 0 0 0px; z-index: 10; clear:both;}

.right {float: right; width: 305px; margin: -43px 13px 0 0; display: inline; font-size: 1px; z-index: 1; overflow: hidden;}

.purple {width: 305px; background: #5D0265 url(images/bg_purple.gif) no-repeat; padding-bottom: 10px;}
.purple form {margin-left: 23px;}
.purple p.search {font: 11px Arial; color: #fff; padding: 2px 0 0 0px; line-height: 15px;}
.purple p.search span {font: bold 14px Georgia; color: #fff;}
.purple p.search input {vertical-align: bottom; margin: 0 2px 0 5px;}
.purple input.text {background: url(images/bg_input_text.gif) no-repeat; font: 11px Arial; color: #5D0265; border: none; width: 227px; height: 26px; position: absolute; top: 31px; left: 0px; padding: 4px 0 0 5px;outline: none;}
.purple input.go {position: absolute; top: 27px; left: 215px;}
.purple h1, .greatest-hits h1, .follow-us h1 {font: bold 15px Arial; color: #FFE5A5; padding: 12px 0 4px 27px; line-height: 18px;}
.purple p.recent, .greatest-hits p.recent {font: 10px Verdana; color: #E293E5; line-height: 13px; padding: 5px 38px 0 30px; text-transform: uppercase;}
.purple p.recent a, .greatest-hits p.recent a {font: bold 12px Verdana; color: #fff; text-transform: none;}
.purple img.purple_line, .greatest-hits img.purple_line {margin: 4px 0 0 24px;}

.subscribe {width: 284px; height: 36px; background: url(images/bg_subscribe.gif) no-repeat; margin: 47px 0 0 10px;}
.subscribe p {font: bold 13px Arial; color: #fff; padding: 10px 0 0 13px;}
.subscribe a {color: #fff; font-weight: normal; font-size: 12px;}
.subscribe a:hover {text-decoration: none; color: #FFE5A5;}
.subscribe p img {vertical-align: middle; margin: 0 3px 0 8px;}

.pulse {width: 284px; height: 36px; background: url(images/bg_pulse.gif) no-repeat; margin: 18px 0 0 10px;}
.pulse p {padding: 9px 0 0 20px; font: 13px Arial; color: #DF8E00;}
.pulse a {color: #5D0265;}

#emailsubscribebox{margin-top: 1px; height: 0; visibility: hidden; overflow: hidden; z-index: 100; position: absolute;}
#emailsubscribe{margin-top: 10px;}
.emailbox {border: 8px solid #FFBA2D; width: 266px; background: #FFD172; padding: 6px 0 15px 0; margin: 0 0 0 12px;}
.emailbox p {clear: both; font: bold 11px Arial; color: #467DBA; padding: 12px 11px 0 11px;}
.emailbox p a {color: #e6e6e6;}
.emailbox p.from {font: 10px Arial; font-weight: normal; color: #C1C1C1; padding: 0 0 8px 0; border-bottom: 1px solid #c1c1c1;}
.emailbox p.rssfeed {text-align: right; border-top: 1px solid #393937; padding-top: 4px;}
.emailbox p.rssfeed img {vertical-align: middle; border: none; margin-left: 6px;}
.emailbox input.subscribebutton {background: #FFBA2D; border: 2px solid #C99323; font: 10px Verdana; color: #467DBA; margin: 12px 0 0 10px; padding: 2px; font-weight: bold;}
.emailbox img.close {position: absolute; top: 0; right: 0; z-index: 10;}

.right img.photos_top {margin-top: 10px;}
.right img.follow_top {margin-top: 10px;}
.greatest-hits {background: url(images/bg-greatest-hits.jpg) no-repeat; width: 305px; padding-bottom: 20px; margin-bottom: -6px;}
.greatest-hits p.recent {color: #93CBE5;}
.greatest-hits p.tagline {padding: 0 0 6px 27px; color: #FFE5A5;}
.photos {width: 305px; background: url(images/bg_photos.gif) repeat-y;}
.photos div {margin-left: 11px;}
.photos div img {float: left; display: inline; background: url(images/bg_thumb.gif) no-repeat; padding: 7px 7px 5px 7px; margin: 3px 0 0 4px; display: inline;}
.photos p {clear: both; text-align: right; font: bold 11px Arial; color: #4B88CB; padding: 8px 0 0 0; vertical-align: middle;}
.photos p img {vertical-align: bottom; margin: 0 24px 0 4px;}
.photos p a {color: #4B88CB;}

.follow-us {background: url(images/follow_us.jpg) no-repeat; width: 305px; padding-bottom: 20px; margin-bottom: -6px;}
.follow-us p {clear: both; font: normal 10px Arial; color: #FFE5A5; padding: 8px 0 0 0; vertical-align: middle;}
.follow-us p img {vertical-align: bottom; margin: 0 24px 0 4px;}
.follow-us p a {color: #4B88CB;}

.follow-us #fb, .follow-us #twitter, .follow-us #youtube, .follow-us #myyahoo { float:left; height:50px; line-height:9px; padding:12px 0 0; text-align:center; width:55px; }

.links {width: 272px; background: url(images/bg_links.gif) repeat-y; text-align: center; padding: 0 15px;}
.archives {float: left; width: 122px; display: inline;}
.archives p {font: bold 12px Arial; color: #EC9600; padding: 10px 0 0 0px;}
.links ul {padding: 5px 0px 0 00px;}
.blogs ul {padding-left: 0;}
.links li {font: 11px Arial; color: #303030; line-height: 17px; list-style: none; list-style-position: outside;}
.links a {color: #303030;}
.blogs {float: left; display: inline; width: 132px;}
.blogs p {font: bold 12px Arial; color: #467DBA; padding: 10px 0 0 0;}

.right img.readers_top {margin-top: 10px;}
.readers {width: 305px; background: #36AC9A; margin-top: -1px; text-align: center;}
.readers p {font: bold 10px Arial; color: #fff; padding: 0 0 0 24px; margin-top: -30px;}
.readers p span {font-weight: bold; font-size: 15px;}
.readers p a {color: #fff;}
.readers ul {margin: 12px 0 0 3px; list-style: none; border-bottom: 1px solid #BCEDE7; width: 298px;}
.readers li {border-top: 1px solid #BCEDE7; border-bottom: 1px solid #36AC9A; width: 298px;}
.readers li a {display: block; width: 209px; text-decoration: none; background: url(images/bg_readers.gif) repeat-y; font: bold 15px Arial; color: #348075; min-height: 40px; height: auto !important; height: 40px; padding: 25px 0 0 89px;}
.readers li a:hover {background-image: none; background: #36AC9A; color: #fff; text-decoration: none;}
.readers li a:hover img {background-image: url(images/bg_thumb_readers_on.gif);}
.readers li span {color: #fff;}
.readers table {margin: 12px auto 0 auto; list-style: none; border-bottom: 1px solid #BCEDE7 !important; width: 298px; padding: 0 !important; border-left: none !important; border-right: none !important; border-top: none !important;}
.readers tbody {background: url(images/bg_readers.gif) repeat-y; width: 298px; overflow: hidden;}
.readers td {border-top: 1px solid #BCEDE7; border-bottom: 1px solid #36AC9A !important; background: transparent !important;}
.readers td:hover {background: #000;}
.readers td.blue {background-color: #36AC9A !important;}
.readers td.mbl_img, .readers td.mbl_join_img {width: auto !important;}
.readers td.mbl_img {width: 33% !important;}
.readers td.mbl_img img, .readers td.mbl_join_img img {background: url(images/bg_thumb_readers.gif) no-repeat !important; padding: 6px !important; float: none !important; margin: 2px 17px 0 18px; border: none !important;}
.readers td.mbl_mem {padding-right: 12px; width: 209px;}
.readers td a {text-decoration: none; font: bold 15px Arial !important; color: #348075 !important;}
.readers td.mbl_mem a {display: block !important; width: 190px !important;}
.readers td a:hover {color: #fff;}
.readers td a:hover img {background-image: url(images/bg_thumb_readers_on.gif);}
.readers td strong {font: bold 15px Arial; color: #fff !important;}
.readers img#xtdd11, .readers img#xtdd12, .readers img#xtdd13, .readers img#xtdd14, .readers img#xtdd15, .readers img#xtdd16, .readers img#xtdd17, .readers img#xtdd18, .readers img#xtdd19, .readers img#xtdd110, .readers img#xtdd111, .readers img#xtdd112  {display: none;}
.readers td.mbl_fo_hidden {display: none;}
.readers td.mbl_join_img, .readers td.mbl_join {display: none !important;}

.right img.bluebox_top {margin-top: 10px;}
.bluebox {width: 305px; background: #426E9E url(images/bg_bluebox2.gif) no-repeat;}
.bluebox h1 {font: bold 14px Arial; color: #396697; padding: 6px 33px 0 27px; line-height: 17px;}
.bluebox p {font: 11px Arial; color: #fff; padding: 3px 33px 0 27px; line-height: 17px;}
.bluebox img.divide {margin: 6px 0 0 17px;}
.bluebox a {color: #fff; text-decoration: underline;}
.bluebox a:hover {text-decoration: none;}

.navigation {margin-top: -36px; padding-bottom: 19px; overflow: hidden;}

.clr {clear: both; font-size: 1px; height: 0px; overflow: hidden;}

.tableRollOverEffect1 {background:#36AC9A !important;}
.tableRollOverEffect1 td a {color: #fff !important;}
.tableRollOverEffect1 td.mbl_img img, .tableRollOverEffect1 td.mbl_join_img img {background-image: url(images/bg_thumb_readers_on.gif) !important;}

.post .listing li {width: 40%; float: left; font-size: 14px; list-style-type: none;}
.post .numrows {float: right; color: #4B88CB; font-weight: normal; z-index: 10;}
.arcleft {float: left; width: 45%;}
.arcright {float: left; display: inline; width: 48%; margin-left: 20px;}
.arcleft ul, .arcright ul {padding-left: 0;}
.arcleft li, .arcright li {list-style: none; border-top: 1px solid #F6EDDE; text-indent: 0 !important; padding: 0 !important;}
.arcleft li a, .arcright li a {margin: 0;}
.arcleft li p, .arcright li p {padding: 0 4px 4px 4px; line-height: 18px;}
.monthname {display: block; font: bold 13px Arial; text-decoration: none !important; padding: 5px 4px !important; height: 19px; list-style-position: outside;}
.monthname:hover {background-color: #4B88CB; color: #fff;}
.monthname:hover span {color: #fff;}

.center {margin: 10px 0 15px 30px;}
.tag-cloud {background: #FEF5E5; padding: 20px; width:90%; margin: 30px 0 0 0px;}
.tag-cloud p, .tag-cloud h2 {padding: 0; margin: 0;}

.contactform {background: #FFD172; margin: 10px 0 0 0px; width: 546px !important; border: 8px solid #FFBA2D;}
.contactleft label {font: bold 12px Arial; color: #467DBA; white-space: normal !important;}
.contactform input, .contactform textarea {font: 11px Verdana; z-index: 100;}
.contactform textarea {width: 350px;}
.contactright {font: bold 10px Arial; color: #467DBA; float: left !important;}
#contactsubmit {margin-left: 145px; display: inline;}

.tabs {float: right; border: 4px solid #5D0266; background: url(images/bg-tabs.gif) bottom left repeat-x; margin-right: 13px; display: inline; border-bottom: none; margin-top: 20px;}
.tabs p {padding: 6px 10px 10px 11px; font: bold 18px Arial; font-weight: bold; color: white; line-height: 18px;}
.post .tabs a {color: white;}
.store {width: 554px; border: 1px solid #E7DEEF; clear: both;}
.head {width: 554px; height: 50px; background: url(images/bg-head.gif) no-repeat; margin-bottom: 15px;}
.head p {text-align: right; padding: 18px 14px 0 0; font: bold 14px Arial;}
.post .head a {color: #720197;}
.feature {float: left; width: 550px; text-align: center; border: 0px solid #e2e2e2;}
.item {margin: 0 auto; text-align: center;}
.item img {width: 306px;}
.store p {text-align: right; font: 12px Arial;}
.item p {padding-right: 18px;}
.store p a {color: #780095;}
.thumbs {float: right; width: 188px; overflow: hidden; margin-right: 12px; display: inline;}
.thumbs img {margin: 0 auto; width: 178px;}
.thumbs p {text-align: right;} 
.thumb {width: 188px; padding-bottom: 15px; text-align: center;}
.sep {border-bottom: 1px solid #DFD8E7; height: 0px; overflow: hidden; width: 188px; margin: 0 12px 15px 0}

.post ul.widgets {list-style: none; padding-left: 0;}
.post ul.widgets li {float: left; display: inline; margin-right: 15px;}

a.for-yahoo {background: url(images/sprite-widgets.gif) no-repeat; padding: 0 0 0 49px; width: 69px; height: 50px; line-height: 15px; display: block; background-position: 0 -48px;}
a.for-mac {background: url(images/sprite-widgets.gif) no-repeat; padding: 0 0 0 49px; width: 69px; height: 42px; line-height: 15px; display: block; padding-top: 8px;}


/* timjones */
.stuff{padding-right: 20px; height: auto; width:auto; float:left; z-index: 1000;}
.clearboth { clear: both; }

.bookmarks { z-index: 20; margin-left: 10px; margin-top: -20px; }
.bookmarks ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.bookmarks .postlinks {margin:12px 0 4px;padding:12px 0 0;}

.bookmarks .postlinks li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0 4px 0 0;}
.bookmarks ul li img {margin:0 4px 0 0;position:relative;top:2px;}