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

/*
 * screen.css
 * ----------------
 * Woody Sabran / woody@plumdigitalmedia.com
 * Copyright 2006
 */

/* general id's */

#wrapper {
	width: 913px ;
	margin: auto ;
}

#leaderboard {
	margin: 0 0 10px 0 ;
}

#page_body {
	width: 744px ;
	float: left ;
	background-color: #F0F0F0 ;
}
	
#header {
	background-image: url(/files/header_background/header_back.gif) ;
	background-repeat: no-repeat ;
	padding: 50px 0 0 0 ;
}
#net_title {
	float: left ;
	padding: 0 0 0 13px ;
}
#net_title a{
	display:block ;
	width: 242px ;
	height: 110px ;
}
#net_title h1{
	text-indent: -2000px ;
	margin: 0 ;
}	
#search {
	float: right ;
	padding: 60px 9px 0 0 ;
	text-align: right ;
}
#search p{
	margin-bottom: 0px ;
}
#search select {
	width: 143px ;
	vertical-align: middle ;
	font-size: 12px ;
}
input.medium {
	width: 143px ;
	vertical-align: middle ;
	font-size: 12px ;
	
}
input.submit {
	vertical-align: middle ;
}
			
#navbar {
	clear: both ;
	border-top: 2px solid #CFCFCF ;
	border-bottom: 2px solid #E0E0E0 ;
	font-size: 13px ;
	padding: 0 0 0 15px ;
	color: #AAA ;
	background-image: url(/images/navbar_back.gif) ;
	background-repeat: repeat-x ;
	background-color: #F6F6F6 ;
}
#navbar a {
	color: black ;
	padding: 5px 3px ;
}
#navbar a:hover {
	color: #BE187C ;
	text-decoration: none ;
}
#navbar li.design a:hover {
	color: #fcaf17 ;
}
#navbar li.develop a:hover {
	color: #00adef ;
}
#navbar li.discover a:hover {
	color: #87c76f ;
}
#navbar a.selected {
	color: #BE187C ;
}
#navbar li.design a.selected {
	color: #fcaf17 ;
}
#navbar li.develop a.selected {
	color: #00adef ;
}
#navbar li.discover a.selected {
	color: #87c76f ;
}
#navbar ul {
	margin: 0 ;
	padding: 4px 0 4px 0 ;
	list-style-type: none ;
}
#navbar li {
	display: inline ;
}
/* category page id's */
#column1 {
	background-color: #fff ;
	width: 546px ;
	padding: 10px ;
	margin: 9px ;
	float: left ;
}
		
#column2 {
	float: right ;
	width: 150px ;
	margin: 9px 9px 0 0 ;
}
body.home #column1 {
	background-color: #fff ;
	width: 386px ;
	padding: 10px ;
	margin: 9px ;
	float: left ;
}
		
body.home #column2 {
	float: right ;
	width: 310px ;
	margin: 9px 9px 0 0 ;
}
#mini_column1 {
	float: left ;
	width: 130px ;
	background-color: #fff ;
	padding: 10px 10px 0 10px ;
}
#mini_column1 h3 {
	background-image: url(/images/h3_back.gif) ;
	background-repeat: no-repeat ;
	color: #fff ;
	padding: 1px 0 0 20px ;
	
}
#mini_column2 {
	float: right ;
	width: 150px ;
}
#mini_column2 ul, .mini_column2_item ul {
	margin: 10px 0 0 0  ;
	padding: 0 0 10px 15px ;
	color: #fff ;
}
#ad_space {
	width: 160px ;
	float: right ;
}

#footer {
	clear: both ;
	border-top: 2px solid #CFCFCF ;
	color: #AAA ;
	padding: 10px 0 0 0 ;
	text-align: center ;
	width: 744px ;
}

/* general classes */

.article {
	margin: 0 0 10px 0 ;
}
.title {
	margin: 0 ;
}
#column1 .develop a{
	color: #00adef ;
}
#column1 .design a{
	color: #fcaf17 ;
}
#column1 .discover a{
	color: #87c76f ;
}
#column1 .article h1 a {
	color: #000 ;
}
#column1 .article h1 {
	color: #000 ;
}
#column1 .thumb {
	/* unorthodox but gets round strange issue with p.info margin */
	border-right: 1em solid #fff ;
	border-bottom: 1em solid #fff ;
	float: left ;
}
.comments {
	border-top: 1px solid #000 ;
	border-bottom: 1px solid #CFCFCF ;
	padding: 8px 0 7px 0 ;
}
.category {
	color: #AAA !important;
}
p.info{
	margin: 0 0 10px 0 ;
	padding: 0 0 5px 0 ;
	border-bottom: 1px solid #CFCFCF ;
}
p.comment{
	padding: 6px 0 0 25px ;
	background-image: url(/images/comment_back.gif) ;
	background-repeat: no-repeat ;
	background-color: #A1C7EE ;
	font-size: 13px ;
}
p.comment span {
	color: #fff ;
}
p.comment a {
color: black !important ;
}
.mag {
	margin: 0 0 10px 0 ;
	background-color: #fff ;
	padding: 10px 10px 0 10px ;
}
.mag a{
	font-size: 10px ;
}
.mag img{
	float: left ;
	margin: 0 0 1em 0 ;
}
body.home .mag {
	margin: 0 0 10px 0 ;
	background-color: #fff ;
	padding: 10px 10px 0 10px ;
}
body.home .mag img {
	float: left ;
	margin: 0 1em 1em 0 ;
}
body.home .mag br {
}
.mpu_ad {
	margin: 0 0 10px 0 ;
}
.links {
	margin: 0 ;
}
.mini_column2_form {
	background-color: #CCCCCC ;
	padding: 10px ;
	margin: 0 0 10px 0 ;
}
.mini_column2_form p {
	color: #000 ;
}
.mini_column2_item, .mini_column2_item_dark {
	background-color: #CCCCCC ;
	padding: 10px ;
	margin: 0 0 10px 0 ;
}
.mini_column2_item_dark {
	background-color: #CCCCCC ;
}
.mini_column2_item p, .mini_column2_item_dark p {
	color: #000 ;
}
.mini_column2_item h2, .mini_column2_item_dark h2 {
	color: #fff ;
}
.mini_column2_item a, .mini_column2_item_dark a {
	color: #fff ;
}
.mini_column2_form li {
	color: #000 ;
}
#column2 .develop {
	background-color: #00adef ;
}
#column2 .design {
	background-color: #fcaf17 ;
}
#column2 .discover {
	background-color: #87c76f ;
}
input.long {
	width: 200px ;
	font-size: 12px ;
}
input.short {
	width: 105px ;
	font-size: 12px ;
	vertical-align: middle ;
}
textarea.full {
	width: 99% ;
}
.fasthosts {
	text-align: center ;
}
.fasthosts a {
	color: #000 ;
}
.fasthosts a:hover {
	color: #BE187C ;
	text-decoration: underline ;
}
.clear {
 	clear:both ;
	height: 0 ;
	overflow: hidden ;
 }
 .top {
 	background-color: #CCCCCC ;
	padding: 3px 2px 0 4px ;
	color: #fff ;
	font-size: 12px; 
 }
 .more {
 	background-color: #CCCCCC ;
	padding: 3px 2px 0 4px ;
	color: #fff ;
	font-size: 12px ;
 }
 .pink {
 	color: #BE187C ;
 }
 .windows {
 	position: relative;
	padding: 0;
	background-color: #e0e0e0;
	width: 160px;
	margin: 0 0 40px 0 ;
 }