/*  
Theme Name: v2 Kiwi
Theme URI: http://tbeseda.com/
Description: Modal window goodness, kiwified.
Version: 1.0
Author: Taylor Beseda and D. Punsalan
Author URI: http://tbeseda.com/

This theme was designed and coded by Derek Punsalan.
You can find his ramblings and additional work at http://5thirtyone.com/
Taylor Beseda then added some kiwiness.
His rants and comments are contained at http://tbeseda.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* +global
************************************/

* {margin: 0; padding: 0;}
h1, h2, h3, p, pre, blockquote, form, fieldset, ul, ol {margin: 1em 0;}	

a {text-decoration: none; outline: none;}
a:link, a:active, a:visited {color: #66cc33;}
a:hover {color: #8ab1cc;}
h1, h2, h3 {letter-spacing: -1px;}
h1{font-size: 1.7em;}
h2{font-size: 1.3em;}
h2 span {color: #6699cc;}
h3{font-size: 1em;}
strong {text-transform: none;}

body {
	background: #333;
	text-align: center;
	font-family: "Arial","Lucida Grande",Helvetica, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	}

/* +header content
************************************/
#shelf {
	background: #66cc33;
	color: #fff;
	}
	
	#shelf a {
		color: #0000cc;
		}
		
	#shelf a:visited {
		color: #0000cc;
		}
		
	#shelf a:hover {
		color: #6699cc;
		}

	#shelfwrap {
		width: 800px;
		margin: 0 auto;
		}

	#shelfcontent {
		width: 700px;
		margin: 0 auto;
		padding: 1em 0;
		text-align: left;
		}
	
#title {
	width: 700px;
	height: 60px;
	margin: 0 auto;
	font-size: 1.9em;
	line-height: .7em;
	}

	#title a {
		color: #666;
		}

	#title span.green {
		color: #66cc33;
		}

	#title span.blue {
		color: #6699cc;
		}

	#title span.small {
		font-size: .6em;
		}

#navigation {
	background: url(casino-for-fun.jpg) no-repeat top center;
	border-top: 4px solid #75a9dd;
	margin: 0 auto;
	text-align: left;
	text-transform: none;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
	ul#navlinks {
		width: 700px;
		margin: 0 auto;
		padding: 0 0 0;
		}

	#navlinks li {
		display: inline;
		}

	#navlinks span {
		color: #66cc33;
		}

	#navlinks a {
		color: #6699cc;
		padding: 0 0.7em 0.5em 0;
		}

	#navlinks a:hover {
			color: #8ab1cc;
			}
	
	#customHeader {
		margin: 0 auto;
		width:454px;
		position: relative;
		}
	
	#wasabiText {
		background: url(play-casino-for-free.gif) no-repeat top left;
		display: block;
		height: 40px;
		width: 157px;
		z-index: 900;
		position: absolute;
		right: 225px; /* positions wrinkle your nose */
		top: 5px;
		}
	#wasabiText span {display: none;}

/* +top content
************************************/
#top {
	background: #fff url(casino-free.gif) repeat-x bottom left;
	color: #666;
	padding-bottom: 20px;
	}

	#topcontent {
		width: 700px;
		margin: 3em auto 0;
		text-align: left;
		}

#recentpost {
	float: left;
	width: 450px;
	}

	.post h2 a {color: #666;}
	.post h2 a:hover {color: #6699CC;}
	.indexComment, .asideComments {margin-right: 3px;}
	.indexComment a:link, .indexComment a:active, .indexComment a:visited {color: #ddd;}
	.asideComments a:link, .asideComments a:active, .asideComments a:visited {color: #4f4f4f;}

#home_links {
	float: right;
	width: 220px;
	background: url(play-casino-for-fun.gif) no-repeat top left;
	margin-top: -0.20em;
	padding-top: 3.8em;
	}

	#home_links h2 {
		margin: 0;
		padding: 7px 0 0 9px;
		}
	
	ul.home_linkage {
		list-style: none;
		padding: 0 4px;
		}
	
	.home_linkage li {
		border: 1px solid #e6e6e6;
		border-width: 0px 0 0 0;
		display: block;
		overflow: hidden;
		}
	
	.home_linkage li a {
		display: block;
		width: 192px;
		padding-left: 16px;
		background: url(.gif) no-repeat 0.2em 0.4em;
		}
	
	.home_linkage li a:hover {
		color: #8ebce1 !important;
		width: 192px;
		border-left: 3px solid #8ebce1;
		background: url(.gif) no-repeat 0.2em 0.4em;
		}
	
/* +single post
************************************/
#singlecontent {
	float: left;
	width: 450px;
	}

	.entry blockquote, .entry li {
		margin-left: 1.5em;
		color: #7f7f7f;
		}
	
	.entry ol {margin-left: 0.2em;}
	
	.entry ul {
		width: 415px;
		margin: 0;
		padding: 0;
		}
	
	.entry ul li {
		list-style: none;
		background: url(play-casino-for-free-online.gif) no-repeat 0 0.4em;
		padding-left: 1.2em;
		}

#singlemeta {
	float: right;
	width: 210px;
	margin-left: 20px;
	}

