/*
Droidz
*/

/*---------------------------------------------------------------------------------------
#### Reset Defaults
--------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; outline:none;}
ul,ol {list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
fieldset {border:0}
a img,:link img,:visited img {border:none}
:link,:visited {text-decoration:none}
a { color: #2f8eec; text-decoration: none}
a:visited { color: #2f8eec; text-decoration: none }
a:hover { color: #2f8eec; text-decoration: none }
a:active { color: #2f8eec; text-decoration: none }

/*---------------------------------------------------------------------------------------
#### Main Structure Selectors
--------------------------------------------------------------------------------------- */
html, body {
	background:url(images/wrapper-bg.png) repeat-y 50% 0;
	height:100%;
	font:12px Verdana;
}

#big-gradient {
	position:absolute;
	z-index:1;
	background:url(images/big-gradient.jpg) no-repeat 50% 0;
	height:771px;
	width:100%;
	overflow:hidden;
	top:0;
	left:0;
}

#wrapper {
	position:relative;
	z-index:2;
	width:807px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -63px;
}
.push {
	height:63px;
}

.google-ads {
	width:732px;
	height:90px;
	/*background:url(images/google-ads.png) 2px 0 no-repeat;*/
	margin:11px auto;
}

.clear {clear:both}

/*---------------------------------------------------------------------------------------
#### Header Structure Selectors
--------------------------------------------------------------------------------------- */

#header-search {
	background:url(images/search-container.png);
	width:807px;
	height:34px;
}

#header-search fieldset {
	margin:5px 0 0 10px;
	display:inline;
	float:left;
}

div.search-holder-bg {
	background:url(images/search-input.png) left top no-repeat;
	width:98px;
	height:18px;
	padding:2px 2px 0 3px;
	float:left;
}

.search-input {
	width:104px;
	height:20px;
	border:none;
	color:#80b6ff;
	background:transparent;
}

select.search-selections {
	margin:0;
	padding:0;
	height:20px;
	float:left;
}

a.header-donate {
	display:block;
	background:url(images/search-donate.png);
	width:118px;
	height:22px;
	text-indent:-3000em;
	float:right;
	margin:5px 10px 0 0;
}

#header-banner {
        text-align: center;
	width:800px;
	height:120px;
}

#header-nav {
	width:807px;
	height:31px;
	background:url(images/header-nav.png);
	margin:0 0 38px;
}

#header-nav ul {
	height:21px;
	width:668px;
	margin:0 auto;
	padding:10px 0 0;
}

#header-nav ul li {
	float:left;
	margin:0 12px;
}

#header-nav ul li a {
	display:block;
	text-indent:-3000em;
	height:12px;
}

#header-nav ul li.home {background:url(images/header-nav-home.png) no-repeat; width:68px;}
#header-nav ul li.animations {background:url(images/header-nav-animations.png) no-repeat; width:144px;}
#header-nav ul li.stks {background:url(images/header-nav-stks.png) no-repeat; width:60px;}
#header-nav ul li.share {background:url(images/header-nav-share.png) no-repeat; width:79px;}
#header-nav ul li.links {background:url(images/header-nav-links.png) no-repeat; width:67px;}
#header-nav ul li.forums {background:url(images/header-nav-forums.png) no-repeat; width:94px;}

/*---------------------------------------------------------------------------------------
#### Featured Items Structure Selectors
--------------------------------------------------------------------------------------- */

#box-featured {
	width:732px;
	height:127px;
	background:url(images/box-featured-bg.png);
	margin:0 auto;
}

#box-featured .left {
	width:505px;
	float:left;
}

#box-featured h2 {
	color:#fff;
	font-size:14px;
	line-height:23px;
}

#box-featured .left h2 {
	background:url(images/icon-featured.png) 7px 4px no-repeat;
	padding:0 0 0 27px;
}

#box-featured .right h2 {
	background:url(images/icon-newest.png) 5px 4px no-repeat;
	padding:0 0 0 27px;
}

#box-featured .left ul {
	margin:10px 0 0;
	padding:0 0 0 5px;
}

#box-featured .left ul li {
	float:left;
	margin:0 6px;
}

#box-featured .left ul li a {
	width:86px;
	height:80px;
}

#box-featured .right {
	width:223px;
	float:left;
}

#box-featured .right ol {
	margin:0 0 0 20px;
	padding:5px;
	list-style-type:decimal;
	color:#FFF;
}

#box-featured .right ol li a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block;
	width:100%;
	line-height:1.5em;
}

#box-featured .right ol li a:hover {
	text-decoration:underline;
}

/*---------------------------------------------------------------------------------------
#### Content Structure Selectors
--------------------------------------------------------------------------------------- */
.box {
	width:732px;
	margin:0 auto 10px;
	color:#3399ff;
}

.box .top {
	background:url(images/box-top.png) no-repeat;
	height:27px;
	font-size:0;
}

.box.animation .top {
	background:url(images/box-top-revised.png) no-repeat;
	height:5px;
}

.box.animation .content {
	height:800px;
}

.box .top h2 {
	position:relative;
	top:3px;
	color:#FFF;
	font-size:14px;
}

.box .bottom {
	height:5px;
	background:url(images/box-bottom.png) no-repeat;
}

.box .content {
	padding:0 10px 8px;
	background:url(images/box-content-bg.png) repeat-y;
}

.box .content p {
	color:#3399ff;
	margin:0 auto 8px;
}

.box .content p.comment {
	text-align:right;
}

.box .content p a {
	color:#3399ff;
}

.box .content p a:hover {
	text-decoration:underline;
}

