/* CSS Document for EDD@author: MapleRose*//*LAYOUT */

/* GENERAL & DEFAULT SETTINGS: links, td, div, main divs */
body {
	font-family: arial, Verdana, Helveltica, Tahoma;
	margin: 0px;
	background: #5D697F;
	color: #FFFFFF;
	font-size: 8pt;
	}	

a  {
	color: #D7ECB4;
	text-decoration: none;
	}
	

a:active, a:visited {
	color: #D7ECB4;
	}

a:hover {
	color: #C8D1E2;
	text-decoration: underline;
	}	
	
div {
	padding:0px;
	margin: 0px;
	}
	
div.container {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #5D697F;
	}	

div.inner {
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
	background-color: #5D697F;
	}

div.bodyContent {
	padding: 20px;
	padding-top: 60px;
 	border: 2px solid #C8D1E2;
	background: url("../style/pattern.gif") repeat #2D3548;
	font-size: 8pt;
	text-align: center}

.banner {	

	padding:0px;
	margin:0px;
	background: url("../style/V4banner.jpg") center top no-repeat #C8D1E2;
	height: 430px;
	border: 2px solid #C8D1E2;} 

.footer {
 	font-size: 8pt;
	text-align: center;
	}

#affiliates{
	padding-top:0px;
	clear:both;
	}

img {
	border: 1px solid #000000;
	margin: 0px;
	padding:1px;
	background-color: #C8D1E2
	}
table, td {
	font-family: inherit;
	font-size:inherit;
	padding: 0px;
	margin: 0px; 
	}
hr {
	border:0; 
	height: 1px; 
	background-color:#fff; 
	color: #fff
	}
	
p {
	margin: 0px;
	padding: 0px;
	}

/* ADDITIONAL ALIGN/DIV OPTIONS */

.valign {
	vertical-align: bottom
	}

.center {
	text-align: center !important;
	}

.left {
	text-align: left !important;
	}

.right {
	text-align: right !important;
	}
.justify {
	text-align: justify !important;
	}

.floatright {
	position:relative;
	float: right;
	}

.floatleft {
	position:relative;
	float: left;
	}

div.center {
	text-align: center!important;
	width: 0%;
	}
	
div.height {
	height: 55px;
	}
	
div.height1 {
	height: 13px;
	}
	
div.height2 {
	height: 7px;
	}
	
div.clear {
	clear: both;
	}

.bottom {
	height: 50px;
	}

.block {
	display: block;
	}

.news {
	margin: 7pt 4pt;
	text-align: justify;
	min-height: 100px;
	}
	
/* SPECIAL TEXT */

.title {
	font-size:20pt;
	font-family: "century schoolbook", "times new roman", serif; 
	font-weight: normal;
	line-height: 16pt;
	text-align: left;
	}

.green {
	color: #D7ECB4;
	}
	
.bold {
	color: #D7ECB4; 
	font-weight:bold
	}

.blue {
	color: #8891a5;
	}	

.lightblue {
	color: #C8D1E2;
	}
	
.fade {
	color: #5D697F!important;
	}
.tagline {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3pt;
	}

.linespace {
	line-height: 13pt;
	}

.linespace1{ 
	line-height: 23pt;
	}

.indent {
	margin-left:45px;
	}

p.tab {
	margin: 0pt;
	margin-top:-10px;
	margin-left:28px;
	text-indent: -10px;
	line-height:9pt;	
	}
p.tab2 {
	margin: 0pt;
	margin-top:-2px;
	margin-left:28px;
	text-indent: -10px;
	line-height:7pt;
	}

.larger {
	font-size: 9pt;
	}

.larger1 {
	font-size: 10pt;
	}

.smaller {
	font-size: 18pt;
	}

.smaller1 {
	font-size: 7pt!important;
	}


.overlap {
	position: relative;
	font-weight: normal;
	margin-top:-23px;
	padding-right: 3pt;
	z-index: 5; 
	top: 5pt;
	display: block;
	white-space: nowrap;
	}

.overlap a:hover {
	letter-spacing: -0.2pt; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	}
	
.resolution {
	width: 80px; 
	float: right; 
	display: block;
	}

.resolutionl {
	line-height: 10pt;
	width: 80px; 
	float: left; 
	display: block;
	}
	
.resolution a:hover, .resolutionl a:hover {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1pt;
	text-decoration: none;
	}

.stretch a:hover {
	letter-spacing: 2.5pt !important;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
	text-align: right;
	position: relative;
	right: -3pt;
	}

.stretch1 a:hover {
	letter-spacing: 6pt !important;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
	text-align: right;
	position: relative;
	left: -0pt;
	}

.band {
	filter: alpha(opacity=70);
	opacity: 0.8;
	height: 12pt;
	color: #2B3150 !important;
	background-color: #2B3150;
	top: 0pt!important;
	position: relative;
	z-index: 4!important;
	}

.lowercase { 
	text-transform: lowercase;
	}

