/*  
Theme Name: QPwilm!
Theme URI: http://qualitypeoples.com
Description: Theme hardly based on <a href="http://www.huddletogether.com">huddletogether</a>. This theme was designed by Lokesh and destriped and built by oriol. And then redesigned and hooked and modded and typographicalized by Ed Fladung, with code politely-appropriated from Kubrick and a few other odd places.	
Version: 0.1
Author: Ed Fladung
Author URI: http://qualitypeoples.com

	This theme was designed by Lokesh and redesigned and built by oriol.
	And then redesigned and hooked and modded and typographicalized by Ed Fladung,
	with code politely-appropriated from Kubrick and a few other odd places.
	
	the original: http://www.huddletogether.com
	the rebuild: http://themes.wordpress.net/columns/3-columns/61/qwilm-03/
	the remix: 
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/




/**********************************************************************************/
body {
	background: url(free-casino-games.jpg) repeat-x top left fixed;
	background-color: #f1f0e5;
	font: 15px "Helvetica Neue", helvetica, tahoma, arial;
	color: #000000;
	margin:0px;
	padding:0px;
}
a {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
}

/********************************************************************************/
/*wp admin bar plugin*/

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center;}
#wp-admin-bar ul {margin:0; padding:0;list-style:none;}
#wp-admin-bar ul li {list-style:none; display:inline; margin:0 10px; padding:0;}


	
/********************************************************************************/
/*Structure*/

#header{
	position:relative;
	margin:0px;
	padding:0px;
	background: url(casino-freeware.jpg) repeat-x top left;
	width:100%;
	height:230px;
}

#headerimg {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:230px;
	background: url(casino-online-games.jpg) no-repeat top left;
}


#header ul {position: absolute; bottom: 0; left: 55px;}

/********************************************************************************/
/*nav menu*/

ul#nav {list-style: none; font-size: 1em; margin:0; padding:0;}
ul#nav li { float: left; list-style: none; }
span.slash {  margin-left: 10px; margin-right: 10px; color: #999;}
ul#nav li a { display: block; color: #2078ba; text-decoration: none; background-color: #f1f0e5; margin-right:5px; padding: 5px 10px;}
ul#nav li a:hover { color: #fff; background-color: #2078ba;}

	
/********************************************************************************/

#wrapper { padding-left: 30px; margin: 30px auto 0; }

#content {
	width: 556px;
	text-align: left;
	float: left;
	margin: 5px;
	padding: 0px 20px 30px 20px;
	background: url(play-casino-for-fun.png) repeat top left;
	}
	
.sidebar {
	text-align: left;
	padding: 20px;
	float: left;
	margin: 5px;
}

#sidebar-1 {
	width: 287px;
	background: url(play-casino-for-fun.png) repeat top left;
}
#sidebar-2 {
	width: 287px;
	background: url(play-casino-for-fun.png) repeat top left;
}
.sidebar ul li{
	padding-bottom:15px;
}
.post, .page {
	padding-top:30px;
	padding-bottom:30px;
}
.post img, .page img {
	background-color:#FFFFFF;
	padding: 9px;
	border: 1px solid #ffffff;
	margin: 0 5px 5px 0;
	}
.post img:hover, .page img:hover {
	border: 1px solid #858482;
	}

.post-title, .page-title {
	font-size: 1.4em;
	color:#ffffff;
	margin: 0 5px 5px 0;
	float:left;
}

.page-title {
	margin-bottom: 30px !important!;
}
.post-date-meta {
	float:left;
	margin: 0 0 25px 0;
}
.comments-title-meta {
	float:left;
	margin: 0 0 20px 0;
}

span.date, .comments-title {
	font-size: 0.9em;
	margin:0;
	padding:0;
	font-weight:bold;
	}
	
.postmeta, .comments-meta {
	font-size: 0.7em;
	font-weight:bold;
	}


/**********************************************************************************/
/*Typography*/
	

/*Header text Option 1 - blog title text replaced with logo image.

	This code hides the plain text blog title and description and adds an image or logo.
	It's on by default. To disable it, just comment out the following "h1", "h1 a" and".description" tags
	and uncomment out one of options 2 or 3.
	*/
	
h1 {
	float:center;
	margin:0 43% 0 57%;
	background: url(casino-free.png) no-repeat center left;
	text-indent: -4000px;
	width:80px;
	height:105px;
}

h1 a {
	display:block;
	width:91px;
	height:114px;
}

.description {
	position: absolute;
	font-size: 0;
	left: -4000px;
}

/* end Option 1 */


/*Header text Option 2 - blog title in red box with live text. Blog description hidden.

	This code uses the live text Blog Title and puts it in a nice red box, it also hides the blog description.
	It's off by default. To enable it, just uncomment out the following "h1", "h1 a" and".description" tags
	and comment out options 1 & 3.
	
	
h1 {
	float:center;
	margin:0 43% 0 57%;
	background-color: red;
	width:80px;
	padding: 5px 5px 10px 5px;
	text-align: center;
}

h1 a {
	display:block;
	bottom:0;
	margin-top: 60px;
	font-size: 0.5em;
	color: #fff;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

.description {
	position: absolute;
	font-size: 0;
	left: -4000px;
}

/* end Option 2 */



