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

/*reset all styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	background:#000 url(images/bodybg.gif) top left repeat-x;
	font:12px/16px tahoma, Arial, Helvetica, sans-serif;
	color:/*#cecece*/#fff;
	letter-spacing:.06em;
	}
	
strong {
	font-weight:bold;
	}
	
em {
	font-style:oblique;
	}

h1, h2, h3 {
	font-family:'trebuchet ms', tahoma, arial, sans-serif;
	}
	
h1 {
	font-size:24px;
	color:#fff;
	}
	
h2 {
	font-size:20px 
	}
	
h3 {font-size: 18px;
}	
	
p {
	margin:10px 0;
	}
	
ul {
	margin:10px 25px;
}
	
#headerbg {
	height:92px;
	background:url(images/header-bg.gif) repeat-x;
	/*position:relative;*/
	width:auto;
	border-bottom:2px solid #fa0076;
	}
		
	
#container {
	position:relative;
	width:950px;
	margin:0 auto;
	margin-top:-93px;
	}
	
#header {
	float:left;
	width:950px;
	height:92px;
	z-index:1;
	}
	
#header h1  img {
	float:left;
	width:184px;
	}
	
.top-tabs {
	width:348px;
	float:left;
	margin-left:70px;
	}
	
.top-tabs a {
	text-indent:-99999px;
	float:left;
	}
	
.top-tabs a.about, .top-tabs a.portfolio, .top-tabs a.contact {
	background:url(images/about.gif) no-repeat;
	width:110px;
	height:29px;
	margin-right:2px;
	}
	
.top-tabs a.portfolio {
	background:url(images/portfolio.gif) no-repeat;
	}
	
.top-tabs a.contact {
	background:url(images/contact.gif) no-repeat;
	}
	
#rss {
	position:absolute;
	height:152px;
	width:220px;
	left:700px;
	}
	
#rss a {
	/*text-indent:-999999px;
	background:url(images/subscribe-rss.gif) no-repeat;*/
	position:absolute;
	height:152px;
	width:220px;
	margin-top:-1px;
	}
	
#nav {
	float:left;
	width:590px;
	margin-top:1px;
	}
	
#nav a {
	text-indent:-99999px;
	float:left;
	}
	
#nav a.home, #nav a.resources, #nav a.articles, #nav a.tutorials, #nav a.free {
	width:116px;
	height:37px;
	background:url(images/home.gif) no-repeat;
	}
	
#nav a.home:hover {
	background-position: -118px 0;
	}
	
#nav a.resources {
	background:url(images/resources.gif) no-repeat;
	}
	
#nav a.resources:hover {
	background-position:-118px 0;
	}
	
#nav a.articles {
	background:url(images/articles.gif) no-repeat;
	}
	
#nav a.articles:hover {
	background-position:-118px 0;
	}

#nav a.tutorials {
	background:url(images/tutorials.gif) no-repeat;
	}
	
#nav a.tutorials:hover {
	background-position:-118px 0;
	}	
	
#nav a.free {
	background:url(images/free.gif) no-repeat;
	}
	
#nav a.free:hover {
	background-position:-118px 0;
	}	
	
#content {
	float:left;
	width:970px;
	clear:both;
	margin-top:20px;
	}
	
#content #left {
	float:left;
	width:686px;
	}
	
#content #left .entry {
	background:#101010 url(images/stripes.gif) no-repeat;
	width:603px;
	padding:20px;
	}
	
#content #left .entry img.float-right {
	float:right;
	margin:0 0 5px 5px;
	}
	
#content #left .entry a {
	color:#21b2fd;
	}
	
#content #left .entry p.post-meta {
	color:#777778;
	font-size:11px;
	line-height:11px;
	}
	
#content #left .entry p.post-meta a {
	color:#0070b6;
	border-bottom:1px dotted #4d6470;
	}
	
#content #left .entry ul li {
	background:url(images/bullet.gif) 0 5px no-repeat;
	padding-left:15px;
	}
	