ul#metatags, ul#metaRecently , ul#monthly {
	list-style: none;
	width: 186px;
	}

	ul#metaRecently {
		padding: 0;
		margin: 0;
		}

#metatags li, #metaRecently li, #monthly li {
	display: block;
	width: 183px;
	padding-left: 3px;
	}
	
	#metatags li a, #metaRecently li a, #monthly li a {
		display: block;
		width: 180px;
		background: url(.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		}

	#metatags li a:hover, #metaRecently li a:hover, #monthly li a:hover {
		color: #8ebce1 !important;
		width: 176px;
		background: #E6EEFF url(.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		border-right: 3px solid #8ebce1;
		}

ul.utwrelposts {
	width: 415px;
	border: 1px solid #efefef;
	border-width: 0 0 1px 0;
	list-style: none;
	margin: 0 0 0 0.8em;
	padding: 0;
	}

	.utwrelposts li {
		border: 1px solid #efefef;
		border-width: 1px 0 0 0;
		display: block;
		width: 415px;
		}

	.utwrelposts li a {
		width: 393px;
		display: block;
		background: url(play-casino-for-free-online.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		}

	.utwrelposts li a:hover {
		color: #8ebce1 !important;
		display: block;
		background: #E6EEFF url(play-casino-for-free-online.gif) no-repeat 0.2em 0.4em;
		padding-left: 1.1em;
		border-right: 3px solid #8ebce1;
		}
	
	.utwrelposts li a:visited {
		width: 393px;
		border-right: 3px solid #8ebce1;
		}

/* +comments
************************************/
#commentleft {
	float: left;
	width: 440px;
	}

ol.commentlist, ol.pingslist {list-style: none;}

.commentlist li, .pinglist li {
	margin: 0 0 3px 0;
	padding: 0;
	}

ol.pingslist {
		background: #6699CC;
		border: 1px solid #75A9DD;
		margin: -0.5em 0 2.5em 0;
		padding: 1em 1em 1em 1.5em;
		}
	
	.pingslist a {color: #fff;}
	.pingslist a:hover {color: #fff;}

.commentlist li {
	background: #3f3f3f;
	border: 1px solid #4f4f4f;
	padding: 1em 1.5em 0.3em;
	margin-bottom: 0.5em;
	overflow: hidden;
	}
	.commentlist blockquote {margin-left: 1em;}
	.commentlist .alt {
		background: #666;
		border: 1px solid #555;
		}
	.commentlist .author {background: #6699CC; border: 1px solid #75A9DD;}
    .commentlist .author a {color: #fff;}
	.commentText a {border-bottom: 1px dotted #fff;}
	.commentText ul {list-style:  none;}
	.commentText ul li {
		border: 0;
		margin: 0 0 0 1em; 
		padding: 0 0 0 1.1em;
		background: #6699CC url(free-casino-game.gif) no-repeat 0.2em 0.4em;
		}
	.author a {color: #fff;}
	.author a:hover {color: #fff;}
	.commentAuthor {font-size: 1.1em;font-weight: bold;text-transform: none;}
	.commentAuthor a:link, .commentAuthor a:active, .commentAuthor a:visited {color: #fff}

#commentright {
	float: right;
	width: 215px;
	margin-left: 15px;
	}
	.cdirections {color: #555;}
	.cdirections a {color: #888;}
	.cdirections a:hover {color: #ccc;}

	#author, #email, #url, #comment {
		color: #fff;
		width: 100%;
		background: #333;
		border: 1px solid #555;
		padding: 2px;
		font-size: 1em;
		font-family: "arial", verdana, sans-serif;
		}
	
		#author:focus, #email:focus, #url:focus, #comment:focus {
			background: #fff;
			color: #333;
			}
		#comment {overflow: auto;}
		#author:focus, #email:focus, 
		#url:focus, #comment:focus, 
		#submit:focus {border: 1px solid #6f6f6f;}
		#submit {
			background: #333;
			border: 1px solid #555;
			color: #555;
			font-size: 1em;
			padding: 1px;
			}

/* +footer content
************************************/
#bottom {
	color: #ddd;
	border-top: 4px solid #666;
	padding-top: 2em;
	}

#footercontent {
	width: 775px;
	margin: 0 auto;
	padding-bottom: 1em;
	text-align: left;
	}
	
	#footercontent h2 {margin-top: 0;}

#recentshorts {
	}

	.recentshorts-title {
		color: #6699CC;
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: -1px;
		text-transform: none;
		padding-bottom: 0.2em;
		}

	.recentshorts-excerpt a:link, .recentshorts-excerpt a:active,
.recentshorts-excerpt a:visited	{color: #ddd;}
	.recentshorts-excerpt a:hover {color: #fff;}

	#recentshorts ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	#recentshorts li {
		float: left;
		width: 315px;
		display: block;
		margin: 0 0 2em 0;
		padding: 0 2em 0 0;
		}
	
	#recentshorts li a {display: block;}
	#recentshorts li a:hover {display: block;}

#bottomcontent ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
#bottomcontent li {
		float: left;
		width: 250px;
		display: block;
		margin: 0 0 .5em 0;
		padding: 0 .5em 0 0;
		}

#realfooter {
	width: 700px; 
	margin: 0 auto 1em;
	padding: 1em;
	}

#rssicon a {
	float: right;
	text-indent: -9999em;
	display: block;
	width: 36px;
	height: 36px;
	background: transparent url(casino-casino.gif) no-repeat top left;
	margin-top: -7px;
	}

	#rssicon a:hover {background: transparent url(casino-casino.gif) no-repeat bottom left;}

/* +misc & images
************************************/
.entry img {
	padding: 4px;
	border: 0px solid #fff;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	background: #fff;
	}

	.entry img a:hover {background: #E9EFF5;}
	a img {border: 0;}
	
.clear {clear: both;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}

.clearfix:after, .shortpost:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix, .shortpost {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix, * html .shortpost {height: 1%;}
.clearfix, .shortpost {display: block;}
/* End hide from IE-mac */

/* +search modal
*************************/
#modalWrapper {
	background: transparent url(.gif) repeat-x bottom left;
	width: 280px;
	margin: 0 auto;
	}

#h2wrapper {
	background: #A0C65D;
	margin: 0;
	padding: 0;
	height: 40px;
	}

#h2wrapper h2 {
	margin: 0;
	padding: 18px 3px 0 0;
	text-align: right;
	letter-spacing: -3px;
	color: #fff;
	font-size: 2.7em;
	}

#searchform {
	background: #6699CC;
	border-top: 2px solid #75A9DD;
	padding: 0;
	}

