html,body,div,ul,ol,li,h1,h2,h3,img,p,blockquote,pre,span,img,form,fieldset,label,input,table,thead,tbody,tr,th,td,textarea,header,section,footer,aside,nav,article,figure{margin:0;padding:0;list-style:none;font-weight:normal;}


/* HTML5 */
header,section,footer,aside,nav,article,figure{display:block;}


/* Base Styles */
body{
	font:normal 16px arial;
	color:#1a506b;
	background:#ffffff url('bg.png') repeat-x top center;
}

a{text-decoration:none;color:#45a3d2;}
a:hover{text-decoration:underline;}

h1{font-size:48px;}
h2{margin:20px 50px 10px 0;font-size:22px;}
p,blockquote,section ul,section ol,pre,table{margin:10px 50px 25px 0;}

section ul li{
	padding:3px 0 0 15px;
	background:transparent url('bullet.png') no-repeat;
}

section ol li{
	padding:3px 0 0 15px;
	background:transparent;
	list-style:decimal inside;
}

section ol li ol li{list-style-type:lower-alpha;}
section ol li ol li ol li{list-style-type:lower-roman;}
.float li{float:left;width:40%;}

blockquote{
	margin-left:50px;
	padding:10px;
	background:#e4f2f9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

blockquote p,blockquote h2{margin:0;}
blockquote li{margin-top:0;}
blockquote ul{margin:15px 0 0 0;}

pre{
	padding:15px 0 15px 0;
	font-family:arial;
	letter-spacing:0.05em;
	color:#8391df;
	border:1px solid #dcdcdc;
	border-left:0;
	border-right:0;
}

td{
	padding:5px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #c7e4f2;
}

thead td{border-bottom-color:#85a5b6;color:#000000;}
.pad td{padding-top:25px;}
.highlight td{background:#f3f9fc;}

label{display:block;}


/* Container */
.container{
	margin:auto;
	padding-bottom:30px;
	width:900px;
	background:transparent;
	background-repeat:no-repeat;
}

div.about{background-image:url('about.png');}
div.contact{background-image:url('contact.png');}
div.portfolio{background-image:url('portfolio.png');}
div.portfolio-item{background-image:url('portfolio-item.png');}
div.blog{background-image:url('blog.png');}


/* Header */
header{
	position:relative;
	height:318px;
}

header h1{position:absolute;top:200px;left:400px;}
header h1 span{position:absolute;top:-22px;left:0;font-size:22px;}
header h2{position:absolute;top:175px;left:400px;font-size:22px;}
header p{position:absolute;top:212px;left:400px;font-size:16px;}
header p a{color:#ffffff;}


/* Navigation */
nav{
	position:absolute;
	top:30px;
	left:400px;
}

nav li{float:left;margin-right:5px;}
nav li{
	background:transparent url('nav.png') repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
nav li a{
	display:inline-block;
	width:auto;
	height:27px;
	padding:13px 15px 0 15px;
	font-size:14px;
	background:transparent url('nav.png') no-repeat top center;
	background-position:0 40px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

nav li a:hover{
	text-decoration:none;
	text-shadow:#ffffff 0px 1px;
	background-position:-110px 0;
}
nav .about a:hover{background-position:-200px 0;}
nav .portfolio a:hover{background-position:-300px 0;}
nav .contact a:hover{background-position:-400px 0;}
nav .articles a:hover{background-position:-500px 0;}
nav .active{opacity:0.5;}


/* Content */
.content{padding-top:25px;}


/* Article */
article{position:relative;}
article .comments{
	position:absolute;
	top:2px;
	right:515px;
	display:inline;
	margin:0;
	padding-bottom:7px;
	background:transparent url('comment.png') no-repeat bottom right;
}

article .comments span{
	padding:3px;
	height:16px;
	font-size:14px;
	background:#e98080;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

article .comments a{
	padding:0 3px;
	height:8px;
	color:#ffffff;
	background:#df4d4d;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

article .comments a:hover{text-decoration:none;background:#e15a5a;}
article .comments a:active{outline:none;background:#db3636;}

.date{
	font-size:14px;
	text-align:right;
	color:#b5b5b5;
	background:transparent url('date.png') no-repeat;
}


/* Comments */
.comment{margin:40px 50px 40px 0;border-bottom:1px solid #dcdcdc;}
.comment .user,.comment .auth{margin:0;}
.comment .user a{color:#1a506b;}
.comment .date{margin:0 0 10px 0;}
.comment pre{
	margin:20px 0 20px 20px;
	padding:0;
	color:#9a9a9a;
	border:none;
}

.auth .user,.auth pre{color:#8391df;}


/* Portfolio */
.portfolio{padding-bottom:0;}
.item{position:relative;padding-top:50px;margin-bottom:-10px;}
.item h2{margin:0 0 20px 0;font-size:48px;}
.item img{
	border:5px solid #79bddf;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.slick{padding-top:65px;}
.bacon{padding-top:45px;background:transparent url('bacon.png') no-repeat;}
.crystalline{padding-top:53px;background:transparent url('crystalline.png') no-repeat;}
.dingo{padding-top:55px;background:transparent url('dingo.png') no-repeat;}
.dingotuts{padding:62px 0 287px 0;background:transparent url('dingotuts.png') no-repeat;}

.p-item{position:relative;background:transparent url('p-item.png') no-repeat top right;}
.p-item ul,.p-item li{list-style:none;padding:0;margin:0;background:none;}
.p-item ul{position:absolute;top:-4px;right:500px;width:400px;text-align:right;line-height:50px;}
.p-item li{display:inline;margin:10px 10px 0 0;padding:12px 0;background:transparent url('p-item-tag.png') no-repeat;color:#434343;}
.p-item li span{padding:12px;background:transparent url('p-item-tag.png') no-repeat top right;}
.p-item div{margin-left:400px;width:400px;}
.p-item img{margin:20px 20px 0 20px;}
.p-item a img{border:none;}
.p-item-bottom{height:50px;background:transparent url('p-item-bottom.png') no-repeat top right;}


#up{
	position:absolute;
	bottom:50px;
	left:210px;
	margin:0;
	padding:0;
}

#up a{display:block;width:100px;height:50px;}


/* Gallery */
.gallery li{margin:0;padding:0;}
.gallery img{float:left;margin:0 0 20px 0;}


/* Grid */
.clear{
	clear:left;
	height:0;
	font-size:1px;
	line-height:0px;
}

.content:after,.grid:after,.float:after,.gallery:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .content{zoom:1;}
* html .grid{zoom:1;}
* html .float{zoom:1;}
* html .gallery{zoom:1;}
*:first-child+html .content{zoom:1;}
*:first-child+html .grid{zoom:1;}
*:first-child+html .float{zoom:1;}
*:first-child+html .gallery{zoom:1;}

.w100,.w200,.w300,.w400,.w450,.w500,.w500,.w600,.w700,.w800,.w900,.w50p{float:left;}
table .w100,table .w200,table .w300,table .w400,table .w450,table .w500,table .w500,table .w600,table .w700,table .w800,table .w900,table .w50p{float:none;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w50p{width:50%;}

.p45{padding-left:45px;}
.p100{padding-left:100px;}
.p200{padding-left:200px;}
.p300{padding-left:300px;}
.p400{padding-left:400px;}
.p450{padding-left:450px;}
.p500{padding-left:500px;}
.p600{padding-left:600px;}
.p700{padding-left:700px;}
.p800{padding-left:800px;}
.p900{padding-left:900px;}


/* Hovertips */
#hovertip{
	position:absolute;
	color:#ffffff;
	background:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	pointer-events:none;
}

#hovertip p{padding:20px;margin:0;font-size:16px;}