/* @override http://dor.eecoder.com/styles/base.css http://dor.eecoder.com/styles/base.css http://dailyoptionsreport.com/styles/base.css */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 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; } ol, ul { list-style: none; } blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} img{ display: block; } a{color: #000;} p{margin: 0 0 1.5em 0;} body{background: #F7F7F7 url(../images/pageBackground.png) top left repeat-x; color: #434850; font: .8125em/1.5em Helvetica, Arial, sans-serif;} #header h1{position: absolute; top: 10px; left: 10px; width: 504px; height: 59px; background: transparent url(../images/dailyOptionsLogo.gif) top left no-repeat;} #header h1 a{display: block; width: 504px; height: 59px;} #header h1 a span{display: none;} h2{font-size: 2em;} h2 a{color: #525D71;text-decoration: none; line-height: 1.1em; display: inline; position: relative; bottom: 2px; } h2 a:hover{color: #313337;} #pageWrapper{margin: 0 auto; background: transparent url(../images/contentBackground.png) top center repeat-y; width: 969px; padding: 0 38px 0 37px;} #header{ position: relative; background: transparent url(../images/headerBackground.png) bottom left repeat-x; height: 95px; width: 969px;} #header #edited-by{display: block; position: absolute; top: 56px; left: 520px; width: 172px; height: 11px; background: transparent url(../images/editedBy.gif) top left no-repeat; text-indent: -5000em;} #mainNav{position: relative; width: 966px; height: 50px; padding: 0 0 0 3px; background: transparent url(../images/navBackground.png) top left no-repeat; font-weight:bold;} #mainNav li {float: left; padding: 15px 0 0 0; background: transparent url(../images/navDivider.png) top right no-repeat;} #mainNav li a{font-size: 1.1538em; text-transform: uppercase; color: #FFF; text-decoration: none; padding: 0 20px 0 16px;} #mainNav li a:hover, #mainNav li a.active{color: #525D71;} #mainNav label{display: none;} #mainNav li#navSearch{background: none; float: right; padding-right: 15px;} #mainNav li#navSearch button{background: transparent url(../images/go.gif) 0 3px no-repeat; border: none; height: 17px; text-indent: -5000em; cursor: pointer; width: 32px;} #mainNav li#navSearch button:hover{background-position: 0 -15px;} #keywords{background: transparent url(../images/keywordBackground.gif) top left no-repeat; width: 242px; height: 20px; border: none; padding: 2px 0 0 20px; color: #CCC; font-style: italic; font-size: 15px; } #content{position: relative; overflow: hidden; padding: 35px 0 0 0; } #mainContent{float: left; width: 664px; padding: 0 9px 0 0; margin: 0 9px 0 0; background: transparent url(../images/vertDivider.gif) top right repeat-y;} #mainContent.single h2 {color:#525D71; margin:0 0 25px 0;} #mainContent img {} #mainContent img.left-align {float:left; margin:0 10px 10px 0;} #mainContent .image-wrapper{float: left; border-right: 10px solid #FFF;} #mainContent img.edge {border:1px solid #c3c3c3; margin-right: 0;} .page-content{overflow: hidden;} .meta {position:relative;} .post .meta{position: static;} #mainContent.single .meta h2 {margin: 0 0 0 20px; line-height: 1.1em; position: relative; bottom: 2px; } blockquote { color:#3e5784; margin: 0 15px 15px 0; font: 12px/1.2 Arial, Helvetica, sans-serif; background-color: #e3e3e3; text-indent: 0; padding: 10px 10px 10px 14px; } blockquote a { color:#3e5784; font-weight: bold; } /*blockquote {background-color:#e8e8e8; margin:15px; padding:1px; font-size:11px;} blockquote p { margin:10px;}*/ a.prev, a.next {display:block; width:15px; height:21px; text-indent:-9000px; position:absolute; top:0;} a.prev {background:url(../images/prev-next.gif) 0 0 no-repeat transparent; left:0;} a:hover.prev {background:url(../images/prev-next.gif) -15px 0 no-repeat transparent;} a.next {background:url(../images/prev-next.gif) 0 -21px no-repeat transparent; right:0;} a:hover.next {background:url(../images/prev-next.gif) -15px -21px no-repeat transparent;} a.prev-button, a.next-button {display:block; width:103px; height:31px; text-indent:-9000px;} a.prev-button {background:url(../images/prev-post.gif) 0 0 no-repeat transparent; float:left; margin:0 5px 0 0;} a:hover.prev-button {background:url(../images/prev-post.gif) 0 -31px no-repeat transparent; float:left;} a.next-button {background:url(../images/next-post.gif) 0 0 no-repeat transparent; float:left;} a:hover.next-button {background:url(../images/next-post.gif) 0 -31px no-repeat transparent; float:left;} .detail-nav {padding:0 0 25px 230px; margin:0 0 25px 0; background:url(../images/horizontalDivider.gif) bottom left repeat-x transparent; overflow:hidden;} #latest {width:433px; background:url(../images/latest-bottom.gif) bottom left no-repeat transparent; margin:75px 0 50px 111px; clear: both; overflow: hidden;} #latestInner {background:url(../images/latest-top.gif) top left no-repeat transparent; padding:0 13px; overflow:hidden;} #latest h3 {text-transform:uppercase; margin:9px 0 20px; text-align:center;} #latest ul {font-size: .8461em; margin:0 0 10px 0;} #latest li {margin:0 0 5px 0; color:#a5abb4; background:url(../images/navArrow.gif) 0 -26px no-repeat transparent; text-indent:10px; font-weight:bold;} #latest li a{color:#525D71; text-decoration:none;} #latest li a:hover{color:#313337;} #latest li span {text-transform:uppercase;} #share ul {margin:0 0 0 186px;} #share li, #share img {display:inline;} #share li a {display:block; float:left; height:26px; overflow:hidden; text-transform:uppercase;} #share li a{color:#525D71; text-decoration:none; font-weight:bold; padding:3px 30px 3px 10px;} #share li a:hover{color:#313337;} #share li a.share-plugin {padding:0;} #share li a.share-email {background:url(../images/share-email.gif) top right no-repeat transparent;} #share li a.share-print {background:url(../images/share-print.gif) top right no-repeat transparent;} .post{background: transparent url(../images/postBackground.png) bottom left repeat-x; padding: 15px 25px 50px 70px; overflow: hidden; position: relative; clear: both;} .post img{ margin: 0; border-right: 10px solid white; border-bottom: 10px solid white; float: left; } .meta p{color: #8E9BB2; font-size: .9231em; font-family: Georgia, Times, serif; font-weight: bold; margin: 5px 0 5px 0;} .comments{background: transparent url(../images/commentIcon.gif) 5px top no-repeat; padding: 3px 0 3px 25px; color: #8E9BB2;} .post .continue{color: #8B94A4; background-color: #DDE2EB; font-weight: bold; padding: 2px 6px 1px 6px; text-decoration: none; font-size: .8461em; display:block; float: left;} .post .continue:hover{color:#FFF;} .post .date{background: transparent url(../images/postDate.png) top left no-repeat; display: block; width: 58px; height: 31px; position: absolute; top: 10px; left: 0; font-size: 10px; line-height: 1; font-weight: bold; color: #656E7D;} .post .date .day{float: left; font-size: 16px; color: #000; font-weight: bold; display: block; line-height: 31px; padding: 0 0 0 4px; margin: 0 5px 0 0;} .post .date .month{padding: 6px 0 0 0; display: block;} .links{clear:both; background: transparent url(../images/postBackground.png) bottom left repeat-x; padding: 15px 0 25px 0; overflow: hidden; position: relative;} .links h2{font-size: 2em; color: #525D71; margin: 0 0 10px 0;} .links .col{width:664px; background:url(../images/vertDivider.gif) 332px 0 repeat-y transparent; text-indent:15px; overflow:hidden;} /*.links .first{width: 295px; padding: 10px 25px 0 5px; background: transparent url(../images/vertDivider.gif) top right repeat-y;}*/ .links li{width:332px; float:left; line-height:1.1; margin-bottom:7px; background:url(../images/arrow-link.png) 7px 4px no-repeat transparent;} .links a{color: #596173; font-weight: bold; font-size: .8462em; text-transform: uppercase; text-decoration: none;} .links a:hover{color: #000;} #opinions {overflow: hidden; padding: 10px 0 0 0;} #opinions h2{font-size: 1.5384em; line-height: 1.2;} #opinions .col{width: 320px; float: left; padding: 10px 0 0 15px;} #opinions .col p{color: #8E9BB2; font-size: .9231em; font-family: Georgia, Times, serif; font-weight: bold; margin: 3px 0 15px 0;} #opinions .first{width: 326px; padding: 10px 0 0 0; background: transparent url(../images/vertDivider.gif) top right repeat-y;} #opinions .comments{background: transparent url(../images/commentIcon.gif) 5px top no-repeat; padding: 3px 0 3px 25px; color: #8E9BB2;} #sideContent{ float: right; width: 287px;} .ad-large{margin: 0 0 12px 0;} .ad-small {overflow: hidden;} .ad-small img{margin-right: 14px; float: left;} .ad-small img:last-child{margin-right: 0;} #tabNav{overflow: hidden;} #tabNav li{float: left;} #twitter-nav{background: transparent url(../images/twitter-nav-off.gif) top left no-repeat; width: 128px; height: 23px; display: block; float: left; text-indent: -5000em;} #twitter-nav.selected{background: transparent url(../images/twitter-nav-on.gif) top left no-repeat;} #tags-nav{background: transparent url(../images/tags-nav-off.gif) top left no-repeat; width: 44px; height: 23px; display: block; float: left; text-indent: -5000em;} #tags-nav.selected{background: transparent url(../images/tags-nav-on.gif) top left no-repeat;} #archive-nav{background: transparent url(../images/archive-nav-off.gif) top left no-repeat; width: 100px; height: 23px; display: block; float: left; text-indent: -5000em;} #archive-nav.selected{background: transparent url(../images/archive-nav-on.gif) top left no-repeat;} #twitter {padding: 10px 5px 0 10px; font-size: .8461em;} #twitter li{padding: 0 0 8px 0; margin: 0 0 8px 0; background: transparent url(../images/tagDivider.gif) bottom left repeat-x; } #twitter li:last-child{margin-bottom: 0; background: none;} #twitter li em{font-weight: bold; color: #3A3A3A;} #twitter li strong{color: #3A3A3A;} #tags ul {font-size:.8461em; background:transparent url(../images/tagDivider.gif) 136px 0 repeat-y; float:left; font-weight:bold; width:272px; text-indent:10px; margin:5px 0 0 0; overflow:hidden;} #tags ul li {width:136px; float:left;} #tags ul a{color: #525D71; text-decoration: none;} #tags ul a:hover{color: #313337;} #archive {text-align:center;} #archive form {margin:140px 0;} #archive label {font-size: .8461em; font-weight:bold; color:#525D71; display:block;} #archive select {font-size: .8461em; color:#525D71;} #tabs{width: 287px; margin: 20px 0 6px 0; } #tabs-bottom{width: 287px; background: transparent url(../images/tabsBottom.png) bottom center no-repeat;} #tabs-inner{width: 272px; background: transparent url(../images/tabsTop.png) top center no-repeat; padding: 8px 8px 20px 7px; overflow:hidden;} .tabshow{display: block;} .tabhide{display: none;} #rss{ display: block; background: transparent url(../images/rssButton.png) 0 0 no-repeat; width: 287px; height: 51px; text-indent: -5000em; margin: 0 0 6px 0;} #rss:hover{ background-position: 0 -51px; } #newsletter{ display: block; background: transparent url(../images/newsletterButton.png) 0 0 no-repeat; width: 287px; height: 51px; text-indent: -5000em; margin: 0 0 6px 0;} #newsletter:hover{ background-position: 0 -51px; } #learn-more{ display: block; background: transparent url(../images/learnMore.png) 0 0 no-repeat; width: 664px; height: 51px; text-indent: -5000em; margin: 0 0 6px 0;} #learn-more:hover{ background-position: 0 -51px; } .read-more{ display: block; background: transparent url(../images/readMore.png) 0 0 no-repeat; width: 170px; height: 31px; text-indent: -5000em; margin: 10px auto 9px auto;} .read-more:hover{ background-position: 0 -31px; } .more-video {text-align:center; margin:0 0 10px 0;} .more-video img {display:inline;} #widget {background:url(../images/widget-bottom.gif) bottom left no-repeat transparent;} #widgetInner {background:url(../images/widget-top.gif) top left no-repeat transparent; padding:0 13px; overflow:hidden;} #widget img {float:left; margin:15px 13px 15px 0; display:inline;} #widgetInner iframe{float: left; margin: 15px 13px 15px 0;} #widgetTwitter {width: 424px; float:left;} #widgetTwitter h3 {text-transform:uppercase; margin:9px 0 20px 10px;} #widgetTwitter ul {font-size: .8461em; margin:0 0 0 10px;} #widgetTwitter li{clear: both;} #widgetTwitter li, #twitterList li {margin:0 0 10px 0;} #widgetTwitter li p{padding-left: 58px; vertical-align: text-top; } #widget #widgetTwitter li img {margin:3px 10px 15px 0;} #widgetTwitter li em, #twitterList li em { font-weight:bold;} #widgetTwitter li a, #twitterList li a {color:#434850;} #twitterList {width:513px; background:url(../images/twitter-top.gif) top left no-repeat #fff; margin:0 0 0 77px;} #twitterList ul {padding:15px 15px 0 0;} #twitterList li {clear:both; background:url(../images/twitter-li-bg.gif) bottom left no-repeat transparent; overflow:hidden; padding:0 0 15px 0;} #twitterList li img {float:left; margin:0 10px 0 15px; display:inline;} #twitterList li a {color:#434850;} #twitterListBottom {height:4px; overflow:hidden; background:url(../images/twitter-bottom.gif) top left no-repeat transparent;} .contact-form {background-color:#e8e8e8; margin:0 25px 15px 15px; padding:35px 0;} .contact-form label {text-transform:uppercase; text-align:right; font-weight:bold; width:200px; float:left; display:inline; margin:0 5px 0 0;} .contact-form input, .contact-form textarea {width:200px; height:20px; border-top:none; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:url(../images/form-fields-bg.gif) top left repeat-x #fff; padding:2px 0 0 3px;} .contact-form textarea {width:350px; height:150px;} .contact-form .submit {margin:0;} .contact-form .submit a {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) top left no-repeat transparent; margin:0 0 0 280px;} .contact-form .submit a:hover {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) 0 -31px no-repeat transparent; margin:0 0 0 280px;} .contact-form button.submit {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) top left no-repeat transparent; margin:0 0 0 280px; cursor: pointer; border: none;} .contact-form button.submit:hover{background-position: 0 -31px;} #tell-a-friend{display: none;} #tellafriend_form {background-color:#e8e8e8; margin:0 25px 15px 15px; padding:35px 0;} #tellafriend_form label {text-transform:uppercase; text-align:right; font-weight:bold; width:200px; float:left; display:inline; margin:0 5px 0 0;} #tellafriend_form input, .contact-form textarea {width:200px; height:20px; border-top:none; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:url(../images/form-fields-bg.gif) top left repeat-x #fff; padding:2px 0 0 3px;} .contact-form textarea{ width:300px; height:100px;} #tellafriend_form textarea {width:350px; height:150px;} #tellafriend_form .submit {margin:0;} #tellafriend_form .submit a {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) top left no-repeat transparent; margin:0 0 0 280px;} #tellafriend_form .submit a:hover {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) 0 -31px no-repeat transparent; margin:0 0 0 280px;} #tellafriend_form button.submit {display:block; width:62px; height:31px; text-indent:-9000px; background:url(../images/submit.gif) top left no-repeat transparent; margin:0 0 0 280px; cursor: pointer; border: none;} #tellafriend_form button.submit:hover{background-position: 0 -31px;} .hsep {height:2px; overflow:hidden; background:url(../images/horizontalDivider.gif) top left repeat-x transparent; margin:0 0 15px 0;} #footer{clear:both; background:url(../images/horizontalDivider.gif) top left repeat-x transparent; margin: 7px 0 0 0; padding:1px 0 55px 180px; color: #8E9BB2; font-weight: bold; font-family: Georgia, Times, serif;} #footer p {margin:55px 0 0 0;} #footer a{ color: #8E9BB2; text-decoration: none; background: transparent url(../images/navArrow.gif) 0 3px no-repeat; padding: 0 0 0 6px; margin: 0 0 0 10px;} #footer a:hover{color:#000; background-position:0 -14px;}