@charset "utf-8";
/*

Owner: ALoveForDesign.com
Information: Stylesheet for ALoveForDesign Portfolio 
Version: 1.0
Author: Justin Rivera
Author Contact: webmaster@alovefordesign.com

Table of Contents:
			CSS Imports
			Typography
			Global
			Menu Sprite
			Sidebar
				-Featured
				-Twitter
				-Client Login
			Index
*/

/* CSS Imports - 
Importing Reset CSS and 960 - 12 Col Framework
----------------------------------------------- */

@import "reset.css";

/* Typography -
All the color and styles 
----------------------------------------------- */
.article p.date 	{ font-size: 11px; padding: 0 0 5px 0; }
.article p.text	{ color: #fff; font-size: 11px; line-height: normal; }
.teal	{
	color: #008080;
}
.neongrn	{
	color: #66ff00;
}
.blue	{
	color: #0000ff;
}
.drkblue	{
	color: #1a3665;
}
.ltblue	{
	color: #32689a;
}
.darkgry {
	color: gold !important;
}
.sm	{
	font-size: 10px;
	line-height: 9px;
}
.xsm	{
	font-size: 8px;
	line-height: 10px;
}

/* Global -
Default styling for all pages
----------------------------------------------- */
body, html	{
	background: url(../images/bg.gif) repeat-x top left #07141f; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 18px;
}
#container	{
	background: url(../images/bg-main.jpg) no-repeat top center;
	min-height: 600px;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
}
#header	{
	width: 960px;
	height: 110px;
	margin: 0 auto;
}
#logo	{margin: 10px 0 0 40px;}
#layout_repeat	{
	width: 960px;
}
#layout	{
	width: 960px;
	height: auto;
	padding: 13px 20px 0 20px;
	margin: 0 auto;
}
#content	{
	clear: both;
	float: left;
	width: 654px;
	min-height: 800px;
	height: auto;
	background: #f3f3f3 url(../images/content_white-top.jpg) repeat-x top left;
	-moz-box-shadow: 0px 0px 18px #11353d;
	-webkit-box-shadow: 0px 0px 18px #11353d;
	box-shadow: 0px 0px 18px #11353d;
}
#sidebar	{
	float: right;
	width: 281px;
	padding: 110px 0 0 25px;
	margin: 14px 0 0 0;
	background: #141414 url(../images/gray_top.png) no-repeat top left;
	height: auto;
	min-height: 415px;
	position: relative;
}
#pbchar	{
	position: absolute;
	top: -147px;
	right: 55px;
	width: 274px;
	height: 200px;
	background: url(../images/paintball_char.png) no-repeat top left;
}
a.dl-btn	{
	display: block;
	background: url(../images/sprite-downloads_btn.png) no-repeat right top;
	width: 260px;
	height: 107px;
	position: relative;
}
a.dl-btn span {
	background: url(../images/sprite-downloads_btn.png) no-repeat left top;
	position: absolute;
	text-indent: -9999px;
	top: 0; 
	left: 0;
	z-index: 1;
	display: block;
	width: 260px;
	height: 107px;
}
.col-num	{ color: #fff; }
#top_ranked tr.alt td	{ background: #212121; }
table.ranked_table td	{ padding: 7px; color: #CCC; }
table.ranked_table th	{ padding: 2px; font-weight: normal; }
table.ranked_table { margin: 15px 0 0 0; width: 92%; }
#news	{
	padding: 0 0 30px 0;
}
.article	{
	padding: 13px 0 13px 10px;
	width: 250px;
	background: url(../images/news_bg.jpg) no-repeat top left;
	cursor: pointer;
}
a.create_btn	{
	display: block;
	width: 260px;
	height: 69px;
	background: url(../images/create_account-btn.jpg) no-repeat top left;
	text-indent: -9999px;
	float: left;
	margin: 15px 0 0 0;
}
a:hover.create_btn	{ background: url(../images/create_account-btn.jpg) no-repeat bottom left; }
#top_ranked	{
	margin: 0 0 30px 0;	
	height: 230px;
	overflow: hidden;
}
.widget	{
	background: url(../images/divider.gif) no-repeat 0 30px;
	clear: both;
	padding: 60px 0 0 0;
	width: 304px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
#footer	{
	background: none;
	width: 1100px;
	height: 235px;
	margin: 0 auto;
}
#box_frame	{
	width: auto;
	height: 100px; 
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 26px 0 0 230px;
}
#box_frame h1	{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 7px 0;
}
#box_frame a:link, #box_frame a:active, #box_frame a:visited	{
	text-decoration: none;
	color: #FFF;
}
#box_frame a:hover	{
	color: #bbbbbb;
}
.checkmark	{
	background: url(../images/checkmark.png) no-repeat right;
	padding: 0 25px 0 0;
}
.rssicon	{
	background: url(../images/rssicon.png) no-repeat right;
	padding: 0 25px 0 0;
}
.box	{
	float: left;
	width: 169px;
	height: 85px;
	padding: 15px 10px 0 15px;
	margin: 0 28px 0 0;
	background: #0a1820;
}
#copyright	{
	width: 600px;
	height: 70px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#copyright p a	{ color: #fff; }
