/*  
Theme Name: Ghost Blue
Theme URI: http://blog.caspie.net/
Description: Casper's first theme.
Version: 1.0
Author: Casper
Author URI: http://blog.caspie.net/
Tags: blue, fixed width, two columns, widgets
*/

* { outline: none; }

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
	outline: 0;
}

body{
	margin: 0;
	font: 11px Tahoma, Verdana, Arial, Georgia, Sans-serif;
	text-align: center;
	vertical-align: top;
	background: #ffffff url(images/bg.png) repeat-x top;
	color: #222222;
}

h1{
	font: bold 24px Georgia, Tahoma, Verdana, Arial, Sans-serif;
	padding: 5px 0 0 0;
}

h2{
	font: bold 16px Georgia, Tahoma, Verdana, Arial, Sans-serif;
}

a:link, a:visited{
	text-decoration: none;
	color: #336699;
}

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

a img {
	outline: none;
	border: 1px solid #336699;
}

a:hover img{
	border: 1px solid #ff8800;
}

.logo {
	height: 60px;
	padding: 0 0 0 80px;
	background: #336699 url(images/eye.jpg) no-repeat center left;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: left;
}

#header{
	float: left;
	width: 900px;
	margin: 10px 0 0 0;
	color: #FFFFFF;
}

#header a{
	color: #DDEEFF;
}

#header a:hover{
	color: #ff7700;
}

#menu{
	float: right;
	padding: 10px 0 0 0;
}

#menu li{
	padding: 0 0 0 10px;
	list-style-image: url(images/bullet-yellow.png);
	display: inline;
}

.topinfo{
	float: left;
	margin: 15px 0 15px 22px;
	padding: 0;
	color: #6699CC;
	font: bold 11px Tahoma;
	width: 278px;
}

.topinfo ul{
	margin: 0;
	padding: 0;
}

.topinfo ul li{
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 5px 15px 5px 15px;
	background: url(images/bullet_orange.png) no-repeat top left;
}

.topinfo ul li:hover{
	background: url(images/bullet_star.png) no-repeat top left;
}

.topinfo h2{
	background: url(images/page_white_horizontal.png) no-repeat top left;
	padding: 0 0 0 20px;
}

#topinfo a{
	color: #336699;
}

#container{
	float: left;
	width: 700px;
}

#s{
	font: bold 12px Tahoma, Verdana, Arial, Georgia, Sans-serif;
	color: #336699;
	background: #ffd800;
	border: 0;
	padding: 0;
	width: 155px;
	vertical-align: middle;
}

#searchsubmit{
	vertical-align: middle;
}

#ad{
	text-align: center;
	float: right;
	width: 190px;
	margin: 0 0 0 10px;
	display: block;
	padding: 0;
}

.srch{
	background: #FFFFFF url(images/wt1.gif) no-repeat center center;
	font: bold 12px Tahoma, Verdana, Arial, Georgia, Sans-serif;
	color: #336699;
	text-align: right;
	height: 20px;
	width: 190px;
}

.post{
	padding: 0 0 10px 0;
}

.post h2{
	font: bold 16px Georgia, Tahoma, Verdana, Arial, Sans-serif;
}

.entry{
	clear: both;
	line-height: 18px;
	text-align: justify;
	padding: 0 18px;
	margin: 0 22px 0 22px;
	border-left: 1px solid #bcd;
	border-right: 1px solid #bcd;
	background: #fff;
}

.entry a img {
	border: 0;
}

.entry a:hover img{
	border: 0;
}

p.postmetadata{
	background: #fff url(images/folder.gif) no-repeat center left;
	margin: 10px 0 0 0;
	padding: 0 0 2px 20px;
	border-top: 5px solid #cde;
	border-bottom: 1px dashed #cde;
}

p.pagemetadata{
	background: #fff url(images/user.png) no-repeat center left;
	margin: 10px 0 0 0;
	padding: 0 0 2px 20px;
	border-top: 5px solid #cde;
	border-bottom: 1px dashed #cde;
}

.navigation{
	padding: 10px 22px 0 22px;
	font: bold 11px Tahoma;
}

.sidebar{
	text-align: left;
	float: left;
	width: 190px;
	margin: 0 0 0 10px;
	display: inline;
	padding: 0;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font: bold 12px Tahoma, Verdana, Arial, Georgia, Sans-serif;
	color: #369;
	background: #fff url(images/wt.gif) no-repeat center right;
	padding: 5px 5px 5px 10px;
	text-align: left;
}

.sidebar ul ul li{
	padding: 0 5px 0 15px;
	margin: 0 0 0 15px;
	line-height: 18px;
	list-style-type: none;
	background: #fff url(images/bullet_yellow.png) no-repeat top left;
}

.sidebar ul ul li:hover{
	background: #fff url(images/bullet_orange.png) no-repeat top left;
}

table#wp-calendar{
	text-align: center;
	width: 190px;
}

