/*
CSS Style Document - main
----------------------------
author: Anthony Coy
website: SiteBuddy.info
---------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
	text-align: center;
	color: #666;
	border-top:3px solid #00B2E3;
}

/* links
---------------------------------------------------------- */
a:link, a:visited{
	padding-bottom: 0;
	color: #169DD8;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
}
a:hover{
	padding-bottom: 0;
	color: #666;
	border-bottom: 2px solid #dbd5c5;
}
a img{border:none}

/* header
---------------------------------------------------------- */
#header{
	margin-top:1px;
	border-top:1px solid #DADADA;
	border-bottom:1px solid #D9D9D9;
	text-align:center;
	background:#f5f5f5 url(/images/bg_head.gif) repeat-x top left;
	height:66px;
}
#header table{margin:0 auto;padding:0;}
#header table td{padding:0;}
#header h1{
	margin:6px 0 0;
	width:285px;
	height:46px;
}
#header h1 span{display:none;}

/* navigation
---------------------------------------------------------- */
#nav{text-align:right;padding-left:155px;}
#nav ul{
	margin:13px auto 0;
	padding:0;
}
#nav ul li{
	float:left;
	padding:0;
	list-style:none;
}
#nav ul a{
	border-bottom:none;
	color:#555;
	font-size:18px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
#nav ul a:hover{color:#00B2E3;}
#nav ul a:hover span{border-bottom:2px solid #00B2E3;}
a.home{background:url(/images/icon-home.gif) left center no-repeat;padding:0 11px 0 29px;}
a.codes{background:url(/images/icon-codes.gif) left center no-repeat;padding:0 11px 0 23px;}
a.generators{background:url(/images/icon-generators.gif) left center no-repeat;padding:0 11px 0 29px;}
a.graphics{background:url(/images/icon-graphics.gif) left center no-repeat;padding:0 11px 0 30px;}
a.layouts{background:url(/images/icon-layouts.gif) left center no-repeat;padding:0 0 0 27px;}

/* banner
---------------------------------------------------------- */
#body{
	background:#373737 url(/images/bg_banner.gif) repeat-x top left;
	padding-top:15px;
}
#banner{
	background:url(/images/bg_content.gif) repeat-y top;
	margin:0 auto;
	width:980px;
}
#content{
	background:url(/images/bg_title.jpg) no-repeat top;
	text-align:left;
}
#bottom{
	background:url(/images/bg_footer.gif) bottom center no-repeat;
}

/* banner
---------------------------------------------------------- */
#left-links,#right-links{
	float:left;
	width:170px;
	text-align:right;
	padding-top:125px;
}
#left-links h2,#right-links h2,#preview h2{margin:0;color:#f7f7f7;font-size:19px;font-weight:normal}
#left-links ul,#right-links ul,#preview ul{margin:8px 0;width:164px;padding:0;border:1px solid #272727}
#left-links li,#right-links li,#preview li{margin:0;padding:0;list-style:none;}
#left-links li a,#right-links li a,#preview li a{
	display: block;
	background:#f6f6f6 url(/images/bg_item.gif) repeat-x;
	font-size:12px;
	padding:1px 5px;
	text-decoration: none;
	text-align: left;
}
#left-links li a:hover,#right-links li a:hover,#preview li a:hover{
	background:#eee;
	border-bottom-width:1px;
}
#left-links{text-align:left;}
#left-links li a.all,#right-links li a.all,#preview li a.all{
	color:#333;
	background:#ddd;
	border-top:1px solid #dbd5c5;
	padding:2px 5px;
	border-bottom:1px solid #272727;
	font-weight:bold;
}
#left-links li a.all:hover,#right-links li a.all:hover,#preview li a.all:hover{
	color:#fff;
	background:#666;
}
#right-links ul,#preview ul{margin-left:3px;}
#preview ul li a.ads-favicon,
#preview2 a.ads-favicon,
#right-links ul li a.ads-favicon{
	padding-left:21px;
	background-repeat:no-repeat;
	background-position:3px 1px;
}

#main{
	float:left;
	width:624px;
	padding:38px 8px 20px;
}

/* content
---------------------------------------------------------- */
#main h1{
	color:#3a3a3a;
	font-weight:normal;
	font-size:20px;
	padding:0px 4px;
	margin-bottom:0px;
}
#main h1 strong{font-weight:bold;}
#main table{padding:0;border:none}
#main table td{padding:0;margin:0}
#main table.ads td{padding-top:11px;}
#main table.ads td.less{padding-top:6px;}

a.ad{border-bottom-color:#00B2E3}
a.ad,span.ad{font-size:11px;}
a.ad img{border:1px dashed #999}

ol.hotlist{
	padding-left:25px;
	font-size:12px;
	color:#999;
	margin-top:3px;
}
ol.hotlist li{margin:0;padding:0;}

ul.hotlist{
	padding-left:0px;
	font-size:11px;
	color:#999;
	margin-top:3px
}
ul.hotlist a{font-size:12px}
ul.hotlist li{margin:0;padding:0;list-style:none}

div.title{padding:0 2px}
div.title h3{
	display:block;
	border-top:3px solid #169FD8;
	border-bottom:3px solid #bbb;
	font-weight:bold;
	padding:1px 5px;
	font-size:14px;
	margin:3px 0 0;
}
div.small p{font-size:11px;}

/* forms
---------------------------------------------------------- */
form.css2 input{
	border:1px solid #e5e5e5;
	background:url(/images/input.gif) repeat-x top left;
	padding:2px 3px;
	color:#333;
}
form.css2 label{	
	color: #333;
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 5em;
}
form.css2 input.submit{
	font-weight:bold;
	border:1px solid #ccc;
	background:#eee;
}
.price{
	font-size:14px;
}
.price span{
	color:#00B2E3;
	font-weight:bold;
}
fieldset strong{color:#333}
.error{color:red;}
.fineprint{font-size:11px;}
#preview{
	border:1px solid #000;
	margin-top:3px;
	width:170px;
	text-align:right;
}
#preview ul li a{font-weight:normal;}
.side{background:#373737}

/* footer
---------------------------------------------------------- */
#footer{
	background:#373737;
	font-size:11px;
	color:#999;
}
#footer strong{color:#fff;}
#footer p{
	font-size:10px;
	margin:0;
}
table.adfoot td,#preview2{font-size:12px;}
table.adfoot td a,#preview2 a{color:#333;}

/* forms
---------------------------------------------------------- */
textarea{font:13px "Lucida Grande","Trebuchet MS",Verdana,sans-serif;}

/* friendspace
---------------------------------------------------------- */
div.friendsTitle{
	color:#ff6600;
	background:#ffcc99;
	font-weight:bold;
	padding:5px 13px;
}
#code{
	border:1px solid #ffcc99;
	height:400px;
	overflow:auto;
	background:#f7f7f7;
	text-align:center;
}
#fill{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	width:280px;
	height:280px;
	position:absolute;
	margin-top:50px;
	margin-left:170px;
}
#fill{
/*	margin:-325px 0 0 150px;*/
/*	padding:10px;
	position:absolute;
	border: 1px solid black;
	width:300px;
	background-color:#FFF;*/
}
span.bbtext{color:#0400DE}

/* misc
---------------------------------------------------------- */
hr{
	clear:both;
	border:0;
	color:#373737;
	background:#373737;
	height:0;
}
a.no-border{border:none;}