/* Yonas Media Styles Title: Default CSS Author: Pasquale Scerbo (pasquale@waveactive.com) Date: June 2008 */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99% verdana,geneva,sans-serif;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle;} select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} ul, ol {padding-left:18px;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .cleaner { clear: both; } .clear10 { clear: both; height: 10px; } a { outline: none; } p { margin: 5px 0 15px 0; } .png { _behavior: url(common/css/iepngfix.htc); } .floatRight { float: right; } .floatLeft { float: left; } .clear30 { clear: both; height: 30px; } .blackH { color:#000000; } .black { width:684px; height:4px; background-color:#000000; } /*----------------- DEFAULT -----------------*/ body { margin: 0; padding: 0; background: url("img/woodBG.jpg"); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4a4a4a; } h1 { color: #27a9cd; font-size: 24px; margin-bottom: 14px; } h3 { color:#27a9cd; font-weight: bold; font-size:larger; } p { line-height: 18px; } #mainContainer { /*background: url("img/wood-fade.png") repeat-x; _behavior: url(common/css/iepngfix.htc);*/ } #wrapper { width: 704px; margin: auto; } #mainContent { width: 704px; _behavior: url(common/css/iepngfix.htc); background: url(img/shadow_left.png) repeat-y; float: left; } #mainContent .rs { width: 704px; _behavior: url(common/css/iepngfix.htc); background: url(img/shadow_right.png) right top repeat-y; float: left; } #mainBody { width: 684px; background: #fff; margin-left: 10px; float: left; padding-bottom: 55px; } a { color: #27a9cd; text-decoration: none; } a:hover { color: #27a9cd; text-decoration: underline; } /*----------------- HEADER -----------------*/ #header { background: #000; height: 55px; } #logo { margin: auto; padding-top: 12px; width: 191px; } /*----------------- MENU -----------------*/ #menu { width: 684px; height: 54px; margin: auto; } #menu ul { margin:0; padding:0; list-style-type:none; } #menu li { float:left; height: 26px; text-indent: -1000px; } #menu a { display:block; text-decoration:none; overflow:hidden; position: relative; } #menu a#home { position: relative; _behavior: url(/common/css/iepngfix.htc); background: url("img/home01.png") 0 0 no-repeat; width: 95px; height: 54px; } #menu a#news { _behavior: url(/common/css/iepngfix.htc); background: url("img/news01.png") 0 0 no-repeat; width: 87px; height: 54px; } #menu a#artists { _behavior: url(/common/css/iepngfix.htc); background: url("img/artists01.png") 0 0 no-repeat; width: 96px; height: 54px; } #menu a#media { _behavior: url(/common/css/iepngfix.htc); background: url("img/media01.png") 0 0 no-repeat; width: 89px; height: 54px; } #menu a#studio { _behavior: url(/common/css/iepngfix.htc); background: url("img/studio01.png") 0 0 no-repeat; width: 110px; height: 54px; } #menu a#merch { _behavior: url(/common/css/iepngfix.htc); background: url("img/merch01.png") 0 0 no-repeat; width: 71px; height: 54px; padding-right: 12px; } #menu a#contact { _behavior: url(/common/css/iepngfix.htc); background: url("img/contact01.png") 0 0 no-repeat; width: 122px; height: 54px; } #menu a#home:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/home01.png") 0 -54px no-repeat; width: 95px; height: 54px; } #menu a#news:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/news01.png") 0 -54px no-repeat; width: 87px; height: 54px; } #menu a#artists:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/artists01.png") 0 -54px no-repeat; width: 96px; height: 54px; } #menu a#media:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/media01.png") 0 -54px no-repeat; width: 89px; height: 54px; } #menu a#studio:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/studio01.png") 0 -54px no-repeat; width: 110px; height: 54px; } #menu a#merch:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/merch01.png") 0 -54px no-repeat; width: 71px; height: 54px; } #menu a#contact:hover { _behavior: url(/common/css/iepngfix.htc); background: url("img/contact01.png") 0 -54px no-repeat; width: 122px; height: 54px; } #menu a#home.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/home01.png") 0 -54px no-repeat; width: 95px; height: 54px; } #menu a#news.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/news01.png") 0 -54px no-repeat; width: 87px; height: 54px; } #menu a#artists.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/artists01.png") 0 -54px no-repeat; width: 96px; height: 54px; } #menu a#media.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/media01.png") 0 -54px no-repeat; width: 89px; height: 54px; } #menu a#studio.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/studio01.png") 0 -54px no-repeat; width: 110px; height: 54px; } #menu a#merch.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/merch01.png") 0 -54px no-repeat; width: 71px; height: 54px; } #menu a#contact.on { _behavior: url(/common/css/iepngfix.htc); background: url("img/contact01.png") 0 -54px no-repeat; width: 122px; height: 54px; } /*----------------- FLASH -----------------*/ #flash { width: 684px; height: 270px; background-color:#000000; } #flash .left { width: 390px; height: 270px; float: left; padding-top:0px;} #flash .right { width: 294px; float: left; border:none; height:270px; padding-top:1px;} #flash .right img {height:269px; } #flash .imgSize { height:241px; } /*----------------- Contact -----------------*/ #contactHeader { width: 684px; height: 207px; background-color:#000000; } /*----------------- Studio -----------------*/ #studioHeader { width: 684px; height: 236px; background-color:#000000; } #flashStudio { width: 684px; height: 101px; margin-top: -1px; } .studio {width:684px; margin-top:10px; padding:0px;} .studio h2 { color:#27a9cd; font-weight: bold; font-size:larger; padding-top:10px;} .studioLeft { width:180px; height:215px;padding-left:20px;padding-top:20px;padding-bottom:10px;padding-right:10px; float:left; } .studioLeft a {font-weight:bold;} .studioRight { float:right;width:450px;height:215px;padding-right:20px; padding-left:0px; padding-top:20px; padding-bottom:10px; } /*----------------- Home -----------------*/ .turq { width:684px; height:6px; background-color:#3ecadb; } #homeImages { width: 664px; margin-top: -1px; padding-left:14px; padding-right:10px; padding-top:20px; padding-bottom:20px; text-align:center;} #imageContainer1 { height:144px; background:url("img/lenka_home.jpg") no-repeat; } #imageContainer1 img { display:none; position:absolute; top:0; left:0; } #imageContainer2 { height:144px; background:url("img/harries_home.jpg") no-repeat; } #imageContainer2 img { display:none; position:absolute; top:0; left:0; } #imageContainer3 { height:144px; background:url("img/artist3_home.jpg") no-repeat; } #imageContainer3 img { display:none; position:absolute; top:0; left:0; } #openingStatement { width:684px; display:block;} #openingStatement .left { width: 180px; padding:20px; float: left; } #openingStatement .right { width: 452px; padding-top:16px; padding-bottom:0px; float: left; border:none; } #openingStatement .right p { font-size: larger; } #openingStatement .left h1 { color:#000000; } #homeFA { width:300px; background:url("img/home_fa.jpg") no-repeat; height:auto; padding-bottom:10px; float:right;} #homeFAcontent p { padding-left:110px; } #homeFAcontent h3 { color:#27a9cd; padding-top:50px; padding-left:110px; } .posthome h2 {font-size: 110%; font-weight:bold;} .posthome small {font-size: 100%; font-weight:bold;} #leftColH { float: left; width: 343px; margin-right: 23px; padding: 26px 0 0 18px; } #rightColH { float: left; width: 300px; padding-right: 0px; padding-top: 26px; } #rightColH h1 { color: #a9a9a9; font-size: 18px; margin-bottom: 14px; } #featuredEvents {padding-right:15px;} /*----------------- ARTIST -----------------*/ #artist { margin-top: -1px; } #artist .featuredArtist { width: 684px; height: 200px; } #artist .featuredEvent { width: 684px; height: 280px; } #artist .pressRelease { width: 684px; padding-right:30px; padding-left:20px;padding-top:20px; } #artist .black { width:684px; height:4px; background-color:#000000; } #artist .featImg { padding-left: 20px; padding-top: 20px; padding-bottom:5px; padding-right:20px; float:left; } #artist .newsImg { padding-left: 0px; padding-top: 0px; padding-bottom:5px; padding-right:20px; float:left; } #artist h2 {font-weight:bold;} #artist .featRight {padding-top:20px; padding-right:20px;} #artist .prContent {padding-top:20px; width:654px; } /*----------------- DIVIDERS -----------------*/ #divider { height:25px; width:680px; } .divider { height:25px; width:680px; } .divSmall { height:25px; width:300px; } #allArtists { width:660px; padding-left:20px; } .divSmaller { height:25px; width:240px; } /*----------------- COLUMNS -----------------*/ #leftCol { float: left; width: 372px; margin-right: 23px; padding: 36px 0 0 18px; } #rightCol { float: left; width: 236px; padding-right: 35px; padding-top: 43px; } #rightCol h1 { color: #a9a9a9; font-size: 18px; margin-bottom: 14px; } #artRight { float: left; width: 304px; padding-right: 20px; padding-top: 10px; } #artLeft { float: left; width: 304px; margin-right: 23px; padding: 10px 0 0 20px; } #artLeft .thumb { float:left; padding-right:12px; } #artRight .thumb { float:left; padding-right:12px; } #artRight h1 a {color: #8be3ed;} #artLeft h1 a {color: #8be3ed;} #artRight h1 a:hover {color: #8be3ed; text-decoration:none;} #artLeft h1 a:hover {color: #8be3ed; text-decoration:none;} #artLeft h1 { padding-bottom:0px; margin-bottom:0px; } #artRight h1 { padding-bottom:0px; margin-bottom:0px; } #artLeft p { padding-top:0px; } #artRight p { padding-top:0px; } /*----------------- FOOTER -----------------*/ #footer { clear: both; height: 17px; width: 662px; margin-left: 10px; background: #000; border-top: 4px solid #3ecadb; padding: 11px; color: #808080; font-size: 10px; }