#copyright ul	{
	padding: 30px 0 35px 0;
}
#copyright li	{
	float: left;
	padding: 0 20px;
}
#copyright li a:link, #copyright li a:active, #copyright li a:visited	{
	color: #FFF;
	text-decoration: none;
}
#copyright li a:hover	{
	color: #ccc;
}
#copyright p	{
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
}
#bottom_bgs	{
	width: 960px;
	height: 15px;
	margin: 0 auto;
	background: url(../images/content_bottom.jpg) no-repeat top left;
}
.content_txt	{
	width: 625px;
	padding: 15px 0 25px 35px;
}
.content_txt p	{
	padding: 15px 0 0 0;
	width: 580px;
	line-height: 25px;
}
.content_txt table p	{
	padding: 15px 0 0 0;
	width: auto;
	line-height: 16px;
}
.content_txt h2	{
	margin: 0 0 0 0;
}
.content_txt h3	{
	font-weight: normal;
}
.content_txt hr	{
	display: block;
	position: relative;
	padding: 0;
	margin: 30px 0;
	height: 0;
	max-height: 0;
	width: 575px;
	clear: both;
	border: none;
	border-top: 1px solid #DDD;
	border-bottom: 2px solid #FFF;
	font-size: 1px;
	line-height: 0;
}
input.pp_input	{
	padding: 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin: 0 15px 0 0;
}
table.dl-table td	{
	padding: 10px 15px;
}
table.dl-table tr	{
	padding: 10px 0;
	cursor: pointer;
}
table.dl-table th	{
	padding: 15px 0 10px 0;
}
table.dl-table tr:hover	{
	background: #D7D7D7;
	color: #444;
}
table.dl-table tr:hover h2	{
	color: #333;
}
#submenu	{
	padding: 10px 0 0 35px;
}
.classmenu	{
	padding: 10px 0 0 20px !important;
}
.content_txt a:link, .content_txt a:active, .content_txt a:visited, .content_txt a:hover	{
	color: #666;
	text-decoration: none;
}
#submenu a:link, #submenu a:active, #submenu a:visited	{
	text-decoration: none;
	color: #999;
}
#submenu a:hover	{
	text-decoration: underline;
	color: #666;
}
.class_btn	{
	background: url(../images/class_bg.jpg) repeat-x top left;
	width: 150px;
	text-align: center;
	padding: 40px 0 0 0;
	height: 59px;
	float: left;
	margin: 0 0 20px 30px;
	border: 1px solid #CCC;
	cursor: pointer;
}
.class_btn:hover	{
	background: url(../images/class_bg-h.jpg) repeat-x top left;
}
.hw	{
	padding: 30px 0 0 0;
	height: 69px;
}
.class_btn a:link, .class_btn a:active, .class_btn a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999;
	text-shadow: #FFF 0px 2px 0px;
}
.class_table tr.alt td	{ background: #e6e4e4; }
.class_table tr td	{ vertical-align: top; padding: 10px 10px; }
.class_table p	{ padding: 0!important; margin: 0; }
table.class_table { margin: 15px 0 35px 0; }

/* Menu -
Global Menu Sprites Styles
----------------------------------------------- */
img.tag	{margin: 0 0 10px 17px;}

#menu	{
	width: 652px;
	height: 60px;
	position: relative;
}
#menu ul	{
	float: left;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#menu li	{
	float: left;
}
#menu a:active, #menu a:link, #menu a:visited {
	float: left;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}

/* Menu Selector */
.menu_selector	{
	background: url(../images/menu_selector-bg.jpg) no-repeat top left;
	width: 609px;
	height: 53px;
	margin: 20px auto;
}
.menu_selector ul	{
	padding: 0;
	list-style: none;
}
.menu_selector li	{
	float: left;
	margin: 13px 0 0 12px;
	padding: 0;
}
.menu_selector .current 	{
	background: url(../images/menu_btn-bg-l.jpg) no-repeat left top;
}
.menu_selector .current a	{
	background: url(../images/menu_btn-bg-r.jpg) no-repeat right top;
	color: #161616;
}
.menu_selector a	{
	display: block;
	padding: 6px 13px 7px 13px;
}
.menu_selector a:active, .menu_selector a:link, .menu_selector a:visited	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
}
.menu_selector a:hover	{
	color: #0f496d;
}
.menu_selector .current a:hover	{
	color: #555;
}
.select_box.visibleDiv	{ display: block; }
.select_box { padding: 0 20px; }
.select_wrap	{
	height: 240px;
}

