ol.commentlist { width: 550px; margin:10px; padding:10px; background:#E4E4E4; border-bottom:3px solid #DDDDDD; } .commentlist strong { padding:5px 10px 2px 10px; } .commentlist li { list-style:none; margin-bottom:4px;} .commentlist a:link, .commentlist a:visited { color:#440000; } .commentlist a:hover, .commentlist a:active { color:#440000; } .commentlist .author { font-size: 14px; text-decoration:underline; } .commenttext { border-top:1px solid #CCC; padding: 10px; } .avatar { float: left; padding: 2px; margin: 0; border: 1px solid #ddd; background: white; } /* 1. Base ----------------------------------------------------------------------------------------------- ===============================================================================================*/ * { margin: 0; padding: 0; } body { color: #222222; background: #CCCCCC; font: 100%/1.125em "Lucida Sans Unicode", Arial, sans-serif; } input, button, textarea, select { font: 1.125em Arial, sans-serif; } input, button { vertical-align: middle; } legend { display: none; } fieldset { border: none; } ul, ol { list-style: none; } a { color: #222222; text-decoration: underline; } a.visited { color: #222222; text-decoration: underline; } a.active { color: #222222; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0; } hr { display: none; } small { padding-left:10px; } h3 { padding-left:15px; } h4 { font-size: 34px; font-weight: bold; } h5 { font-size: 14px; font-weight: bold; } /* 2. Header ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #header { min-width: 965px; width: 100%; margin-bottom: 3px; color: #ffffff; font: .75em/1.125em "Lucida Sans Unicode", Arial, sans-serif; } #header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header a { color: #ffffff; font-weight: normal; text-decoration: none; } /* 2.1 Header Main ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #header-main { position: relative; z-index: 90; float: left; width: 100%; background: #080808 url("http://www.elitescoutingservices.com/images/header-bg.gif") repeat-x; } #login-box { position: absolute; top:0; left:625px; width: 343px; height: 114px; background: #080808 url("http://www.elitescoutingservices.com/images/loginbox.jpg") no-repeat; } #login-box p { color: #FFF; padding: 10px; } #login-box a { text-decoration: underline; } #login-box a:hover { text-decoration: none; } /* 2.Header Main Network ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #header-main-network { position: relative; z-index: 90; float: left; width: 100%; } #header-main-network div.left { float: left; padding: 7px 7px 7px 14px; } #header-main-network div.left a { float: left; } #header-main-network div.left a img { float: left; padding: 16px 0; } #header-main-network div.right { float: right; width: 680px; padding: 7px; } #header-main-network div.right #user-menu { height: 29px; line-height: 29px; padding-right: 0; background: #080808 url("http://www.elitescoutingservices.com/images/user-bg-left.gif") no-repeat; } #header-main-network div.right #user-menu ul li img { margin: 4px 0; } #header-main-network div.right #user-menu ul li a.parent { background-position: right 14px; } #header-main-network div.right #user-menu ul li ul { border: 1px solid #222222; border-top: none; background: #080808; top: 29px; } #header-main-network div.right #user-menu ul li ul li a:hover { background: #660202; } #header-main-network div.right #user-menu form { padding-right: 8px; background: url("http://www.elitescoutingservices.com/images/user-bg-right.gif") right top no-repeat; } #header-main-network div.right #user-menu form input { margin-top: 2px; } #header-main-network div.right #user-menu form button { margin-top: 4px; } #header-main-network div.right #user-menu form img { margin-top: 3px; } #header-main-network div.right div.ad { float: right; clear: right; padding-top: 5px; } #header-main-network div.right div.ad img, #header-main-network div.right div.ad object { display: block; } #header-main-network.site div.left { padding: 7px; } #header-main-network.site div.left a img { margin: 0; } #header-main-network.site div.right div.ad { padding: 0; } /* 2.3 Header Main Menu ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #header-main-menu { float: left; width: 100%; font-size: 1.1em; background: url("http://www.elitescoutingservices.com/images/menu-border.gif") left bottom repeat-x; } #header-main-menu ul { float: left; } #header-main-menu ul li { position: relative; float: left; line-height: 31px; } #header-main-menu ul li a { float: left; background: url("http://www.elitescoutingservices.com/images/menu-hover-left.gif") left top no-repeat; } #header-main-menu ul li a span { margin-bottom: 1px; cursor: pointer; float: left; padding: 0 15px; background: url("http://www.elitescoutingservices.com/images/menu-hover-right.gif") right top no-repeat; } #header-main-menu ul li a.parent span { cursor: default; padding-right: 20px; background: url("http://www.elitescoutingservices.com/images/menu-hover-parent-right.gif") right top no-repeat; } #header-main-menu ul li.last a span { background-image: url("http://www.elitescoutingservices.com/images/menu-hover-right-l.gif"); } #header-main-menu ul li.last a.parent span { cursor: default; padding-right: 20px; background: url("http://www.elitescoutingservices.com/images/menu-hover-parent-right-l.gif") right top no-repeat; } #header-main-menu ul li a:hover, #header-main-menu ul li a.current, #header-main-menu ul li:hover a, #header-main-menu ul li.hover a { background-color: #660202; background-position: left -60px; } #header-main-menu ul li a:hover span, #header-main-menu ul li a.current span, #header-main-menu ul li:hover a span, #header-main-menu ul li.hover a span { margin: 0; padding-bottom: 1px; background-position: right -60px; } #header-main-menu ul li:hover a.parent span, #header-main-menu ul li.hover a.parent span { cursor: default; } #header-main-menu ul li ul { border: 1px solid #640000; border-top: none; float: none; background: #660202; position: absolute; margin-left: -1000em; top: 32px; left: 0; } #header-main-menu ul li:hover ul, #header-main-menu ul li.hover ul { margin-left: 0; } #header-main-menu ul li ul li { clear: both; } #header-main-menu ul li ul li a { float: none; line-height: 28px; width: 151px; padding: 0 12px; background: none; display: block; } #header-main-menu ul li ul li a:hover, #header-main-menu ul li ul li a.current { background: #440000; } #header-main-menu ul.right { float: right; } #header-main-menu ul.right li a.img { margin: 3px 5px 0 0; } #header-main-menu ul.right li a.img img { float: left; } /* ie6 isn't obeying line-height here for some reason. revisit later */ * html #header-main-menu ul.right li a span { padding: 7px 15px 8px 15px; } * html #header-main-menu ul.right li a:hover span, * html #header-main-menu ul.right li a.current span, * html #header-main-menu ul.right li.hover a span { padding-bottom: 9px; } /* end ie6 */ #header-main-menu ul.right li.feedback a { background: none; } #header-main-menu ul.right li.feedback a span { background: none; } #header-main-menu ul.right li.feedback a:hover, #header-main-menu ul.right li.feedback a.current, #header-main-menu ul.right li.feedback:hover a { text-decoration: underline; } /* 2.4 Header Menu ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #header-menu { position: relative; z-index: 85; line-height: 28px; min-height: 28px; float: left; width: 100%; background: #660202; } * html #header-menu { height: 28px; } #header-menu p { float: left; padding-left: 14px; } #header-menu ul { float: left; } #header-menu ul li { position: relative; float: left; } #header-menu ul li a { float: left; padding: 0 14px; } #header-menu ul li a:hover, #header-menu ul li a.current, #header-menu ul li:hover a, #header-menu ul li.hover a { background-color: #440000; } #header-menu ul li ul { border: 1px solid #222222; border-top: none; float: none; background: #660202; position: absolute; margin-left: -1000em; top: 27px; left: 0; } #header-menu ul li:hover ul, #header-menu ul li.hover ul { margin-left: 0; } #header-menu ul li ul li { clear: both; font-size: .9em; } #header-menu ul li:hover ul li a, #header-menu ul li.hover ul li a { background: none; line-height: 1.2em; width: 126px; padding: 7px 12px; float: none; display: block; } #header-menu ul li:hover ul li a:hover, #header-menu ul li:hover ul li a.current, #header-menu ul li.hover ul li a:hover, #header-menu ul li.hover ul li a.current { background: #440000; } /* 3. Layout ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #container { text-align: left; background: #EDEDED; margin: 0px auto; text-align:left; overflow:hidden; width:100%; padding-bottom:20px;} .clearer { clear:both; } /* 3.1 Home ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #left { float:left; font-size:12px; width:600px; padding:5px; overflow:hidden; height:100%; } #left-wide { float:left; font-size:12px; width:900px; padding:5px; overflow:hidden; height:100%; } h1 { padding-left: 10px; } h2 { color: #440000; padding:15px 10px 0px 10px; } div.block { background:#FFFFFF; border-bottom:3px solid #DDDDDD; padding:10px; margin:10px; } div.block p { margin:10px; } div.block img { margin:5px 15px 5px 15px; } div.block ul { margin-left:20px; } div.block li { overflow:hidden; } div.block a { color: #222222; text-decoration: underline; } div.block a.visited { color: #222222; text-decoration: underline; } div.block a.active { color: #222222; text-decoration: underline; } div.block a:hover { text-decoration: none; } div.block a img { border: 0; } #right { float:left; overflow:hidden; width:350px; padding:5px;height:100%; } #right div.menu { background:#E4E4E4; font-size:12px; border-bottom:3px solid #DDDDDD; padding:10px; margin:10px; } #right div.menu p { padding:8px 10px 0px 15px; font-size:12px; } #right div.menu ul { list-style:none; padding:0px; } #right div.menu ul li { list-style:none; font-size:12px; padding:8px 10px 0px 15px; } #right div.menu img { margin:10px; } #right div.menu h1 { border-top:1px solid #e5e5e5; padding:2px 10px; margin:0px; font-size:16px; } #right div.menu h2 { padding:10px 3px 0px 10px; margin:0px; font-size:16px; border-bottom:1px solid #c5c5c5; } #right div.menu ul li p { color:#555; font-size:12px; } #right div.menu ul li a { color:#555; font-size:1.1em; } /* 4 Footer ----------------------------------------------------------------------------------------------- ===============================================================================================*/ #footer { position: relative; padding: 15px 0; color: #ffffff; font-family: "Lucida Sans Unicode", Arial, sans-serif; background: #440000; font-size: .75em; width:100%; border-top:3px solid #CCC; } #footer div.text { font-size: 1em; margin: 5px; padding: 5px; background: none; } #footer div.text a.logo { position: absolute; bottom: 0; left: 650px; } #footer div.text p { margin-bottom: 10px; }