/*
Theme Name: WAS
*/

@media screen {

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of RESET */



body {background: #000;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

a{text-decoration: none;
	color: #8c8c8c;}
a:visited {color: #6f6f6f;}
a:hover {color: #000;
	text-decoration: underline;}

a img {border:1px solid #8c8c8c;}
a img:visited{border:1px solid #6f6f6f;}
a img:hover{border:1px solid #000;}

p {margin-bottom: 12px;}

blockquote {
	border-left: 1px solid;
	padding: 5px;
	background-color: #e8e8e8;
}

hr {background-color:#8c8c8c;
	height: 1px;
	border: 0;}

#container {width: 960px;
	margin: 0px auto;
	margin-bottom: 10px;
	z-index:-1;}
	
#header {position: relative;
	background: #000;
	height: 140px;
	color: #fff;}

#header #logo {width: 700px;
	height: 100px;}	
	
#header h1.home, #header h2.not_home {font-size: 3em;
		padding-bottom:0px;
		padding-top: 30px;}


#header a, #header a:hover{color: #fff;
	display: block;
	width: 700px;
	height: 50px;
	text-decoration: none;}

#search {position: absolute;
	bottom: 5px;
	right: 0px;
	width: 230px;
	height: 29px;
	background: #000 url(images/sprites2.png) 0px -126px ;}
	
#search #s {position: absolute;
	bottom: 5px;
	left: 8px;
	border: none;
	line-height: 18px;
	font-size: 16px;
	background: transparent none repeat;
	color: #8c8c8c;
	font-style:italic;}
	
#search #search-button {float:right;
	margin-right: 10px;
	margin-top: 2px;
	}

#content {position: relative;
	line-height: 1.2em;
	height: 100%;
	background: #fff url(images/bird.jpg) no-repeat 20px 100%;
	background-color: white;
	z-index: 5;
	min-height: 500px;}

* html #content { height:500px; }

	
#top-left{position: absolute;
	top:0px;
	left:0px;
	background: url(images/sprites2.png) no-repeat -216px 0px;
	width:11px;
	height:10px;
	z-index: 5;}
#top-right{position: absolute;
	top:0px;
	right:0px;
	background: url(images/sprites2.png) no-repeat -216px -11px;
	width:11px;
	height:10px;}
#bottom-left{position: absolute;
	bottom:0px;
	left:0px;
	background: url(images/sprites2.png) no-repeat -216px -22px;
	width:11px;
	height:10px;}
#bottom-right{position: absolute;
	bottom:0px;
	right:0px;
	background: url(images/sprites2.png) no-repeat -216px -33px;
	width:11px;
	height:10px;}

#navigation {width: 210px;
	margin: 10px;
	float: left;
	display: inline;

	background: #fff;
	z-index:2;}

#navigation li {margin: 7px 0px;
	font-size: 1.4em;}

#sidebar {width: 220px;
	margin: 0 5px 10px 5px;
	float: right;
	display: inline;
	background: #fff;}

#sidebar h4{font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 5px;}

#subscribe li a{width: 72px;
height: 61px;
float: left; 
display: inline;}
#subscribe li {float: left; 
	clear:right;
	height: 61px;}
li #rss {background: url(images/sprites2.png) no-repeat 0px 0px; text-indent:-9999px; margin-right:1px;}
li #rss:hover {background: url(images/sprites2.png) no-repeat 0px -63px; text-indent:-9999px; margin-right:1px;}
li #mail {background: url(images/sprites2.png) no-repeat -72px 0px; text-indent:-9999px;}
li #mail:hover {background: url(images/sprites2.png) no-repeat -72px -63px; text-indent:-9999px;}
li #twitter {background: url(images/sprites2.png) no-repeat -144px 0px; text-indent:-9999px;}
li #twitter:hover {background: url(images/sprites2.png) no-repeat -144px -63px; text-indent:-9999px;}

#popular_posts, #recent_comments, #random_reviews {margin-top: 20px;}

#popular_posts li, #recent_comments li {margin-bottom:5px;
	font-size: 14px;
	line-height: 16px;}

#random_reviews {height: 300px;}



