/*   
Theme Name: Glorious Internet
Theme URI: http://www.gloriousinternet.com/
Description: CSS theme design for The Glorious Internet by Haoyan of America.
Author: Haoyan of America
Author URI: http://www.haoyanofamerica.com/
Version: 1.0
License: General Public License (GPL)
*/

/* global */
* {padding:0;margin:0;}
body {
	font:bold 18px/14px "helvetica", arial, sans-serif;
	color:#ccc;
	text-align:left;
	background:#fff url(images/bg.png) repeat;
}
h1 {margin:10px 0 30px 10px;font:20px/24px georgia, "helvetica", arial, sans-serif;}
h2 {margin:0 0 6px 0;font:32px/18px georgia, "helvetica", arial, sans-serif;color:#fff;background:#000;}
.thumbnails h2 {margin:0 0 6px 0;font:16px/18px georgia, "helvetica", arial, sans-serif;color:#fff;background:#f0f;}
h3,h4,h5,h6 {margin:0 0 15px 0;font:12px/16px georgia, "helvetica", arial, sans-serif;color:#333;}
p,ul {padding:0 0 15px 0;}
ul {list-style:none;}

/* links */
img {border:none;}
a img {border:6px solid #fff;border-bottom:6px solid #000;border-left:6px solid #999;}
a:hover img {border-top:6px solid #f00;border-right:6px solid #0f3;border-bottom:6px solid #fff;border-left:6px solid #ff3;}
a:hover img {opacity:0.9;}

a {color:#0f0;text-decoration:none;}
a:hover {color:#c00;}

/* CONTENT */
#glorious {
	position:absolute;
	float:left;
	font:13px/14px "helvetica", arial, sans-serif;
	color:#666;
	text-align:left;
	background:#000 url(images/tri.gif) repeat;
	z-index:100;
}
#internet {
	position:absolute;
	left:190px;
	width:80%;
	min-width:825px;
}
#internet p {
	background:#f00 url(images/tech.png) repeat;
	color:#000;
	font:bold 24x/24px "helvetica", arial, sans-serif !important;
	}
#internet #about p {background:#fff;}
#directory {
	padding:0;
}
#menu li {
	margin:0 0 10px 0;
}
#menu a {
	font:bold 18px/14px "helvetica", arial, sans-serif;
	padding:5px 10px;
	background:#000;
}
#menu a:hover {
	font:100px/14px "helvetica", arial, sans-serif;
	color:#0cf;
	padding:5px 10px;
	background:#ff0;
}
#sponsor {
	width:180px;
	font:bold 14px/14px "helvetica", arial, sans-serif;
	color:#f00;
	background:#fff;
}
#sponsor a {color:#60f;text-transform:uppercase;}
#sponsor a:hover {color:#093;}
#ad {
	width:120px;
	margin:0 0 0 20px;
	padding:0 3px;
	background:#f90;
}
#ad p {
	margin:0 0 10px 0;
	background:#ff0;
}
#fantastic {font:bold 24x/24px "helvetica", arial, sans-serif;color:#ff0;font-style:italic;}
#single {font:bold 24x/24px "helvetica", arial, sans-serif;color:#0ff;font-style:italic;}
#tags a {
	color:#f0c;
	background:#6ff url(images/tri.gif) repeat;
	padding:2px;
}
#tags a:hover {
	color:#fff;
	background:#f00 url(images/rb.gif) repeat;
	padding:7px;
}
ul#tags {background:#333;padding:2px 3px 1px 6px}

.current, .current_page_item, .current-cat {
text-decoration:line-through;
color:#fff;
background:#f00;
}
.featured {
background:#f00 url(images/tech.png) repeat;
}
.post {
	float:left;
	width:602px;
	margin:0 0 50px 0;
}
.post p {
	color:#fff;
}
.navprev, .navnext {
	background:#ff0 url(images/by.gif) repeat;
}
.nav prev a {color:#636;border-bottom:5px solid #0ff;}
.navnext a {color:#c90;border-bottom:5px solid #ccc;}
.thumbnails {
	float:left;
	width:200px;
	height:200px;
	padding:0 5px 5px 0;
}
a h2 {color:#fff;}
a:hover h2 {font-size:48px;color:#000;text-decoration:over-line;background:#ff0;}
#footer {
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	font:11px/12px "helvetica", arial, sans-serif;
	color:#ccc;
	text-align:right;
	background:#000 url(images/rb.gif) repeat;
}
#footer p {margin:0;padding:0;}
#footer a {color:#ccc;}
#footer a:hover {color:#0c0;text-decoration:none;}