.uppercase {
	text-transform: uppercase;
	}

.subheader{
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.5pt;
	}

.subheader a:hover, .tagline a:hover {
	text-decoration: none!important;
	}

.narrow {
	letter-spacing: 0pt!important;
	}
.nowrap {
	white-space: nowrap;
	}
.wrap {
	white-space: normal!important;
	}

/*ABOUT US SECTION*/
.aboutus {
	width: 0pt; 
	text-align: justify;
	}
.aboutus1 {
	width: 100%;
	text-align: justify;
	}
.image {
	width: 0px !important; 
	vertical-align: top;
	padding: 0pt 7pt;
	}
.aboutus2 {
	padding: 2pt 7pt;
	vertical-align: top;
	min-width: 320px;
	}
.aboutus3 {
	padding-left: 10pt;
	padding-right: 17pt; 
	vertical-align: top; 
	text-align: right;
	}
.aboutus4 {
	text-transform: lowercase;
	padding: 0pt 8pt;
	}
.aboutus5 {
	width: 0pt;
	margin: 0pt; 
	padding: 0pt; 
	}
.aboutustitle {
	font-family: georgia, "times new roman", serif; 
	color: #D7ECB4; 
	font-size:15pt;
 	float: left; 
	padding-right:9pt; 
	padding-bottom:0pt
	}
.divide {
	color: #7996ae; 
	font-size:9pt; 
	font-weight:bold
	}
	
.thumbnail { 
	width:0pt;
	height: 0pt;
	padding: 4pt 0pt;
	}	
/*GALLERY PAGES*/

.content1 {
	width: 820px;
	float:center; 
	}

table.gallery {
	width: 100%;
	padding:0pt;
	margin:0pt;
	}

td.gallery {
	height:380px;
	vertical-align: top;
	padding:0pt;
	padding-top:15pt;
	}
	
table.gallery1 {
	float: left
	}

.item {
	width:1px;
	height: 0pt;
	vertical-align:top;
	text-align:left;
	padding:0pt;
	}

.itemd {
	vertical-align:top;
	height: 170px;
	width: 180px;
	padding-left: 10pt;
	text-align:left;
	}

.index strong { 
	color: #D7ECB4;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3pt;
	}
	
.list {
	text-align:left; 
	vertical-align: top;
	}

.category {
	width:100%;
	}
	
.spaceWallpapers {
	padding: 16px; 
	}

.spaceAvatars, .spaceScans {
	padding: 20px;
	width: 0pt;
	}

.spacePNGs{
	padding: 15px;
	width: 0pt;
	}

.spaceVectors {
	padding: 15px;
	width: 0pt;
	}

.Avatars, .Scans {
	margin-left: 30px;
	}

.Wallpapers {
	width: 100%;
	}

.Vectors, .PNGs {
	margin-left: 0pt;
	}
	
.spaceALL {
	padding:7px;
	width: 0pt
	}

/*PAGINATION & TERMS*/

td.pagination1 {
	vertical-align:bottom;
	width:33%;
	padding:0pt;
	white-space: nowrap;
	}

td.pagination2 {
	padding:0pt;
	word-spacing: 5pt; 
	text-align:center;
	vertical-align:bottom; 
	white-space: nowrap;
	}

td.pagination2 a:hover {
	text-decoration: none;
	font-weight:bold;
	}

.pagination3 a:hover {
	text-decoration: none;
	font-size: 15pt;
	font-family: "century schoolbook", "times new roman", serif; 
	}

.pagination2 b {
	font-size: 15pt;
	font-family: "century schoolbook", "times new roman", serif;
	}

.termsli {	list-style-type: none;
	padding: 0pt;
	margin: 0pt 8pt;
	text-indent: -8pt;
	}
li.terms {
	margin: 0pt;
	padding: 0pt;
	margin-bottom:6pt;
	}
	
/*MENU CSS*/
.menubar {
	height: 35px;
	padding-left: 46px;
	}

#navMenu {
	font-family: Arial;
	margin: 6px;
	line-height: 17pt; 
	float: left;  
	display: block;
	}
	
.menuheading {
	text-align: left;
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3pt;
	white-space: nowrap; 
	}
	
.menuheading a:hover {
	text-decoration: none; 
	letter-spacing: 3pt;
	}
	
.menuitem {
	display:none;
	text-align: left;
	background: #5D697F;
	border-top: 1px solid #9499A2;
	width: 140px;
	padding-left: 7px;
	}

ul#navMenu {
	list-style-type: none;
	text-indent: 0pt; 
	padding: 0pt;
	padding-left: 30px; 
	}

ul:hover .menuitem {
	display:block;
 
	}
	
a.menuitem:hover {
	background-color: #4C5464;
	text-decoration: none;
	color: #ffffff; 
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3pt;
	font-size: 7pt; 
	}
	
/* ALTERNATE + LINKED VERSIONS */
#altver {
	font-family: Arial;
	margin: 0pt; 
	display: block;
	padding: 0pt;
	line-height: 17pt; 
	}
	
