/* ( template update 15 Dec 2007 // v1.2 ) /* CSS StyleSheet developed by Cezar Berea // webstarsltd, cezar@webstarsltd.com */ /* global ----------------------------------------- */ *{margin:0; padding:0; } a{ text-decoration: none; outline: none; color: red ;} a:hover{ cursor:hand !important; } a img{ border: 0; } html, body{ margin:0!important; padding:0!important; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #fff; } #page-container{ width: 721px; margin: 0 auto 30px; } #header{ width: 721px; height: 181px; float: left; background: url("../images/logo.jpg") no-repeat left top; margin-top:10px; } #logo{ } #logo a{ width: 200px; height: 116px; text-indent: -9999px; display: block; background: url("../images/logo.png") no-repeat center center; } #navigator{ width: 721px; float: left; position: relative; margin-top: 5px; } #subhead{ width: 401px; padding: 10px 291px 30px 30px; background: #000 url("../images/bg-subhead.gif") no-repeat right bottom; float: left; margin-top: 20px; height:184px; } #content{ width: 721px; float: left; margin-top: 15px; position: relative; } #text{ float: left; width: 520px; background: #fff; margin-left: 0; padding: 7px 15px; line-height: 15px; position: relative; margin-bottom: 25px; } #sidebar{ width: 170px; float: left; font-size: 1.1em; } /* header & navigation ----------------------------------------- */ #navigator li{ display: block; list-style: none; float: left; text-indent: -9999px; } #navigator li a{ display: block; height: 22px; } #nav-music a{ background: url("../images/nav/nav-music.gif"); width: 115px; } #nav-create a{ background: url("../images/nav/nav-create.gif"); width: 75px; } #nav-song a{ background: url("../images/nav/nav-song.gif"); width: 63px; } #nav-resource a{ background: url("../images/nav/nav-resource.gif"); width: 145px; } /*#nav-search{ position: absolute; right: 0; background: url("../images/icon_search.gif") no-repeat right center; padding-right: 20px; width: 250px; text-align: right; }*/ #nav-search{ position: absolute; right: 0; width: 250px; text-align: right; } #nav-search .text{ background: #fff; } #nav-search .submit{ background: #f60; color: #fff; text-transform: uppercase; border: 0; } #nav-search input{ padding: 3px 5px; border: 1px solid #f60; font: 1.1em Arial, sans-serif;float:left; } /* content ----------------------------------------- */ #subhead h2{ font-size: 1.4em; padding-bottom: 15px; color:#fff; } #subhead .theme_content {padding-left: 0px; padding-right: 35px; font-size: 14px; color:white; } #text{ height: 340px; position: relative; font-size: 1.1em; color: #000; overflow-x:hidden; } #content > #text{ height: auto; min-height: 340px; } #text h1{ font-size: 1.1em; text-transform: uppercase; } #text h2{ font-size: 1em; margin-bottom: 15px; text-transform: uppercase; } #text h3 {font-size: 1em; padding-bottom: 0.2em; padding-top: 0.3em;} #text h4 {border:1px solid #EE3418;color:#EE3418;margin-top:12px;padding:1.3em;} #text h5 {color: #ED5418; font-size: 1.6em; margin-top: -40px; padding-top: 60px;} #text ul {padding-left: 2.5em; list-style-type: disc;} #text ul li {margin-top: 5px; } /* sidebar(s) ----------------------------------------- */ #subnav{ margin-top: 25px; } #subnav li{ list-style: none; float: left; min-height: 22px; width: 130px; margin: 8px 0; padding: 0 0 5px 25px; } #subnav li a{ font-weight: bold; color: #AFAFAF; border-bottom: 1px solid; display: block; padding-left: 4px; line-height:18px; } #subnav li span{ font-weight: bold; color: #f60; border-bottom: 1px solid; display: block; padding-left: 4px; padding-right: } #subnav li a:hover{ color: #000; } #subnav li.viral{ background: url("../images/icon_viral.gif") no-repeat left top; } #subnav li.viral a{ text-decoration:none; font-weight:normal; border:none; } #subnav li.share{ background: url("../images/icon_viral.gif") no-repeat left top; } #subnav li.print{ background: url("../images/icon_print.gif") no-repeat left top; } #subnav li.email{ background: url("../images/icon_email.gif") no-repeat left top; } #subnav li.links{ background: url("../images/icon_links.gif") no-repeat left top; } #subnav li.email input#ID_EDIT_MAIL {width: 85px; margin-left: 0px; border: 1px solid #ff6600; margin-right: 5px; color: #3c3c3c; font-size: 1em; position: relative; left: -3px; } /* _______ COPIED FROM INLINE______ */ /* ul.ve_list {padding-top: 10px;} .ve_list { list-style:none;} .ve_list li{padding:0!important; margin:2px!important;height:14px!important; margin-left:20px!important;} .ve_list li a{ font-weight:normal!important;} */ .ve_list { list-style: none; margin-bottom: 15px;} .ve_list li{padding:0 0 0 20px!important; background-repeat:no-repeat!important; background-position:left center!important; margin:2px!important; height: 24px!important; position: relative; left: 0; width: 155px!important; display: block; } .ve_list li a{ font-weight:normal!important;} /* forms ----------------------------------------- */ /* form label{ display: block; float: left; } form label span, form label input{ display: block; float: left; } form .submit{} form .submit input{} */ /* footer ----------------------------------------- */ #footer{ padding: 10px 0; } #footer p{ float: left; color: #000; } #footer a{ color: #000; } /*____________________________________________*/ /* clearfix ----------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* site-wide classes ----------------------------------------- */ .clear{ clear: both; } .b{ font-weight: bold; } .frImg{ float:right; margin: 0 0 8px 8px; clear: right; } .flImg{ float:left; margin: 0 8px 8px 0; clear: left; } .fl{ float: left; } .fr{ float: right; } .spaced{ margin-top: 10px; } ul.inline li{ list-style: none; display: inline; } /*________________________________PAGES_______*/ /* PAGE: home ( ) ----------------------------------------- */ /* home boxes */ #home-boxes{ width: 733px; margin-left: -10px; position: relative; left: 10px; margin-top: 5px; } #home-boxes li{ float: left; display: block; list-style: none; width: 234px; margin-right: 10px; } #home-boxes li div{ padding: 6px 8px; position: relative; font-size:13px; } #home-boxes li h2{ font-size: 1.2em; margin: 0 -10px; } #home-boxes li .a{ height: 191px; background: url("../images/bg_box1.gif") no-repeat top left; } #home-boxes li .a h2{ padding:0 0 15px 27px; line-height: 1em; margin: 10px 8px; } #home-boxes li .a a{ color:#fff; } #home-boxes li .b{ background: #f60; height: 180px;} #home-boxes li .c{ background: #999;height: 170px;} #home-boxes .b h2, #home-boxes .c h2{ padding: 6px 0 6px 28px; margin-bottom: 5px; } #home-boxes .b h2{ background: url("../images/icon_audience.gif") no-repeat left center; } #home-boxes .c h2{ background: url("../images/icon_subject.gif") no-repeat left center; } #home-boxes .b p {font-weight: normal;} #home-boxes .b li {font-weight: normal;} #home-boxes li li{ float: none; list-style: disc; width: auto; } #box-music .a h2{ background: url("../images/bg_hdr-create.gif") no-repeat left bottom; } #box-create .a h2{ background: url("../images/bg_hdr-music.gif") no-repeat left bottom; } #box-song .a h2{ background: url("../images/bg_hdr-song.gif") no-repeat left bottom; } /* PAGE: module ( ) ----------------------------------------- */ #pages{ margin-top: -10px; } #pages li{ margin: 0px; cursor:pointer;} #crumbs{ margin-bottom: 20px; } #crumbs a{ color: #000; } #crumbs a.crt{ text-decoration: underline; } #text .line{ border-top: 1px solid #fff; clear: both; padding-top: 10px; } #text .line h2{left:240px; position:absolute;} #text .line ol {padding-left: 4.5em;} #text .line ol li {padding-bottom: 10px; } #next-prev{ position: absolute; top: 86px; width:520px; } #next-prev a{ text-decoration:none !important; } #next-prev div{ text-transform: uppercase; padding: 10px 30px; position: absolute; color: #000; font-weight: bold; cursor:pointer;} #next-prev .next{ background: url("../images/icon_right.gif") no-repeat right center; right:0px; } #next-prev .prev{ background: url("../images/icon_left.gif") no-repeat left center; left: 0px;} .email_form { color:#f60; margin:6px;margin-top:5px;padding:0;} .link_form,.viral_form { color:#f60; margin:6px;margin-top:5px;position:static;padding:0;} .link_form *,.viral_form *{ color:#f60; border:0!important;} .link_form a{ font-weight:normal!important;} .theme_content{ display: block; margin:0; padding:0px; overflow:hidden; height:160px; } .PLAY_BTN{ cursor:pointer; } .PLAY_BTN_BOX{ width:95%;vertical-align:middle;} .PLAY_BTN_BOX hr{border: 1px solid #ff6600; margin-bottom: -5px;} .PLAY_BTN_BOX li {list-style-type: none;} .related{ list-style:none; } .related li{margin-bottom:6px;} .related li span{ color:#000033; margin-top:5px; margin-left:10px; position:absolute;} .DIV_PAGE_CONTENT{margin-bottom:10px;margin-top:40px;} .DIV_PAGE_CONTENT hr {width: 50%; margin: 15px auto; text-align: center; border-top: 1px #ED2519 solid; } #ID_MODULE_CONTENT hr {width: 50%; margin: 15px auto; text-align: center; border-top: 1px #ED2519 solid; } #ID_MODULE_TITLE{ margin-top:-44px; display:none;} .fill{ height:42px;} .tooltip{border: 1px solid black; padding:5px; position:absolute; background-color:white; color:red; display:none;} .dictwords{text-decoration:underline;} .mmm{} .mmm li{ margin:0!important; padding:0!important; list-style: none!important; float: left!important; background-color:#330099!important; height:40px;}