/*  
Theme Name: dat
Theme URI: http://dat.perdomani.net/dats-wordpress-theme/
Description: 
Version: 0.2
Author: dat
Author URI: http://dat.perdomani.net/

	dat v0.2
	 http://dat.perdomani.net/dats-wordpress-theme/

	This theme was designed and built by dat,
	whose blog you will find at http://dat.perdomani.net/

	Thanks to:
	- Michael Heilemann for Kubrick v1.5
		http://binarybonsai.com/kubrick/

	- Everaldo Coelho for some icons.
		Icon Theme by Everaldo Coelho	(everaldo@everaldo.com)	www.everaldo.com

	IMPORTANT!!!
	The posts in category 1, 2 and 3 have different date color (see the sidebar).
	This theme better with "Author Highlight", "Customizable Comment Listings" and "Readers_Post" plugins (see the sidebar code).


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

*/




/* a little bit structuring */
html {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: white;
	color: #333;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#page {
	padding: 0 0 0 0;
}

#leftcolumn {
	margin: 0px 314px 0px 10px;
	padding: 10px 0 0 0;

}

/* the header */
#leftcolumn #header {
	padding: 40px 300px 70px 10px;
	margin: 0;
	text-align: right;
	background: #fff url(play-casino-online-for-fun.jpg) no-repeat scroll right;
}
#leftcolumn #header h1 a {
	color: #f60;
	text-decoration: none;
	padding-left: 30px;
	font-size: 2.6em;
}
#leftcolumn #header h2 {
	color: #aaa;
	padding-left: 30px;
	font-size: 2.4em;
	margin-top: -1.8em;
}

/* page menu */
#page_menu {
	background-color: #f60;
	color: #000;
	margin: 0 0 0 0;
}
#page_menu ul {
	padding: 1px 0px 1px 0px;
	margin: 0 0 1px 0;
}
#page_menu ul li {
	margin-right: 5px;
	display: inline;
}
#page_menu ul li a {
	color: #fff;
	font-variant: small-caps;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	font-stretch: expanded;
}
#page_menu ul li a:before {
	content: "* ";
}

/* blog description */
div.description {
	background-color: #1b0;
	margin: 0 0 1px 0;
	color: #fff;
	font-variant: small-caps;
	font-size: 1.4em;
}
div.description:first-letter {
	color: #1b0;
	background-color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	letter-spacing: 1px;
	margin-right: 2px;
}

/* the sidebars */
#sidebar {
	position:absolute;
	top: 10px;
	right:10px;
	width:302px;
	text-align: left;
	background-color: #ffe8d9;
	padding-bottom: 0;
	color: #777;
	margin-top: 4px;
}
#sidebar1 {
	width: 150px;
	float: left;

}
#sidebar2 {
	width: 150px;
	float: right;
}
#sidebar1 ul, #sidebar2 ul {

	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
}


#sidebar .outborder {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

#sidebar #searchform {
	padding:  2px 5px 2px 5px;
	text-align: center;
}
#sidebar #searchform input#s {
	background-color: #eee;
	color: #f60;
}
#sidebar #searchform input#searchsubmit {
	margin: 1px; 
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: none; 
	background: #ffe8d9; 
	color: #f60; 
	padding: 1px;
	text-transform: uppercase;

}
#sidebar h2 {
	font-size: 1em;
	margin-bottom: 3px;
	text-align: justify;
	border-bottom: 2px solid #999;
}
#sidebar a img {
	border: 0;
}
#sidebar ul li, #sidebar ul li ul {
	margin-bottom: 2px;
}

/* the footer (inside the sidebar) */
#footer {
	background-color: #c6dcc9;
	padding: 2px 5px 2px 5px;
	text-align: center;
	color: #999;
}


/* the post */
.post {
	padding: 0 50px 30px 50px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
.post h2.post-title {
	border-bottom: 1px dotted #f60;
	text-align: left;
}
.post h2.post-title a {
	line-height: 0.6em;
	letter-spacing: -0.08em;
	font-family: "Times New Roman", serif;
	color: #f60;
	text-decoration: none;
	font-size: 1.4em;
}
.post p {
	text-align: justify;
	line-height: 1.6em;
}

/*.post p:first-letter {
	background-color: #f60;
	font-size: 2.6em;
	color: #fff;
	padding: 2px 3px 2px 3px;
	font-family: "Times New Roman", serif;
	margin-right: 3px;
	margin-top: 2px;
}*/

.date {color: #f60; padding: 0.5em; text-align: right; float: right; margin: -0.8em 1em;}

.post-leggero {color: #f60; padding: 0.5em; text-align: right; float: right; margin: -0.8em 1em;}
.post-serio {color: #11bb00; padding: 0.5em; text-align: right; float: right; margin: -0.8em 1em;}
.parental-control {color: black; padding: 0.5em; text-align: right; float: right; margin: -0.8em 1em;}

.date1 {font-size: 3em; display: block; margin-bottom: -0.7em;}
.date2 {font-size: 2em; display: block; margin-bottom: -0.6em;}
.date3 {font-size: 2em; display: block; font-weight: bold;}

.postmetadata {
	width: 75%;
	margin: 25px auto;
	padding: 2px;
	background-color: #ffe8d9;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	border-top:	1px solid  #999;
	border-right: 1px solid #333;
	color: #888;
	display: block;
}
p.postmetadata:first-letter {
	color: #888;
	font-size: 1em;
	background-color: #ffe8d9;
	padding: 1px;
	margin-right: 0px;
}

.post ul, .post ol {
	text-align: left;
}

.post ul {
	list-style: square;
	list-style-image: url(free-downloadable-casino.jpg);
}
.post ol {
	list-style-type: decimal-leading-zero;
}
.post img {
	border: 1px solid #000;
}
.post p a {
	text-decoration: underline;
}
.morefive {
	margin: 0 50px 30px 50px;
	text-align: left;
	border: solid 1px #aaa;
	background-color: #eee;
	margin-bottom: 5px;
	padding: 5px 5px 5px 15px;
}

div.morefive .terms {
	color: #666;
}
.morefivedate {
	text-align: left;
	color: #aaa;
	font-size: x-small;
	margin-left: 50px;
}

/* comments */
#comments {
	text-align: left;
	padding: 0 50px 30px 50px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
#comments-title, #respond, p.nocomments {
	color: #f60;
}
ol.commentlist {
	list-style-type: decimal-leading-zero;
}
ol.commentlist li {
	padding: 15px;
}
ol.commentlist li {
	background-color: #fff;
}
ol.commentlist li.alt {
	background-color: #eee;
}
#commentform {
	text-align: left;
	margin-left: 50px;
}


/* some wide tags */
h2 {
	color: #f60;
}
a {
	color: #f60;
	text-decoration: none;
}
blockquote {
	color: #444;
	border-left: 2px solid #f60;
	padding: 2px 10px 2px 10px;
	background-color: #ffe8d9;
	font-style: oblique;
}
.floatright {
	text-align: right;
}
.floatleft {
	text-align: left;
}
.right {
	text-align: right;
}
.clear {
	clear: both;
}