#commentform input, #comment {
	border: 1px solid #dedede;
	background-color: #f2f2f2;
	color: #147;
	padding: 5px;
	font: bold 11px tahoma, arial;
}

#commentform input:focus, #comment:focus {
	border: 1px solid #ffa500;
	background-color: #ffffd5;
}

.comments-template{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.comments-template ol{
	margin: 0 22px 0 22px;
	padding: 0 10px 15px 10px;
	list-style: none;
}

.comments-template ol li{
	margin: 0;
	line-height: 18px;
	padding: 10px;
	border-bottom: 1px solid #def;
}

.comments-template h2, .comments-template h3{
	font: bold 16px Georgia;
	color: #369;
}

.commentmetadata{
	font-size: 11px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template form{
	margin: 0 0 0 32px;
}
	
.commentlist ul.children li {
	background-color: #e3e3e3;
	border: 1px solid #888;
	list-style: none;
	margin-top: 20px;
	}

.commentlist ul li.depth-2 {
	background-color: #def;
	}

.commentlist ul li.depth-3 {
	background-color: #d8eafb;
	}

.commentlist ul li.depth-4 {
	background-color: #d3e6f7;
	}

.commentlist ul li.depth-5 {
	background-color: #cee2f3;
	}

.alt{
	background: #f4f9ff;
}

#cancel-comment-reply{
	padding: 10px 0 0 31px;
	font: bold 11px Tahoma;	
}

div.addcommentlabel{
	padding: 0 0 0 22px;
}

span.req {
	color: #ff6600;
	font-weight: bold;
	font-size: 14px;
}

img.avatar{
	float: right;
	border: 1px solid #bcd;
	padding: 2px;
	margin: 5px 0 0 10px;
}

cite.fn{
	font: normal bold 11px Tahoma;
}

div.reply{
	float: right;
	padding: 10px 0 0 0;
	font: normal bold 11px Tahoma;
}

.taglink {
	float: right;
	margin: 0 26px 0 0;
	padding: 0 0 2px 20px;
	background: #def url(images/tag_yellow.png) no-repeat top left;
}

.commentlink {
	float: left;
	margin: 0 0 0 25px;
	padding: 0 0 2px 20px;
	background: #def url(images/comment_yellow.gif) no-repeat top left;
}

#footer {
	clear: both;
	float: left;
	width: 900px;
	padding: 10px 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#footer a {
	color: #def;
}

#footer a:hover {
	color: #f70;
}

/* Rounded Box Light */

.box {
	background: #def;
	margin: 0;
}

.boxtop {
	/* background: url(images/ne.gif) no-repeat top right; */
}

.boxtop div {
	height: 20px; 
	background: url(images/nw.gif) no-repeat top left; 
}

.boxbottom {
	background: url(images/se.gif) no-repeat bottom right; 
}

.boxbottom div {
	height: 20px;
	background: url(images/sw.gif) no-repeat bottom left; 
}

.boxcontent {
	padding: 0 20px 0 20px;
}

/* Rounded Box Dark */

.box-d {
	background: #336699;
	margin: 0;
}

.boxtop-d {
	/* background: url(images/ned.gif) no-repeat top right; */
}

.boxtop-d div {
	height: 20px;
	background: url(images/nwd.gif) no-repeat top left;
}

.boxbottom-d {
	background: url(images/sed.gif) no-repeat bottom right;
}

.boxbottom-d div {
	height: 20px;
	background: url(images/swd.gif) no-repeat bottom left;
}

.boxcontent-d {
	padding: 0 20px 0 20px;
	margin: 0;
	font-weight: bold;
}

/* Rounded Box Small */

.box-s {
	background: #336699;
	margin: 0 0 3px 0;
}

.boxtop-s {
	/* background: url(images/nes.gif) no-repeat top right; */
}

.boxtop-s div {
	height: 13px; 
	background: url(images/nws.gif) no-repeat top left; 
}

.boxbottom-s {
	background: url(images/ses.gif) no-repeat bottom right; 
}

.boxbottom-s div {
	height: 13px; 
	background: url(images/sws.gif) no-repeat bottom left;
}

.boxcontent-s {
	padding: 0 10px 0 10px;
	background: #336699;
	font: bold 10px Tahoma, Verdana, Arial;
	color: #fff;
}

.boxcontent-s a {
	color: #def;
}

.boxcontent-s a:hover {
	color: #f60;
}

.tmarg {
	margin: 10px 0 0 0;
}

.post-ratings-box {
	margin: 0;
	padding: 0;
	height: 18px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #369;
	background-color: #def;
	padding: 2px 5px;
	border: 1px solid #acf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.post-ratings-comment-author {
	padding: 10px 0 0;
	float: left;
	color: #9cf;
	line-height: 16px;
}

.post-ratings-image {
	vertical-align: middle;
}

.postmetabuttons {
	margin: 10px 0 0;
	border-top: 1px dashed #cde;
}

/* WordPress Required CSS */

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.clear {
	clear: both;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}