/*Header text Option 3 - Plain text blog title and description

	This code displays the Blog Title and Description in plain boring live text.
	It's off by default. To enable it, just uncomment out the following "h1", "h1 a" and".description" tags
	and comment out options 1 & 3.
	

h1 {
	float:center;
	font-size: 3em;
	margin: 50px 0 0 55px;
}

h1 a {
	text-decoration: none;
	color: #fff;
	display: block;
}

h1 a:hover {
	color: #f0160c;
}

.description {
	float:center;
	margin: 0 0 0 55px;
	font-size: 1.5em;
	color: #fff;
}

*/




/**********************************************************************************/
/*Typography continued*/


h2 { margin-top: 20px; margin-bottom: 0; line-height: 1.5em;}
h2 a { color: #ffffff; text-decoration: none;  background-color:#f0160c; padding: 5px 10px;}
h2 a:hover { color: #f0160c; background-color:#ffffff;}

.sidebar h2 {
	font-size: 1.1em;
	color:#f0160c;
}

.sidebar {
	font-size: 0.8em;
}

.post h3, .page h3, .archive-title, div.page .archives-month a, #postcomment {
	margin-top: 27px; 
	font-size: 1em;
	color:#f0160c;
	display:block;
	padding: 5px 10px;
	background-color:#ffffff;
	clear:left;
	font-weight: bold;
	}



div.post h2 span.nobreak {
	white-space: nowrap;
	}	

p {	clear:both; font-size: 1em; line-height: 1.5em;	margin: 1.2em 0; }

ol, ul {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 0;
	}
ul li,
ol li{ margin-bottom: 0.2em; }

.sidebar ul, .sidebar ol {
	font-size: 1em;
}

img, a img{ border:0px;}


.sidebar a { text-decoration: none;  }

#sideblog-1 a,
.textwidget a,
.widget widget_meta a,
.posts-nav a { text-decoration: underline !important!; }

#sideblog-1 a:hover,
.textwidget a:hover,
.widget widget_meta a:hover,
.posts-nav a:hover { text-decoration: none !important!; }

blockquote {
	margin: 0px;
	padding: 0 30px;
	border-left: 4px solid #ffffff;
	font-size: 0.9em;
	}

pre{
	display: block;
	margin: 1.0em 1.5em 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #ccc;
	background-color: #eee;
	overflow: auto;
	}

code{font-family: monospace;  font-size: 11px; background-color: #eee;}

pre code{ line-height: 1.3em;}

kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

del, del * { text-decoration: line-through; }


.comments-link, .tags, .small{
	font-size: 0.7em;
	}

ol.postspermonth, ul.postspermonth {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 0;
	font-size: 0.7em;
	}
ul.postspermonth li, ol.postspermonth li{ margin-bottom: 0.2em; }

.update {
	color: #f0160c;
	font-weight: bold;
}

.posts-nav {
	margin-top: 27px; 
	font-size: 1em;
	color:#f0160c;
	padding: 5px 10px;
	background-color:#ffffff;
	font-weight: bold;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
	
/***********floating images***************/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 20px !important!;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0 !important!;
	display: inline;
	}

/* End Images */

/***********comments***************/

#comment {
	width: 100%;
}
.comments {
	background: url(play-casino-for-fun.png) repeat top left;
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.comments-alt {
	background: url(play-casino-for-free.png) repeat top left;
}
.comments ol, .comments ul {
	line-height: 1.3em;
	margin: 1.2em 0 1.2em 56px;
	font-size: 0.8em;
	}
.comments ul li,
.comments ol li{ margin-bottom: 0.2em; }

.comments li:hover{ background-color: #ffffff; }


.comments-title {
	margin-top: 10px;
	margin-bottom:2px;
}
.comments-meta {
	padding-top: 1px;
	}
.comments p {
	margin: 15px 56px;
	font-size: 0.8em;
}
/**********gravatar***************/
.gravatar {
	float:left;
}

.gravatar img{
background-color: #ffffff;
padding: 5px;
margin-right:5px;
}

/*********Privado-comments***************/
.comments-author {
	border:1px solid #B2FF66;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.comments-author li {
	border:1px solid #B2FF66;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.comments-author li:hover{ background-color: #ffffff; }

/*********sidebars***************/
.sidebar h2 {
	margin: .5em 0 0.6em 0;
	display:block;
	padding: 5px 10px;
	background-color:#ffffff;
	}
	

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.sidebar ul ul {
	margin: 1.0em 0 1.5em 0;
	border-top: 1px solid #858482;
	}
#sideblog-1 ul {
	border-top: 0;
}
.sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #858482;
	}
.sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px;
	font-weight:normal;
	} 
.sidebar ul ul li a:hover {
	color: #f0160c;
	background-color: #ffffff;
	}

#flickr img, #runforcover img {
	margin: 0 6px 6px 0;
	padding: 5px;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	}

#flickr img:hover, #runforcover img:hover {
	border: 1px solid #858482;
	}	


}
/**********formularios*********/
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #ffffff;
	color: #000000;
	font-size: 0.9em;
	}

/**********************************************/
#searchform{
width:100%;

}