body,div,h1,h2,h3,p,pre,blockquote,ul,li{margin:0;padding:0;list-style:none;font-weight:normal;}

body{
	font:normal 22px Georgia,serif;
	background:#8E752D url('bg.jpg') repeat-x;
}

h1,h2{font-style:italic;}
h1{font-size:48px;}
h2{font-size:32px;}
h3{font-size:26px;}

h3 span{font-size:0.6em;}
hr{border:none;background:transparent;height:1px;margin:25px;}

ul{margin-top:10px;padding:0;}
li{
	margin:8px;
	padding-left:45px;
	background:transparent url('bullet.png') no-repeat center left;
}

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

pre{
	margin:25px;
	padding:10px;
	border:1px solid #d8d8d8;
	background:#ffffff;
	font-family:monospace;
	font-size:16px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:auto;
}

.code{font-family:monospace;color:#CC8BAA;}

.container{
	position:relative;
	margin:auto;
	width:900px;
	background:transparent url('header.png') no-repeat;
}


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

.header .words{
	position:absolute;
	top:110px;
	left:380px;
	width:450px;
}

.header h1{
	margin:0;
	color:#0e7d95;
	font-style:italic;
}

.header p{margin:20px 5px 0 10px;}


/* Grass Area */
.grass{
	position:relative;
	top:50px;
	left:0;
	height:300px;
	/*background:#ff0000;
	opacity:0.5;*/
}

.grass .item{
	position:absolute;
	top:0;
	width:300px;
	
}

.grass .left{left:0;}
.grass .mid{left:300px;}
.grass .right{left:600px;}

.grass .round{
	background:#cade7f;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.grass h2,.grass p{margin:15px;}
.grass p{font-size:18px;}
.grass h2{color:#03262e;}

/* Main Content */
.content{background:#8E752D url('content.jpg') repeat-x top center;}

.maincontent{
	position:relative;
	margin:auto;
	width:900px;
	padding-top:25px;
}

.content h1{
	margin:0 0 15px 15px;
	color:#c9aa52;
}

.content p{
	margin:15px 0 25px 15px;
	font-size:18px;
	color:#e4cf92;
}

.content ul{color:#e4cf92;}


/* Misc */
.copyright{font-size:14px;}

.header a,.round a{
	font-size:14px;
	padding:1px;
	color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#007890;
}

.header a:hover,.round a:hover{
	text-decoration:none;
	background:#0096B5;
}


/* Grid */
.grid .item{float:left;}

.grid .clear{
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.w50{width:50px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}


.content h3{margin:15px 10px 0 15px;font-style:italic;}
.content li{font-size:18px;}


/* Navigation */
.navigation,.navigation li,.navigation a{
	margin:0;
	padding:0;
	background:transparent;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.navigation{
	position:absolute;
	bottom:-1px;
	left:390px;
}
.navigation li{float:left;}
.navigation a{
	display:block;
	padding:10px 15px 10px 15px;
	margin-right:10px;
	font-size:18px;
	color:#00586b;
	background:transparent;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.navigation a:hover{background:transparent;color:#0b94af;}
.navigation .active a{background:#afdf00;color:#ffffff;}


/* Download Button */
.download{
	position:relative;
	display:block;
	width:225px;
	height:68px;
	background:transparent url('download.jpg') no-repeat;
	color:#000000;
	font-size:18px;
}

.download .d_version{
	position:absolute;
	top:15px;
	left:80px;
}

.download .d_date{
	position:absolute;
	top:35px;
	left:80px;
	font-family:arial;
	font-size:14px;
}

.download:hover{
	color:#4b4b4b;
	text-decoration:none;
	cursor:pointer; /* For IE */
}

/* Errors And Notifications */
.error, .notice, .success {padding:10px;border:2px solid #ddd;font-size:14px;margin:25px;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a, .notice a, .success a{color:#000000;}
/*.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}*/


/* jQuery Code Colorizer */
.jc_special{color:purple;}
.jc_function{color:#505050;}
.jc_variable{color:#0077ee;}
.jc_string,.jc_string_double{color:green;}
.jc_number{color:red;}
.jc_comment{color:orange;}

/* JavaScript Language Specific */
.jc_javascript_special{color:#005555;}
.jc_javascript_comment{color:green;}

/* CSS Language Specific */
.jc_css_class{color:red;}
.jc_css_setting{color:#0077ee;}
.jc_css_comment{color:green;}

/* Adverts */
.adverts{margin-left:9px;}

.adverts a{
	display:block;
	float:left;
	margin:20px 0 20px 20px;
	width:100px;
	height:100px;
	overflow:hidden;
	background:#ffffff;
	border:5px solid #675111;
	-moz-border-radius:5px;
}

.adverts .big{
	width:200px;
	height:200px;
}

.adverts a:hover{border-color:#403000;}

.adverts img{border:none;}

.post_info{margin-left:15px;}

.date,.tag{
	padding:5px;
	-moz-border-radius:3px;
	font-size:12px;
	color:#ffffff;
}

.date{background:#164A79;}
.tag{background:#000000;}

.tag:hover{opacity:0.8;text-decoration:none;}

/* Sidebar */
.sidebar{
	margin-bottom:20px;
	background:#b49b54;
	-moz-border-radius:10px;
}

.sidebar ul{padding:20px 0 20px 0;}


/* Dingo Bar */
.dingobar{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:26px;
	background:#3c3c3c;
	font:normal 14px Arial;
	color:#cacaca;
}

.dingobar a{color:#cacaca;text-decoration:none;}
.dingobar a:hover{color:#1892b4;text-decoration:none;}

.dingobar_area{
	position:relative;
	margin:auto;
	width:900px;
}

.dingobar_dingo{
	position:absolute;
	left:5px;
	top:5px;
	padding:1px 0 0 25px;
	background:transparent url('dingobar.png') no-repeat;
}

.dingobar_logo{
	position:absolute;
	top:5px;
	right:85px;
	width:15px;
	height:16px;
	background:transparent url('dingobar.png') no-repeat;
}

.dingobar_dropdown{
	position:absolute;
	right:0;
	top:0;
	padding:6px 20px 4px 10px;
	background:#2f2f2f url('dingobar_dropdown.png') no-repeat top right;
}

.dingobar_dropdown span{
	display:none;
	position:absolute;
	top:26px;
	right:0;
	height:25px;
	width:80px;
	background:#232323;
}

.dingobar_dropdown ul{
	display:none;
	position:absolute;
	top:41px;
	right:0;
	padding:0;
	margin:0;
	list-style:none;
	width:150px;
	background:#232323;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.dingobar li{
	padding:7px;
	margin:0;
	list-style:none;
	background:transparent;
}

.dingobar li a{display:block;}

.dingobar_dropdown:hover{
	cursor:pointer;
	background-color:#232323;
}

.dingobar_dropdown:hover ul,.dingobar_dropdown:hover span{display:block;}