#content #left .entry-footer {
	float:left;
	width:679px;
	clear:both;
	}
	
#content #left .entry-footer a {
	text-indent:-999999px;
	float:left;
	width:679px;
	height:96px;
	background:url(images/entryfooter.png) no-repeat;
	margin-left:-2px;
	}
	
#content #left .social {
	width:26px;
	/*float:right;
	margin-right:16px;*/
	position:absolute;
	left:643px;
	}
	
#content #left form#comment {
	float:left;
	width:622px;
	height:303px;
	background:url(images/commentsbg.gif) no-repeat;
	padding-top:120px;
	padding-left:15px;
	}
	
#content #left form#comment label {
	font:16px arial, verdana, sans-serif;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:200px;
	clear:both;
	}
	
#content #left form#comment input, #content #left form#comment textarea {
	float:left;
	width:200px;
	clear:both;
	}
	
#content #left form#comment input.submit {
	width:auto;
	height:auto;
	}
	
#right {
	float:left;
	width:274px;
	margin-top:35px;
	}
	
#right p.sponsors {
	margin-left:5px;
	}
	
#right p.sponsors img {
	margin:0 5px 5px 0;
	border:1px solid #737373;
	}
	
.recent {
	float:left;
	width:950px;
	clear:both;
	/*margin:20px 0;*/
	margin-top:15px;
	background:#101010;
	font-size:11px;
	padding:10px;
	border:1px solid #222222;
	}
	
.recent p {
	float:left;
	width:450px;
	margin-right:10px;
	border-right:1px solid #4f5050;
	}
	
.recent strong {
	color:#fe51a1;
	text-transform:uppercase;
	font-weight:bold;
	}	
	
.recent h3 {
	color:#21b2fd;
	}
	
.recent img {
	float:left;
	margin:0 5px 0 0;
	border:2px solid #fff;
	}
	
.recent em {
	font-style:normal;
	font-weight:bold;
	}

.feature p {
	float:left;
	width:290px;
	margin-right:10px;
	padding-right:10px;
	}
	
.feature a {
	color:#fccee3;
	}
	
.feature a:hover {	
	color:#cef2fc;
	}	
	
	/*
#recent .featured, #recent .freebies {
	float:left;
	width:440px;
	background:#101010;
	font-size:11px;
	padding:10px;
	border:1px solid #222222;
	}

	
#recent .featured p {
	margin:0;
	float:left;
	width:190px;
	height:136px;
	padding:10px;
	background:#1c1c1c;
	margin:5px;
	line-height:14px;
	}
	

	
#recent .freebies {
	width:449px;
	margin-left:10px;
	}
	
#recent .freebies .templates {
	width:429px;
	padding:10px;
	background:#1c1c1c;
	float:left;
	line-height:10px;
	margin:5px 0;
	font-size:11px;
	}
	
#recent .freebies .templates img.float-left	{
	margin-top:3px;
	}
	
#recent .freebies .templates .temp {
	float:left;
	width:205px;
	margin-right:5px;
	}

#recent .freebies .templates .temp  p {
	margin:0;
	margin-top:7px;
	padding:0;
	}
	
#recent .freebies .templates em {
	font-weight:bold;
	font-style:normal;
	}
	*/
	
#footerbg {
	background:url(images/footer-bg.gif) left bottom repeat-x;
	height:105px;
	float:left;
	clear:both;
	width:100%;
	border:2px solid #434343;
	border-left:none;
	border-right:none;
	margin:10px 0;
	}
	
#footer-wrap {
	position:relative;
	width:950px;
	margin:0 auto;
	border:none;
	font-size:11px;
	line-height:12px;
	}
	
#footer-wrap ul {
	margin:0;
	padding:0;
	float:left;
	margin-top:15px;
	margin-left:15px;
	}
	
#footer-wrap ul li {
	margin-bottom:5px;
	}
	
#footer-wrap ul li img {
	vertical-align:middle;
	margin-right:10px;
	width:12px;
	}
	
img.float-left {
	float:left;
	margin:0 5px 0 0;
	}