@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;
	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:1000px;
	margin:0 auto;
	margin-top:-93px;
	}
	
#header {
	float:left;
	width:1000px;
	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:800px;
	}
	
#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:1000px;
	clear:both;
	margin-top:20px;
	}
	
#content #left {
	float:left;
	width:726px;
	}
	
#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:56px;
	}
	
#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:1000px;
	clear:both;
	margin:20px 0;
	}
	
#recent .featured, #recent .freebies {
	float:left;
	width:490px;
	background:#101010;
	font-size:11px;
	padding:10px;
	border:1px solid #222222;
	}

#recent .featured img {
	/*margin-left:5px;*/
	}
	
#recent .featured p {
	margin:0;
	float:left;
	width:214px;
	height:136px;
	padding:10px;
	background:#1c1c1c;
	margin:5px;
	line-height:14px;
	}
	
#recent .featured strong, #recent .freebies strong {
	color:#fe51a1;
	font-weight:bold;
	}
	
#recent .freebies {
	width:439px;
	margin-left:20px;
	}
	
#recent .freebies .templates {
	width:419px;
	padding:10px;
	background:#1c1c1c;
	float:left;
	line-height:10px;
	margin:5px 0;
	font-size:11px;
	}
	
#recent .freebies .templates p {
	float:left;
	width:200px;
	margin-right:5px;
	}
	
#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:1000px;
	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:20px;
	}
	
#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;
	}