@charset "utf-8";
/* CSS Stylesheet for Team PricklyCactus */

body { background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin: 0; padding: 0;}
a { color: #428ce7; text-decoration: none;}
a:hover { text-decoration: underline;}
p { margin: 0;}
img { border: 0; margin: 0; text-decoration: none;}
table { width: 100%; margin: 0; padding: 0;}
form { margin: 0;}

/* page framework divs //////////////////////////////////////////////////////////////*/
#irc { background: #fff; display: block; border: 1px solid #ccc; font-size: 11px; padding: 6px; position: absolute; top: 104px; left: 50%; margin: 0 0 0 280px; z-index: 1;}
#header { background: url(../images/logo.jpg) no-repeat left; width: 960px; height: 90px; margin: 0 auto;}
#container { background: url(../images/container-bg.png) repeat-y 0px 90px; width: 960px; margin: 0 auto;}
#navigation { background: #fff url(../images/navigation-bg.jpg) repeat-x; float: left; border-top: 5px solid #333; border-bottom: 7px solid #c9c9c9; width: 960px; height: 57px; text-align: right;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { display: inline;}
#navigation ul li a { display: block; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; height: 16px; margin: 0; padding: 16px 18px; text-decoration: none;}
#navigation ul li a:hover { background: #fff; color: #428ce7;}
#left { float: left; width: 640px;}
#right { float: left; background: #c9c9c9; width: 288px; margin: 0 16px 16px 16px;}
#content { background: #fff; line-height: 18px; width: 608px; padding: 20px 16px;}
#footer { background: #000; border-top: 5px solid #333; font-size: 10px; clear: left; float: none; height: 48px; padding: 14px 0 0 0; text-align: right;}
#footer span { float: left;}

/* content styles ///////////////////////////////////////////////////////////////////*/
.clear { clear: left; float: none;}
.box { background: #000; color: #999; line-height: 16px; width: 268px; margin: 0 0 16px 0; padding: 10px;}
.box img { margin: 0 0 8px 0;}
.box p { margin: 0 0 10px 0;}
h1 { border-bottom: 2px solid #cc0000; font-size: 24px; font-weight: normal; color: #cc0000; line-height: normal; margin: 0 0 12px 0; padding: 0 0 5px 0;}
h2 { font-weight: normal; font-size: 20px; color: #fff; line-height: normal; letter-spacing: -1px; margin: 0; padding: 0;}
h3 { font-size: 13px; color: #428ce7; margin: 0; padding: 0;}
.white-bold { font-size: 12px; font-weight: bolder; color: #fff;}
.white { font-size: 12px; color: #fff; margin: 0 0 6px 0;}
.size10uppercase { font-size: 10px; text-transform: uppercase;}
.centreimg { width: 268px; text-align: center; padding: 12px 0 12px 0;}
.bigtext { font-size: 36px; font-weight: bolder; color: #000000; padding: 25px;}
.smalltext { display: block; font-size: 24px; font-weight: normal; color: #FFFFFF; padding: 12px 0 0 0;}
.red { color: #cc0000;}
.green { color: #25871a;}
.dl { background: url(../images/dl.png); width: 94px; height: 17px; margin: 12px 0 0 0; padding: 1px 20px 0 0; text-align: center;}
.dl a { color: #fff; text-decoration: none;}
.dl a:hover { color: #ccc;}
#relatedlinks { background: url(../images/dottedborder.gif) repeat-x top; font-size: 10px; width: 268px; padding: 10px 0 0 0; text-transform: uppercase;}
#relatedlinks span { display: block; text-align: right; text-transform: none;}
#tempbanner { background: url(../images/contra-lol.jpg) no-repeat; width: 640px; height: 361px;}
#top-banner { width: 640px; height: 361px;} /* ajusted height should be 381px */
.bottom-banner { display: none; padding: 50px 0 0 0;}
.bottom-banner span { display: block; font-size: 11px; color: #999; letter-spacing: 10px; text-align: center; text-transform: uppercase;}

/* for home page ////////////////////////////////////////////////////////////////////*/
#newsticker { background: #000; width: 640px; height: 361px;}
#newsticker ul { list-style-type: none; margin: 0; padding: 0;}
#newsticker ul li {}
#newsticker ul li.error { color: #f00;}
#newsticker #togglenewsticker { display: none;}
#newsticker ul li.ad1, #newsticker ul li.ad2, #newsticker ul li.ad3 { font-size: 12px; font-weight: bolder; color: #fff; width: 640px; height: 381px;}
#newsticker ul li.ad1 { background: url(../images/ad1-bg.jpg) no-repeat;}
#newsticker ul li.ad2 { background: url(../images/ad2-bg.jpg) no-repeat;}
#newsticker ul li.ad3 { background: url(../images/ad3-bg.jpg) no-repeat;}
#latest-matches { margin: 12px 0 12px 0;}
table#latest-matches tr td { padding: 4px;}
table#latest-matches { padding: 0 0 12px 0;}
table#latest-matches tr td.id { background: url(../images/css.gif) no-repeat 4px 6px;}
table#latest-matches tr td.title { background: #1a1a1a; font-weight: bolder; color: #c2c2c2;}
#roster-wrapper { text-align: center; padding: 10px 0 0 0;}
#roster-wrapper img { border: 1px solid #333; margin: 0 10px 10px 0;}
#roster-wrapper img:hover { border-color: #428ce7;}
#roster-wrapper img.last { margin-right: 0;}
.news-container { padding: 0 0 12px 0;}
.size10 { font-size: 10px; line-height: 16px;}
.posted-by { text-transform: uppercase;}
.date { color: #999;}
.news-content { padding: 10px 0 0 0;}
#featured { background: #000 url(../images/featured-bg.jpg); width: 586px; height: 201px; padding: 14px 11px;}
#left-col, #right-col { float: left; color: #7d7f8b; line-height: 16px; width: 282px; text-align: justify;}
#left-col { margin: 0 22px 0 0;}
#cpcvr { background: #fff; height: 15px; width: 608px; position: relative; bottom: 15px; z-index: 1;}

/* for roster page /////////////////////////////////////////////////////////////////*/
.rosterid { float: left; border-bottom: 1px solid #dbdbdb; padding: 25px 0; width: 100%;}
.rosterid img { border: 1px solid #333; float: left; margin: 0 14px 0 0;}
.rosterid p { float: left; font-size: 10px; color: #e98b05; line-height: 16px; width: 180px;}
.rosterid b { font-size: 16px; display: block; line-height: normal; color: #333;}
.rosterid p.specs { float: right; color: #666; width: 348px; padding: 0 0 0 12px;}
.rosterid p.specs span { color: #cc0000; text-transform: uppercase;}

/* for matches page ////////////////////////////////////////////////////////////////*/
table#matches { width: 100%; margin: 12px 0 0 0;}
table#matches tr.m-title td { background: #E3E3E3; font-weight: bolder; color: #333; padding: 5px 2px;}
table#matches tr td.m-general { border-bottom: 1px solid #ccc; padding: 4px 0;}

/* for contact page ////////////////////////////////////////////////////////////////*/
.contactform { margin: 12px 0 12px 0;}
.textfield, .textarea, .button { border: 1px solid #a7a6aa; font-family: Arial, sans-serif; font-size: 12px; color: #666; width: 200px; margin: 0; padding: 2px;}
.textarea { width: 600px; height: 120px;}