.altvertitle {
	text-align: left;
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3pt;
	white-space: nowrap;
	position: relative;
	background: #8891a5;
	border: 1px solid #2D3548;
	line-height: 10pt;
	z-index: 20;
	padding-left: 3px;
	}
	
.altvertitle a, .altvertitle a:hover {
	text-decoration: none; 
	letter-spacing: 1pt;
	color: #2D3548;
	}
	
.altveritem {
	display:none;
	position: relative;
	text-align: left;
	background: url("pattern.gif") repeat #2D3548;
	border:  1px dotted #C8D1E2;
	padding-left: 8px; /*spacing on left*/
	list-style-type: none;
	z-index: 40;
	}

ul#altver {
	list-style-type: none;
	text-indent: 0pt; 
	margin: 0pt;
	width: 40pt;
	margin-left: -2pt;
	position: relative
	}
	
ul:hover .altveritem {
	position: relative;
	display:block;
 	margin:0pt; 
 	margin-left: -7pt;
 	margin-top: 15px;
 	z-index: 40;
	}

.altveritem td {
	padding-left: 0px; 
	padding-right: 15px; /*space between items*/
	position: relative;
	z-index: 20;
	}
	
/*LOGIN*/

#login.bodyContent {
	position: fixed;
	right: 100px;
	bottom: 60px;
	padding:30px;
	padding-top: 35px;
	}

#login label {
	display: block;
	float: left; 
	clear:both;
	text-align: right; 
	width: 120px;
	white-space: nowrap;
	margin: 4pt 6pt; 
	padding: 0pt;
	}

#login input{
	color: #2D3548;
	font-family: arial;
	font-size: 8pt; 
	line-height: 10pt; 
	margin: 3pt 0pt; 
	border: 1px solid #2D3548;
	float: left;
	background-color: #ffffff;
	padding-left: 2pt;
	padding-right: 2pt;
	}
	
input.third {
	width: 30px!important;
	text-align: right;
	}
	
input.half {
	width: 106px!important;
	}

#login select{
	color: #2D3548;
	font-family: arial;
	font-size: 8pt; 
	line-height: 10pt; 
	margin: 3pt 0pt; 
	border: 1px solid #2D3548;
	float: left;
	background-color: #ffffff;
	width: 150px;
	}

#login option {
	border:none; 
	max-width: 140px;
	}

input.button, .button{
	height: 13pt;
	line-height: 13pt; 
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2pt;
	background: transparent!important;
	border: none!important;
	color: #D7ECB4!important;
	clear: left;
	float: right!important;
	margin: 10pt 15pt!important;
	}
	
input[readonly], input[disabled="disabled"], select[disabled="disabled"] {
	background: #5D697F!important;
	color: #8891a5!important;
	border:1px solid #8891a5!important;
	margin-right: 1px!important;
	line-height:11pt;
	}

a.button:hover {
	text-decoration:none;
	}

input.upload{
	position: relative;
	top: -2px;
	}
	
/*LOGIN FORM DETAILS*/

div#loginform {
	overflow: auto;
	background: none;
	position: relative;
	display:block;
	max-height: 280px;
	}
	
div#loginform.password{
	width: 177%;
	}

div#loginform.addcategory{
	width: 177%;
	}
	
div#loginform.news, div#loginform.editnews{
	width: 177%;
	}
form.news, form.editnews {
	width: 410px;
	}
	form.news textarea {
		width: 400px;
		height: 200px;
		font-family: arial;
		font-size: 8pt;
		}

	
div#loginform.upload {
	width: 160%;
	}
	
div#loginform.edit {
	width: 160%
	}
	
div#loginform.information {
	width: 160%
	}
	
form.upload {
	width: 410px;
	}
	
	#login form.upload label {
		width: 200px;
		}
		
	#login input[type=file]
		{
		float: left;
		width: 140px;
		margin: 5px 0px;
		}
		
	#login label.resolution
			{
			margin: 9px 8px;
		}
		
	.upload hr {
		width: 70%;
		margin-bottom: 10px;
		margin-top: 10px;
		}
	.upload p {
		clear: both;
		}

	
form.edit {
	width: 410px;
	}
	
	#login form.edit label {
		width: 200px;
		}

form.password {
	width: 290px;
	}
	#login form.password label {
		width: 135px;
		}
	
form.addcategory {
	width: 410px;
	}
	
/*USER DISPLAY*/div#user.bodyContent {
	position: fixed;
	left: 10pt;
	top: 10pt;
	padding: 20pt;
	padding-top: 10pt;
	text-align: right;
	line-height: 13pt;
	z-index:20!important;
	opacity: 0.9;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1pt; 
	}

#user.bodyContent a{
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 1pt; 
	}
	
#user.bodyContent a:hover {
	text-decoration: none;
	color: #ffffff;
	/*background-color: #5D697F;*/
	}
	