/* Buttons */
#home a:link, #home a:active, #home a:visited	{
	background: url(../images/menu.png) no-repeat top left;
	left: 20px;
	width: 50px;
	height: 16px;
}
#home a:hover	{
	background: url(../images/menu.png) no-repeat 0px -18px;
}

#downloads a:link, #downloads a:active, #downloads a:visited	{
	background: url(../images/menu.png) no-repeat -50px 0px;
	left: 85px;
	width: 90px;
	height: 16px;
}
#downloads a:hover	{
	background: url(../images/menu.png) no-repeat -50px -18px;
}

#lvlup a:link, #lvlup a:active, #lvlup a:visited	{
	background: url(../images/menu.png) no-repeat -140px 0px;
	left: 190px;
	width: 70px;
	height: 18px;
}
#lvlup a:hover	{
	background: url(../images/menu.png) no-repeat -140px -18px;
}

#equip a:link, #equip a:active, #equip a:visited	{
	background: url(../images/menu.png) no-repeat -210px 0px;
	left: 275px;
	width: 88px;
	height: 18px;
}
#equip a:hover	{
	background: url(../images/menu.png) no-repeat -210px -18px;
}
#whosonline a:link, #whosonline a:active, #whosonline a:visited	{
	background: url(../images/menu.png) no-repeat -299px 0px;
	left: 380px;
	width: 105px;
	height: 16px;
}
#whosonline a:hover	{
	background: url(../images/menu.png) no-repeat -299px -18px;
}
#help a:link, #help a:active, #help a:visited	{
	background: url(../images/menu.png) no-repeat -403px 0px;
	left: 500px;
	width: 38px;
	height: 16px;
}
#help a:hover	{
	background: url(../images/menu.png) no-repeat -403px -18px;
}

/* Client Login
Input fields and button styles
----------------------------------------------- */
.client_form	{
	margin: 0 auto;
	width: 260px;
}
.client_input	{
	background: url(../images/client_input.gif) no-repeat 0 -35px;
	border: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 1px;
	width: 240px;
	height: 28px;
	padding: 8px 0 0 15px;
}
.client_submit	{
	display: block;
	width: 78px;
	height: 34px;
	background: url(../images/client_btn.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	float: right;
}
.client_submit:hover	{
	background: url(../images/client_btn.gif) no-repeat 0 -34px;
}
table.client_table td	{
	padding: 0 0 10px 0;
	
}
.client_input:hover {
	background: url(../images/client_input.gif) no-repeat 0 0;
}
.client_input:focus	{
	background: url(../images/client_input.gif) no-repeat 0 -70px;
}
/* fake checkbox : unchecked (default/base) state */
.fakecheck {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(../images/checkmark_btn.jpg) no-repeat;
	height: 12px;
	display: block;
	float: left;
	line-height: 8px;
	padding: 1px 0px 0px 20px;
	color: #666666;
}
/* fake checkbox : hover state */
.fakecheck:hover {
	color: #999;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakechecked {
	background-position: left -26px;
}
#dotcom	{
	display: none;
}

/* Index 
Index Page CSS
----------------------------------------s------- */
img#xhtml_icon	{ float: right; padding: 45px 0 5px 10px; }
#title	{ clear: both; height: 50px; }
.content_bg	{ background: url(../images/index/bg_content.gif) repeat-x top; }
.content_bg p	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 24px;
	padding: 25px 0 0 0; 
}
#ss_shadow	{ margin: 0 10px 20px 20px; float: left; }
img#welcome	{ margin: 13px 0 20px 17px; }
#ready	{ 
	background: url(../images/ss_reflect.png) no-repeat right 20px;
	width: 625px;
	padding: 0 0 0 30px;
}
#ready p	{ line-height: 25px; width: 330px; padding: 10px 0; }
#ready img	{
	margin: 20px 0 5px 0;
}
#top	{
	background: url(../images/index/bg_top.gif) repeat-x bottom;
	height: 355px;
	float: left;
}
.ltgray	{ 
	font-weight: bold;
	color: #999;
}
.lrg	{
	font-size: 22px;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	letter-spacing: -2px;
	color: #444;
	padding: 0 15px 0 0;
	vertical-align: middle;
}
.redtxt	{
	color: #990000;
	font-weight: bold;
	line-height: 22px;
	vertical-align: top;
}
.select_box	{
	display: none;
}
.select_box p	{
	margin: 10px 0 0 0;
	width: 300px;
	float: left;
}