/*////////////////////////////////////////////////////////////////////////*/ /*Sports Law Direct */ /*Allan Paterson 2010*/ /*////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////*/ /*Reset*/ /*////////////////////////////////////////////////////////////////////////*/ 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;} /* background:#F0F0F0 url(../graphics/bg.jpg) repeat-x; */ body,html {background:#222 ; font-size: 11px;color: #fff; min-width:1000px; height: 100%; font-family: Arial, Helvetica, sans-serif; } /*////////////////////////////////////////////////////////////////////////*/ /*Head Section*/ /*////////////////////////////////////////////////////////////////////////*/ #wrap {margin:0px auto; width:1000px; background: url(../graphics/wrap.jpg) repeat-y; } #header {width: 1000px; height: 340px; background: url(../graphics/header.jpg) no-repeat; position:relative; float:left;} h1.logo { width: 505px; height: 140px; position: relative; } h1.logo span { background: url(../graphics/spoprts_law_direct.jpg) no-repeat; position: absolute; width: 505px; height: 140px;} .ysc{position:relative; float:left; font-size:15px; padding:10px 0 0 25px; } #f_m {width: 1000px; height: 340px; background: url(../graphics/header.jpg) no-repeat; padding:0; margin:0; } .fade{background: url(../graphics/fade_2.jpg) top left no-repeat; padding:20px 0 0 20px; position:relative; float:left;width:950px; height:290px; margin:0 0 0 25px;} span.fade_txt{font-family:Georgia, "Times New Roman", Times, serif; padding:14px 0 0 220px;font-size:30px; font-weight:500; color:#fff; width:750px; position:relative; float:left; } /*////////////////////////////////////////////////////////////////////////*/ /*Menu*/ /*////////////////////////////////////////////////////////////////////////*/ #menu {float:right;margin:25px 13px 0 0 ; } #menu ul {margin:0;padding:10px 10px 0;list-style:none;} #menu li {float:left;display:inline;background:url(../graphics/right.png) no-repeat right top;margin:0 2px 0 9px;padding:0;} #menu a {float:left;display:block;position:relative;left:-9px;margin-right:-9px;width:.1em;background:url(../graphics/left.png) no-repeat left top; padding:12px 20px;text-decoration:none;font-weight:bold;color:#fff;} #menu > ul a {width:auto;}/* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu a {float:none;}/* End IE5-Mac hack */ #menu a:hover {color:#fff;} .menu_item{background-position:100% -150px;} .menu_item a{background-position:0 -150px;padding-bottom:6px;color:#fff;}/* not for IE5.x or IE6 */ #menu li:hover, #menu li:hover a {background-position:100% -150px;color:#fff;} #menu li:hover a {background-position:0 -150px;} #menu li.selected {color:#323232;margin:0 2px 0 9px;padding:0;float:left;display:inline;background:url(../graphics/right.png) no-repeat right top;background-position:100% -150px;} #menu .selected a{background-position:0 -150px;color:#fff;} /*////////////////////////////////////////////////////////////////////////*/ /*center*/ /*////////////////////////////////////////////////////////////////////////*/ #content{ width: 1000px; margin:40px 0 0 25px ; position:relative; float:left; } .left { width:215px; position:relative; float:left; margin:0 0 0 0; padding:0 15px 20px 0; border-right:1px solid #454545;} .middle { width:215px; position:relative; float:left; margin:0 0 0 0; padding:0 15px 20px 15px; border-right:1px solid #454545;} .right { width:215px; position:relative; float:left; margin:0 0 0 0; padding:0 0 0 15px;} #text{position:relative; float:left; margin:0 0 0 0; padding:0 15px 0 0; line-height:1.4;} #text h2{font-size:24px; font-weight:500; margin:0 0 20px 0; color:#2B9F65;font-family:Georgia, "Times New Roman", Times, serif;} .left h2,.middle h2,.right h2 {font-size:18px; font-weight:500; margin:0 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif;} .left img,.middle img,.right img {margin:0 0 15px 0; border:0px; width:210px;} .left p,.middle p,.right p {margin:0 0 8px 0; line-height:1.1; font-size:11px;} .team{text-align:center;width: 132px; border:2px solid #232323; background:#404040; position:relative; float:left; margin:0 10px 10px 0;-moz-border-radius: 2px; border-radius: 2px; padding:0 0 10px 0;} .team img{width: 80px; margin:7px; text-align:center;} .team h4{font-size:13px; font-weight:600; margin:5px 0 2px 5px; color:#fff;font-family:Georgia, "Times New Roman", Times, serif; text-align:center;} #lower_left { width:600px; position:relative; float:left; margin:0 0 0 0; padding:10px 10px 0 0; } #lower_right { width:320px; position:relative; float:left; margin:0 0 0 0; padding:10px 0 0 10px;} #lower_left h3,#lower_right h3 {font-size:24px; font-weight:500; margin:0 0 20px 0; color:#2B9F65;font-family:Georgia, "Times New Roman", Times, serif;} #lower_left p,#lower_right p{margin:10px 0 5px 0; line-height:1.2;} #lower_left li{padding:2px 0 2px 0; margin-left:25px;list-style:circle;} /*////////////////////////////////////*/ #news_left { width:700px; position:relative; float:left; margin:0 0 0 0; padding:10px 10px 0 0; } #news_right { width:220px; position:relative; float:left; margin:0 0 0 0; padding:10px 0 0 10px;} #news_left h3,#news_right h3 {font-size:24px; font-weight:500; margin:0 0 20px 0; color:#2B9F65;font-family:Georgia, "Times New Roman", Times, serif;} #news_left p,#news_right p{margin:10px 0 5px 0; line-height:1.2;} #news_left li{padding:2px 0 2px 0; margin-left:25px;list-style:circle;} /*////////////////////////////////////////////////////////////////////////*/ /*Footer*/ /*////////////////////////////////////////////////////////////////////////*/ #footer{width: 1000px; background: url(../graphics/footer.jpg) no-repeat; height:80px; margin:0 0 20px 0;} .footer_left{float:left; padding:0; margin:40px 0 0 25px; font-size:11px; color:#666; } .footer_right{float:right; padding:0; margin:40px 25px 0 0; font-size:11px; color:#666; } #footer a, #footer a:visited{text-decoration:none; color:#666; } #footer a:active, #footer a:hover {text-decoration:none; color:#fff; } /*////////////////////////////////////////////////////////////////////////*/ /*links*/ /*////////////////////////////////////////////////////////////////////////*/ a:link {color: #666;text-decoration:none;} a:visited{color: #666;text-decoration:none;} a:hover{color: #fff;text-decoration:none;} a:active {color: #fff;text-decoration:none;} /*////////////////////////////////////////////////////////////////////////*/ /*others*/ /*////////////////////////////////////////////////////////////////////////*/ .input {font-family: Arial, Verdana, sans-serif;width:320px; padding:4px; margin:6px 0 0 0 ; background:#2F2F2F; border:1px solid #707070; color:#2B9F65; font-size:11px; } .submit {border:1px solid #e4e4e4; cursor:pointer; background:#2B9F65; width:80px; height:26px;margin:0; color:#fff; font-weight:300;} .input:hover {background: #2b2b2b;} /*////////////////////////////////////////////////////////////////////////*/ /*clearer*/ /*////////////////////////////////////////////////////////////////////////*/ .clearer{clear: both; height: 0px; overflow: hidden;} .break{ height: 30px; overflow: hidden; border-bottom:1px solid #454545; width:950px;} .dbl_break{height: 30px; overflow: hidden;} /*////////////////////////////////////////////////////////////////////////*/ /*validation*/ /*////////////////////////////////////////////////////////////////////////*/ #msg {display:none; position:absolute; z-index:200; background:transparent url(../graphics/msg_arrow.jpg) left center no-repeat; padding-left:7px} #msgcontent {display:block; background:#fff; border:2px solid #FF0000; color:#FF0000;border-left:none; padding:5px;} /*////////////////////////////////////////////////////////////////////////*/ /*accordion*/ /*////////////////////////////////////////////////////////////////////////*/ #acc {list-style:none; margin:0 auto 5px 0px; float:left; } #acc h3 {cursor:pointer; text-transform:lowercase; height:30px; font-size:14px; } #acc h4 {cursor:pointer; text-transform:lowercase; font-size:12px; } #acc .acc-section {overflow:hidden; } #acc .acc-content {padding:5px 0px 5px 0px; float:left;} #acc p{font-style:normal; background:#404040; padding:10px; margin:0px 0px 10px 0px; width:920px; border:2px solid #D9F1FF; line-height:1.5em;-moz-border-radius: 0.5em; border-radius: 0.5em;border:2px solid #232323; } /*////////////////////////////////////////////////////////////////////////*/ /*slimbox*/ /*////////////////////////////////////////////////////////////////////////*/ #lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;} #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;} .lbLoading { background: #fff url(../graphics/loading.gif) no-repeat center;} #lbImage {position: absolute;left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;} #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;} #lbPrevLink {left: 0;} #lbPrevLink:hover { background: transparent url(../graphics/prevlabel.gif) no-repeat 0 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(../graphics/nextlabel.gif) no-repeat 100% 15%;} #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;} #lbCloseLink { display: block; float: right;width: 66px; height: 22px; background: transparent url(../graphics/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;} #lbCaption, #lbNumber { margin-right: 71px;} #lbCaption { font-weight: bold;} /*////////////////////////////////////////////////////////////////////////*/ /*news*/ /*////////////////////////////////////////////////////////////////////////*/ .news_image{ width:224px; margin:0px 30px 15px 0px; float:left;} .news_image .img{width:220px; margin:0 0 10px 0 ; } .news_content{ margin:0px 0px 0px 0px;} .news_content h2{font-size:15px; font-weight:600; margin:0px 0px 10px 0px;} .social_links{ text-align:center;} .news_extras h2{margin:0 0 2px 0;background:#222; padding:6px; font-size:13px; font-weight:600; color:#fff;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width:208px;} .td_1{background:#222; padding:3px; font-size:11px; width:500px;} .td_2{ padding:3px; font-size:11px;width:500px;} .news_menu {text-decoration:none; } .news_menu ul {list-style: none; margin: 0 0 20px 0; } .news_menu ul li a:link, .news_menu ul li a:visited { display: block; padding: 5px 0px 5px 5px; text-decoration: none; background:#222;color: #fff;width:215px; margin:0 0 2px 0; } .news_menu ul li a:hover, .news_menu ul li a:focus, .news_menu ul li a:active { color: #fff; background:#111; } #nws {list-style:none; margin:0 auto 5px 0px; float:left; } #nws h3 {cursor:pointer; text-transform:lowercase; height:30px; font-size:14px; } #nws h4 {cursor:pointer; text-transform:lowercase; font-size:12px; padding: 5px 0px 5px 5px; text-decoration: none; background:#222;color: #fff;width:215px; margin:0 0 2px 0; } #nws .nws-section {overflow:hidden; } #nws .nws-content {padding:5px 0px 5px 0px; float:left;}