#modal_desc {padding: 0 0.7em 0 1em;}

ul.recents {
	list-style: none;
	width: 280px;
	border: 1px solid #efefef;
	border-width: 0 0 1px 0;
	}

	.recents li {
		display: block;
		width: 280px;
		border: 1px solid #efefef;
		border-width: 1px 0 0 0;
		}

	.recents li a {
		display: block;
		width: 233px;
		padding: 0 15px 0 32px;
		background: url(.gif) no-repeat 1em 0.4em;
		}
	
	.recents li a:hover {
		color: #8ebce1 !important;
		display: block;
		width: 233px;
		padding: 0 15px 0 32px;
		background:#E6EEFF url(.gif) no-repeat 1em 0.4em;
		}
	
#s {
	background: #6699CC;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1em;
	padding: 2px;
	margin: 12px 19px;
	width: 235px;
	}

	#s:focus{
		color: #666;
		background: #fff;
		border: 1px solid #A0C65D;
		}

	#searchsubmit {
		font-size: 1em;
		background: #333;
		border: 1px solid #fff;
		color: #fff;
		padding: 1px;
		}
	
/* +lightbox (required for modal search window)
*********************/
.lightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width:600px;
	margin:-220px 0 0 -250px;
	background: transparent;
	text-align: left;
	z-index:1001;
	overflow: auto;	
	}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#111;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	}

/* contactform styling */
.contactright {color: #bbb;}

#contactsubmit {
	background: #A1C65E;
	color: #fff;
	border: 1px solid #9abd5c;
	font-size: 1em;
	padding: 1px;
	}

.contacterror {
	padding:2px;
	font-size: 0.9em;
	border: 1px solid #A1C65E !important;
	width:208px;
	}

.contacterror:focus {
	color: #666;
	border: 1px solid #A1C65E !important;
	}

#wpcf_your_name,
#wpcf_email,
#wpcf_website,
#wpcf_msg {
	font-family: "arial", verdana, sans-serif;
	padding:2px;
	font-size: 0.9em;
	border: 1px solid #bbb;
	width:208px;
	}

#wpcf_your_name:focus,
#wpcf_email:focus,
#wpcf_website:focus,
#wpcf_msg:focus {
	color: #666;
	border: 1px solid #A1C65E !important;
	overflow:auto;
	}