.box.news .top h2 {	
	background:url(images/icon-updated.png) 7px 1px no-repeat;
	padding:0 0 0 25px;
}

.box.news .top h2 span {
	position:absolute;
	right:5px;
	top:0;
}

.box.section .top h2 {
	background:url(images/icon-section.png) 7px 1px no-repeat;
	padding:0 0 0 25px;
}

.box.main .top h2 {
	background:url(images/icon-section.png) 7px 1px no-repeat;
	padding:0 0 0 25px;
}

/*---------------------------------------------------------------------------------------
#### Footer Structure Selectors
--------------------------------------------------------------------------------------- */

ul#bottom-links {
	height:22px;
	line-height:22px;
	margin:0 auto;
	padding:0 0 0 9%;
}

ul#bottom-links li {
	float:left;
	color:#3399ff;
	font-size:13px;
	line-height:22px;
	margin:0 2px;
	font-weight:bold;
	height:22px;
}

ul#bottom-links li a {color:#3399ff}

ul#bottom-links li a:hover {text-decoration:underline;}

div#cityscape-left {
	background:url(images/footer-cityscape-left.png);
	width:174px;
	height:57px;
	position:absolute;
	left:-174px;
	bottom:0;
}

div#cityscape-right {
	background:url(images/footer-cityscape-right.png);
	width:193px;
	height:63px;
	position:absolute;
	right:-193px;
	bottom:0;
}

/*---------------------------------------------------------------------------------------
#### Stick Page Structure Selectors (stksmen.html)
--------------------------------------------------------------------------------------- */
ul#stick {
	margin:0 auto 5px;
	height:23px;
	width:731px;
}

ul#stick li {
	float:left;
	height:23px;
}

ul#stick li a {
	height:23px;
	display:block;
	text-indent:-3000em;
}

ul#stick li.stickmen {background:url(images/button-stickmen.png);width:87px}
ul#stick li.stickpacks {background:url(images/button-stickpacks.png);width:113px}
ul#stick li.vehicles {background:url(images/button-vehicles.png);width:83px}
ul#stick li.weapons {background:url(images/button-weapons.png);width:85px}
ul#stick li.objects {background:url(images/button-objects.png);width:81px}
ul#stick li.random {background:url(images/button-random.png);width:77px}
ul#stick li.effects {background:url(images/button-effects.png);width:77px}
ul#stick li.backgrounds {background:url(images/button-backgrounds.png);width:128px}

ul#functions {
	margin:0 0 0 115px;
	text-align:center;
	height:17px;
}

ul#functions li {
	float:left;
	height:17px;
	line-height:17px;
}

ul#functions li a {
	display:block;
	padding:0 8px 0 20px;
	color:#3399ff;
}

ul#functions li a:hover {text-decoration:underline}
ul#functions li.featured {background:url(images/icon-featuredstar.png) no-repeat}
ul#functions li.voteup {background:url(images/icon-voteup.png) no-repeat}
ul#functions li.votedown {background:url(images/icon-votedown.png) no-repeat}
ul#functions li.info {background:url(images/icon-info.png) no-repeat}
ul#functions li.flagstk {background:url(images/icon-flagstk.png) no-repeat}
ul#functions li.directlink {background:url(images/icon-directlink.png) no-repeat}
ul#functions li.viewimage {background:url(images/icon-viewimage.png) no-repeat}

h2.stickoftheday {
	clear:both;
	font-size:14px;
	color:#3399ff;
	margin:0 0 2px;
}

.boxsplit {
	width:730px;
	margin:7px auto 0;
}
.boxsplit .top {
	font-size:0;
	background:url(images/boxsplit-top.png);
	height:6px;
}
.boxsplit .bottom {
	font-size:0;
	background:url(images/boxsplit-bottom.png);
	height:6px;
}
.boxsplit .content {background:url(images/boxsplit-content-bg.png) repeat-y}

.boxsplit .content p.left span {
	padding:0 5px;
	color:#3399ff;
	position:relative;
}

.boxsplit .content p.left span span {
	position:absolute;
	top:0;
	left:143px;
	width:570px;
}

.boxsplit .content p.left a {
	color:#3399ff;
}

.boxsplit .content p.left a:hover {
	text-decoration:underline;
}

.boxsplit .column {
	float:left;
	width:363px;
	margin:0 1px;
}

.boxsplit .column .top {
	background:url(images/column-top.png) no-repeat;
	font-size:0;
	height:6px;
}

.boxsplit .column .bottom {
	background:url(images/column-bottom.png) no-repeat;
	font-size:0;
	height:7px;
}

.boxsplit .column .content {
	background:url(images/column-body-bg.png);
}

.boxsplit .column .content .right {
	width:218px;
	float:right;
}

.boxsplit .column .content .left {
	width:145px;
	float:left;
}

.boxsplit .column .content .right ol {clear:both;}
	

.boxsplit .column .content .right ol {
	margin:0 0 0 25px;
	padding:0 5px 5px;
	list-style-type:decimal;
	color:#3399ff;
}

.boxsplit .column .content .right ol li {
	position:relative;
}

.boxsplit .column .content .right ol li span {
	position:absolute;
	left:-170px;
	width:145px;
	display:block;
}

.boxsplit .column .content .right ol li span a {
	display:block;
	width:19px;
	height:19px;
	float:left;
}

.boxsplit .column .content .right ol li a {
	font-weight:bold;
	color:#3399ff;
	text-decoration:none;
	display:block;
	width:100%;
	line-height:1.5em;
}

.boxsplit .column .content .right ol li a:hover {
	text-decoration:underline;
}