@charset "utf-8";
/* CSS Document */

/* I hope anyone trying to figure out what i've done to this css page gets the meaning of clean, logical css code. I know alot of ppl make this shite as difficult as possible but I want to make sure any1 who wants to learn it can. My code makes sense and although I could have short-cut a few things I made it this way on purpose. That way someone after me can alter the code and go to specific points of the code quickly and make changes easily. Enjoy.better yet... Why you here looking at this anyway?  Author - Thomas Heads */ 

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #333333;
	background-attachment: fixed;
	background-image: url(http://www.cashforfrags.com/images/shadowed_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px auto;
	text-align: center;
	color: #000;
}

/* HTML TAGS = Does it matter? Nope I just want a little structure. I know body is a tag too but thats beginning structure for any html doc. */

p
{
	text-align: left;
}

a
{
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

a:hover
{
		text-decoration: none;
}

a:active
{
		text-decoration: underline;
		color: #00F;
}

img, a img
{
	border: none;
}

em
{
	font-size: 12px;
	font-weight: bold;
}

table
{
	font-size: 12px;
}

th
{
	background-color: #CCCCCC;
}

/* DIVS = Trying to keep my DIVS together in one spot plus subs */

#everything
{
	width: 975px;
	margin: 0px auto;
}

#header
{
	height: 140px;
	text-align: right;
	padding-right: 10px;
	margin-top: 0px;
}

#header a
{
	color: #FF9933;
}

#header p
{
	text-align: right;
}

#header ul
{
	list-style-type: none;
}

#header li
{
	display: inline;
	margin: 0px 5px;
}

#menu
{
	text-align: left;
	margin-top: 1px;
	margin-bottom: 8px;
	font-weight: bold;
	font-style: italic;
	padding-left: 5px;
	padding-top: 10px;
}

#menu a
{
	text-decoration: underline;
	color: #FF9933;
}

#menu a.news
{
	background-image: url(http://www.cashforfrags.com/images/little_links.png);
	background-position: top left;
	padding: 7px 20px 7px 70px;
}

#menu a.news:hover
{
	background-position: 0 -30px;
}

#menu a.events
{
	background-image: url(http://www.cashforfrags.com/images/little_links.png);
	background-position: top left;
	padding: 7px 17px 7px 62px;
}

#menu a.events:hover
{
	background-position: 0 -30px;
}

#menu a.tournaments
{
	background-image: url(http://www.cashforfrags.com/images/big_links.png);
	background-position: top left;
	padding: 7px 15px 7px 55px;
}

#menu a.tournaments:hover
{
	background-position: 0 -30px;
}

#menu a.signup
{
	background-image: url(http://www.cashforfrags.com/images/bigblk_links.png);
	background-position: top left;
	padding: 7px 13px 7px 59px;
}

#menu a.signup:hover
{
	background-position: 0 -30px;
}

#menu a.forums
{
	background-image: url(http://www.cashforfrags.com/images/little_links.png);
	background-position: top left;
	padding: 7px 13px 7px 62px;
}

#menu a.forums:hover
{
	background-position: 0 -30px;
}

#flash_content
{
	height: 250px;
	background-image: url(http://www.cashforfrags.com/images/placeholder_flash.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0px;
}

/* I thought i'd add this seeing as how the main stage bg could change */

#main_content_bg
{
	background-color: #FFF;
	margin: 0px 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#right_side
{
	width: 305px;
	float: right;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #333;
}

#right_side .info_box
{
	font-size: 16px;
	font-weight: bold;
	height: 110px;
	padding: 15px 20px 25px 20px;
	background-image: url(http://www.cashforfrags.com/images/info_box.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#right_side .info_box2
{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	height: 110px;
	padding: 15px 20px 25px 20px;
	background-image: url(http://www.cashforfrags.com/images/info_box.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#right_side .float_right
{
	float: right;
	padding-right: 10px;
	padding-top: 2px;
}

#right_side .form_width
{
	width: 250px;
	margin: 0px auto;
}

#right_side .form_width2
{
	width: 290px;
	margin: 0px auto;
}

#right_side .reg_text
{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	background-color: #000000;
	color: #FFFFFF;
}

#right_side .reg_text2
{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	background-color: #FF0000;
	color: #000000;
}

#right_side .reg_text3
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	background-color: #FF9933;
	color: #000000;
}

#right_side .reg_text4
{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	background-color: #000000;
	color: #FFFFFF;
}

#right_side .reg_text5
{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	margin: 0px;
}

#right_side .reg_text6
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	margin: 0px;
}

#main_content
{
	width: 600px;
	padding-left: 15px;
}

#main_content li
{
	text-align: left;
}

#main_content .form_names
{
	float: left;
	width: 160px;
	text-align: right;
	line-height: 21px;
	margin-left: 20px;
}

#main_content .form_boxes
{
	float: left;
	width: 340px;
	text-align: left;
	margin-left: 5px;
}

#about_us
{
	width: 550px;
	margin: 0px auto;
	padding-left: 10px;
}

#about_us .title
{
	font: 36px Impact;
	color: #CCCCCC;
	margin: 0px;
}

#about_us .title2
{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
}

#contact_us
{
	width: 575px;
	margin: 0px auto;
}

#events
{
	width: 400px;
	height: 400px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(http://www.cashforfrags.com/images/no_sponsored_events.png);
	background-position: top center;
	background-repeat: no-repeat;
}

/* Footer Section */

#footer
{
	background-color: #000;
	clear: both;
	padding-top: 1px;
	padding-bottom: 1px;
}

#footer a
{
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}

#footer p
{
	text-align: center;
	font-size: 12px;
	color: #FFF;
}

#footer .clear_sides
{
	clear: left;
	text-align: left;
	font-size: 10px;
	color: #FFF;
}

#footer .content_links
{
	float: left;
	padding-left: 50px;
	margin-left: 50px;
	text-align: left;
	color: #FFF;
	list-style-type: none;
	line-height: 30px;
}

#footer .contact_links
{
	float: left;
	padding-left: 50px;
	margin-left: 50px;
	text-align: left;
	color: #FFF;
	border-left: 1px solid #333333;
	list-style-type: none;
	line-height: 30px;
}

/* Misc Divs = below this point. They aren't as relevant or necessary towards the design but i'd thought I comment it so ppl wouldn't piss a brick. This is mainly for forms and such */

#content_snip
{
	float: left;
	background-color: #CCC;
	width: 280px;
	text-align: left;
	margin-bottom: 25px;
	margin-left: 15px;
	margin-top: 15px;
}

#content_snip p
{
	padding-left: 5px;
}

#content_snip a
{
	color: #000;
}

#content_snip a:hover
{
	color: #00F;
	text-decoration: underline;
}

#content_snip .center_text
{
	text-align: center;
	margin: 0px auto;
}

#team_form
{
	width: 590px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

#team_form form table
{
	width: 585px;
	margin: 0px auto;
	padding: 0px;
}

#sign_up
{
	width: 600px;
	margin: 0px auto;
}

#sign_up table
{
	width: 575px;
	margin: 0px auto;
	border-collapse: collapse;
	font-size: 14px;
	color: #0000FF;
}

#sign_up caption
{
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	caption-side: top;
	padding: 5px;
	color: #999999;
}

#sign_up em
{
	font-size: 10px;
	color: #000000;
}

#sign_up ul
{
	list-style-type: none;
}

#sign_up li
{
	font-size: 12px;
	color: #000000;
}

#sign_up .td_widthalignleft
{
	text-align: left;
	vertical-align: top;
	width: 287px;
}

/* Free Cash For Frags Games Sign Up */

#free_signup
{
	width: 575px;
	margin: 0px auto;
}

#free_signup table
{
	width: 550px;
	margin: 0px auto;
}

#free_signup em
{
	font-size: 10px;
}

#free_signup caption
{
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	caption-side: top;
	padding: 10px;
	color: #999999;
}

/* Pop-up Display Box */

a.team_display
{
    position: relative; /*this is the key*/
    z-index: 24;
	background-color: #ccc;
    color: #000;
    text-decoration: none;
}

a.team_display:hover
{
	z-index: 25;
	background-color: #ff0;
}

a.team_display span
{
	display: none
}

a.team_display:hover span
{
/*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
	left: 2em;
	width: 15em;
    border: 1px solid #0cf;
    background-color: #cff;
	color: #000;
    text-align: center;
}

/* CLASSES = if the class is a solo act pertaining to alot of content i'll put it here */

.float
{
	float: left;
	margin-bottom: 10px;
}

.float2
{
	float: left;
	margin-bottom: 5px;
	margin-right: 550px;
}

.float3
{
	float: left;
	margin-top: 70px;
	margin-left: 40px;
}

.is_this_necessary
{
	margin-top: 20px;
	text-align: center;
}

.float_paypal
{
	margin-left: 30px;
	margin-top: 40px;
	float: left;
}

.date_title
{
	text-align: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: overline;
	clear: left;
}

.services_title
{
	font-size: 18px;
}

.short_title
{
	padding: 4px 0px 5px 10px;
	color: #F93;
	font-weight: bold;
	background-image: url(http://www.cashforfrags.com/images/short_titles300x25.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.long_title
{
	padding: 4px 0px 5px 10px;
	color: #F93;
	font-weight: bold;
	background-image: url(http://www.cashforfrags.com/images/long_titles600x25.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.long_title2
{
	padding: 4px 0px 5px 10px;
	color: #F93;
	clear: left;
	font-weight: bold;
	background-image: url(http://www.cashforfrags.com/images/long_titles600x25.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.inviteme_list
{
	text-align: left;
	line-height: 20px;
}

.inviteme_box
{
	width: 580px;
	background-color: #CCC;
	padding: 10px;
}

.inviteme_error, .inviteme_out
{
	height: 500px;
	padding: 5px;
	font-weight: bold;
	background-color: #CCC;
}

.playing_now
{
	background-color: #CCC;
}

.playing_now2
{
	font-weight: bold;
	color: #F00;
	background-color: #999;
}

.notice
{
	padding: 5px;
	font-weight: bold;
	background-color: #999;
}

.copyright
{
	clear: left;
	padding: 5px;
}

.bold_text
{
	font-weight: bold;
}

.center_button
{
	padding-left: 215px;
}

.text_padding
{
	padding: 15px;
}

.text_padding2
{
	padding-bottom: 10px;
}

.tabletext_valignmid
{
	text-align: left;
	vertical-align: middle;
}

.tabletext_alignleft
{
	text-align: left;
	vertical-align: top;
}

.tabletext_alignright
{
	text-align: right;
	vertical-align: top;
}
.tabletext_alignleftbg
{
	text-align: left;
	vertical-align: top;
	background-color: #CCCCCC;
}

.tabletext_alignrightbg
{
	text-align: right;
	vertical-align: top;
	background-color: #CCCCCC;
}

.tabletext_aligncenter
{
	text-align: center;
	vertical-align: top;
}

.justify
{
	text-align: justify;
}

.table_tdspacing td
{
	padding: 10px;
}

.center_text
{
	clear: left;
	font-size: 10px;
	text-align: center;
}

.center_text2
{
	font-weight: bold;
	text-align: center;
}

.center_text3
{
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

.center_text4
{
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

.justify_colorblk
{
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

.alignleft_colorblk
{
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.margin_bottom
{
	margin-bottom: 5px;
}

.width_td
{
	width: 290px;
}

.bg_tr
{
	background-color: #CCCCCC;
	font-weight: bold;
}

.bg_trleft
{
	background-color: #CCCCCC;
	font-weight: bold;
	text-align: left;
}