@charset "UTF-8";

/* CSS Document */

* { margin:0; padding:0; }
body { background:#FFF url(../img/bg.png) repeat-x top; font:11px Arial, Helvetica, sans-serif; color:#222; margin-top:10px; }
h1 { font-size:20px; letter-spacing:-1px; margin-bottom: 10px; color:#000; }
h2 { font-size:18px; letter-spacing:-1px; margin-bottom: 10px; }
h3 { font-size:14px; margin-bottom:5px; }
h4 { font-size:14px; letter-spacing:-.025em; padding: 5px 0 2px 0; }
td { padding:5px; }
a { text-decoration:none; color:#5c0b7b; font-weight:bold; outline:none; }
a:hover { color: #939; }
:focus { -moz-outline-style:none;}
ol {margin-left:20px;}

/*   Logo   */
#logo { background:transparent url(../img/logo.jpg); width:248px; height:175px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#logo h1 { text-indent:-9000px; text-decoration:none; font-size:90px; overflow:hidden;}
#logo h1 a { display:block;}

/*   Nav   */
#nav { margin-bottom:1px;}
ul.menu, ul.menu ul { list-style-type:none; margin:0px; padding:0px; width:auto;}
ul.menu a { display:block; text-decoration:none; outline:none; }
ul.menu li { margin-top:1px; }
ul.menu li a { background:#444; color:#fff; padding:12px; }
ul.menu li a:hover { background:#5c0b7b; color:#fff; }
ul.menu li ul li a { background:#222; color:#bababa; }
ul.menu li ul li a:hover { background:#000; color:#fff; }
iframe {padding:0; margin:0;}

/*   Main   */
#outer { width:1000px; margin:0px auto;}
#left { width:248px; margin-right:5px; float:left; }
#center { width:550px; margin-right:5px; float:left; }
#right { width:190px; float:left; }
#right_wide { width:745px; float:left; }
#mast { width: 550px; margin-bottom:15px; border-bottom:solid 5px #5c0b7b; }
.next_item { background:url(../images/bg_item.jpg) no-repeat top center; width:296px; height:80px; margin:2px 2px 0 2px; padding:10px; }
.date { font-size:11px; font-weight:bold; letter-spacing:-.02em; color:#5c0b7b; padding-bottom:3px; }
#center textarea { padding:6px; color:#434343; border:#dadada; }


/*  News  */
#news { padding:0 20px; border-bottom:solid 5px #5c0b7b; border-top:solid 5px #5c0b7b; color:#262626; clear:both; }
#news div { padding:0 20px; border-bottom:solid 5px #5c0b7b; border-bottom:solid 5px #5c0b7b; color:#262626; clear:both; }
#news img { float:left; margin:0 10px 10px 0; }
#news p { margin-left:85px; margin-bottom:10px; line-height:130%; }
#news h1 { margin-top:10px; }
#news h2, #news h3 {margin-left:85px;}
#news blockquote { margin-left:105px; margin-bottom:10px}

/*  Store  */
.item {width:225px; height:250px; float:left; padding:5px; margin:3px; border:solid 1px #ababab;}

/*  Schedule  */
#sched_main { padding:10px 0 10px 20px; border-bottom:solid 5px #5c0b7b; color:#434343; }
#sched_main .tourney { width:150px; margin-right:3px; padding:10px; float:left; }
.schedule { width:370px; float:left;}
.schedule .event { background:#efefef url(../img/bg_practice.png) repeat-x bottom; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 1px #dadada; padding:10px; margin-bottom:5px; }
.schedule h2 { font-size:18px; letter-spacing:-1px; margin-bottom: 0px; }
.schedule .date { background:#5c0b7b; padding:10px 5px; width:42px; float:left; margin-right:10px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 1px #330033; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;}
.schedule .month { font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px;}
.schedule p { margin: 0 0 10px 62px; }

/*  Practice  */
.practice { background:#efefef url(../img/bg_practice.png) repeat-x bottom; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 1px #dadada; padding:10px 20px; margin:2px auto 0px auto; }
.practice a {color:#222;}
.practice a:hover {color:#5c0b7b; text-decoration:underline;}
.practice .number { font:bold 12px Arial, Helvetica, sans-serif; line-height:22px; width:15px; float:left; margin-right:10px; clear:left; }
.practice .name { font:bold 12px Arial, Helvetica, sans-serif; line-height:22px; width:120px; float:left; margin-right:5px; }
.practice .position { font:bold 12px Arial, Helvetica, sans-serif; line-height:22px; width:30px; float:left; }
.image-holder { float:left; width:500px; height:313px; padding:10px; margin:10px; border:1px solid #ddd; background:#eee url(loading.gif) 50% 50% no-repeat; display:inline; }
.friends { background:#efefef url(../img/bg_practice.png) repeat-x bottom; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 1px #dadada; padding:5px; margin:2px auto; }
.ad_small { background:#efefef url(../img/bg_practice.png) repeat-x bottom; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 1px #dadada; padding:20px 0 10px 0; margin:0 auto 2px 0; text-align:center; font-size:10px; text-transform:uppercase; color:#ababab; }
.ad_small img { margin-bottom:10px;}

/*   Roster  */
.player { padding:5px 5px 10px 5px; width:175px; float:left; position:relative; }
.player h2 { margin:5px 0; }
.player img { width:175px; height:197px; }
.player p { font:bold 11px Arial, Helvetica, sans-serif; margin-left:20px; }
.player .tc { background:url(../img/i_tc.png); width:75px; height:75px; position:absolute; left:0; top:0; z-index:100;}

/*  Profile  */
#profile { width:745px; float:left; }
#profile h1 { width:auto; padding-bottom:10px; border-bottom:solid 1px #ababab; }
#profile img {border-bottom:solid 5px #5c0b7b; padding-bottom:5px; margin-bottom:20px;}
#profile div.left { width:370px; float:left; margin-right:15px;}
#profile div.right  { width:360px; float:left;}

/*  Weather  */
#weather { padding:0 20px; color:#262626; clear:both;}
#weather p { margin-bottom:15px; padding-bottom:15px; border-bottom:solid 3px #5c0b7b; line-height:130%; }

/*  Lightbox  */
#photos { width:745px; float:left; }
#photos img { float:left; margin:3px; width:40px; height:40px;}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../lightbox/images/objects/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://sugarlandstealth.com/lightbox/images/objects/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://sugarlandstealth.com/lightbox/images/objects/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; padding:10px;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; }
* html .lbContent { /* IE6 */ margin-left: -790px; 	position:relative; }
* html .lbMinWidth { /* IE6 */ padding-left: 790px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


.fader img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; }
.fader:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: .75; }
.graybox { background:#EFEFEF; width:372px; padding:5px 3px; }
.whitebox { width:372px; padding:5px 3px; }
.b_number { width:30px; text-align:center; line-height:24px; font-size:13px; float:left; }
.b_name { width:135px; text-align:left; line-height:24px; font-size:13px; float:left; }
.b_hs { width:145px; text-align:left; line-height:24px; font-size:13px; float:left; }
.b_position { width:40px; text-align:left; line-height:24px; font-size:13px; float:left; }

/*    Footer    */
#footer { background:url(../img/bg_footer.gif) repeat-x top center; width:auto; height:71px; padding-top:15px; margin:20px auto 0 auto; clear:both; }
#footerpad { background:url(../img/bg_footerpad.gif) no-repeat top left; width:1000px; height:40px; margin:10px auto 0 auto; }
#footerinfo { font-size:11px; color:#888; padding:5px 0 0 10px; float:left; }
#footerinfo a { text-decoration:none; color:#888; font-weight:bold; }
#footerinfo a:hover { text-decoration:underline; }
#footerlogo { background: transparent; width:90px; height:40px; float:left; }
#footerlogo h1 { text-indent: -9000px; text-decoration: none; font-size:40px; overflow: hidden; }
#footerlogo h1 a { display:block; }

/*   Colours   */
.purple { color:#5c0b7b; }
.black { color:#222; }
.white { color:#FFF; }
.gray { color:#999; }
.red { color:#C00; }