#main {float: left;
	width: 490px;
	margin: 10px 10px 10px 0px;
	display: inline;
	font-size: 14px;}

#main h2, #main h1  {font-size:1.4em;
font-weight:normal;
margin-bottom:5px;}
#main h3 {margin-top:5px; font-size:1.2em;}
#main h1 a {color: #000;}
#main p {
	line-height: 1.1em;}
#main small {font-size: 13px;}
.post ul {margin-left: 20px;
	list-style-type:disc;}
.post li {padding-left: 5px;}
.post li:last-child {margin-bottom: 10px;} 
#related_posts p {margin-bottom: 0px;}

#tags {margin-top: 10px;}

#related_posts li {list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 3px;
	color: #8c8c8c;}

ol.commentlist {margin: 5px;
	border-left: 1px solid #8c8c8c;
	border-top: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;}

li.comment, li.pingback, li.trackback {border-bottom: 1px solid #8c8c8c;
	padding: 5px;}
li.pingback .commentmetadata {padding: 0px}
	
img.avatar {border: 1px #000 solid;
	float:left;
	display: inline;
	margin-right: 10px;}
.fn {font-size: 16px;
	line-height: 16px;}
.commentmetadata {font-size: 13px;
	line-height: 12px;
	float: left;
	padding-top: 20px;}
	
	
.message {clear: both;}

#respond {margin-top: 10px;}

#get_gravatar {float: right;
	display: inline;
	width: 300px;}

.wp-pagenavi {text-align: center;
	font-size: .8em;
	clear: both;
	height: 30px;
	padding:5px 0px;}

#footer {clear: both;
	background: #000;
	position: relative;
	height: 372px;
	background: url(images/footer2.png) bottom repeat-x;
	color: #565656;}
#footer a:link {color: #8C8C8C;}
#footer a:hover {color: #8C8C8C;}

#footer-left {background: url(images/sprites2.png) -231px 0px ;
	width: 22px;
	height: 372px;
	position: absolute;
	left: 0px;}

#footer-right {background: url(images/sprites2.png) -258px 0px ;
	width: 22px;
	height: 372px;
	position: absolute;
	right: 0px;}	

#footer-content {margin:0 auto;
	width: 850px;}
#foot-nav {margin: 20px 0;
	text-align: center;}
#foot-nav li{display: inline;
	border-right: 1px solid #565656;
	padding-right: 5px;}
#foot-nav li.last {border-right: 0px}
.clear {clear: both;}

#footer hr {margin-bottom: 25px;}

#footer-content li {margin-top: 8px;}

#foot-cont-left, #foot-cont-center, #foot-cont-right {
	width: 252px;
	height: 280px;
	border-right: 1px solid #565656;
	padding: 0px 15px;

	overflow: hidden;
	list-style: none;}
#foot-cont-left{
	float: left;
	display: inline;}
#foot-cont-center{	
	float: left;
	display: inline;}
#foot-cont-right{
	float: right;
	display: inline;}

#foot-cont-right li{font-size:82%;}

.small {font-size: .6em;}
#footer .last {border: 0px;}

.wp-tag-cloud {margin-top: 5px;}
.wp-tag-cloud li{display: inline;}

.error404 h2{margin-bottom: 10px;}

.search-excerpt {background-color: yellow;}

.floatLeft{float: left; display: inline;}
.floatRight{float: right; display: inline; text-align: right;}


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

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
   display: inline;
}

.alignright {
   float: right;
   display: inline;
}

.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;
}

/* RANDOM REVIEWS BALLON */
.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    text-decoration:none;
}
.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: -15px 0 0 0;
	width:200px;
	color: #000;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

#random_reviews ul {width: 215px;}
#random_reviews li{display: inline; padding-right: 0px;}
#random_reviews img {width: 65px !important; height: auto;}




/* WordPress 2.8 Plugin: WP-PageNavi 2.50	 */

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

} /* END screen media */


@media print {
body {margin: 0px; padding: 0px;}
#header h1{font-size: 30px;
	margin: 0px;}
#header h2{font-size: 30px;
	margin-top: 0px;}
#search, #related_posts, #sidebar,#navigation, #footer, #respond {display: none;}
#main h2, #main h1 {font-size: 30px;}
}