/*
Theme Name:  Ying Yang
Theme URL: http://www.cms-italia.org/cms/template-wordpress/free-wp/ying-yang-template-free-for-wordpress-80.html
Description: Ying Yang is a light, 2-column Widget-ready theme created for Wordpress.
Author: Davide Tommasin
Author URI: http://www.tommasin.org
Version: 1.0
Tags: white, black, brown, two-columns, fixed-width
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {
	font-family: "verdana";
	font-size: 11px;
	background: #fff;
	color: #fff;
	margin: 0;
	padding: 0;
}

p, h2, img, ul, form {
	margin: 0;
	padding: 0;
}

#right ul {
	list-style: none;
	width: 250px;
	margin:0 auto;
	padding-bottom:20px;
}

.hidden {
	display: none;
}

a {
	color: #F2F2F2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

blockquote {
	padding: 10px;
	width: 300px;
	margin:0 auto 15px auto;
        background: #ffc1db url(img/quota.jpg) no-repeat top right;
	color: #7c0035;
}

blockquote p {
	padding: 0 !important;
}


/* --- Main Wrap --- */


#wrap {
	width: 770px;
	margin: 0 auto;
        background: url(img/ombra.jpg) repeat-y center top;
	padding: 0px 6px 6px 6px
}


/* --- Top --- */


#top {
	width:770px;
	height:160px;
	background: url(img/top_bg.jpg);
	position: relative;
}

#top_title {
	width:300px;
	height:90px;
	position:absolute;
	left: 60px;
	top:60px;
}

#top h2 {
	font-size: 30px;
	font-family: "Trebuchet MS";
	font-weight: normal;
}

#top h2 a {
	color: #ffffff;
}

#top p {
	color: #989898;
}


/* --- Content --- */


#content {
	width: 100%;
	background: url(img/right_bg_in.gif);
}


/* --- Sidebar --- */


#sidebar {
	width: 366px;
        background: url(img/right_bg_in.gif) repeat-y left bottom;
	float: left;
	padding: 7px;
}

#sidebar h2 {
	width: 355px;
	background: #e6e6e6;
	color: #333333;
	font-size: 11px;
	line-height: 35px;
	padding-left: 11px;
}

#sidebar_ul_wrap {
width: 170px;
float: left;
margin-left: 28px;
padding-top:20px;
display: inline;
}

#sidebar ul.children {
margin-left: -16px;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	background: url(img/arrows.gif) no-repeat 0 6px;
	padding-left: 16px;
	line-height: 20px;
}


/* --- Sidebar Inside --- */

#sidebar_inside {
	width: 168px;
	float: right;
}

#sidebar_inside h2 {
	width: 155px;
	background: #e6e6e6;
	border-left: 2px solid #000000;
	line-height: 30px;
	margin-top:10px;
	color: #333333;
}

#sidebar_inside ul {
	padding-left: 15px;
	padding-top: 7px;
	width: 151px;
	float: none;
}


/*--- Right --- */


#right {
	width: 382px;
	padding-right: 7px;
	background: url(img/right_bg_in.gif) repeat-y right bottom;
	padding-bottom:20px;
	float: right;
}

#right h2.arh {
	font-size: 11px;
	padding:5px;
}


/* --- Posts --- */


#post_wrap {
	width: 378px;
	padding-left: 4px;
	padding-bottom: 96px;
	background: url(img/right_bg.gif) no-repeat 4px bottom;
}

#post_wrap h2 {
	font-size: 12px;
}

.post_title {
	width: 98%;
	margin-top: 4px;
	background: #ffffff url(img/post_title_bg.gif) no-repeat right;
	clear: right;
	color: #000;
	border-left: 2px solid #000;
}

.post_title h2 {
	font-size: 11px;
	width: 312px;
	padding-left: 12px;
	padding-bottom:5px;
	line-height:15px;
	color: #000;
}

.post_title h2 a {
	text-decoration: underline;
	color: #000;
}

.post_title h2 a:hover {
	text-decoration: none;
	color: #830000;
}

.post_title p {
	padding-left: 12px;
	padding-bottom: 2px;
	padding-top: 3px;
}

.post_text {
	width: 363px;
	text-align: justify;
	padding: 5px 0px 0px 2px;
	color: #333333;
}

.post_text p {
	padding-bottom: 20px;
}

.post_text img {
	border: 2px solid #FFA63F;
	float: left;
	margin:0px 10px 5px 0px;
}

.post_text a {
	text-decoration: underline;
	color: #830000;
}

.post_text a:hover {
	text-decoration: none;
	color: #830000;
}

.rc {
	margin-top:5px;
	padding: 0 0 0 14px !important;
	background: url(img/block.gif) no-repeat 0 4px;
	float: right;
	width: 100px;
	margin-bottom:10px;
	color: #000;
}

.rc a {
	text-decoration: none;
        color: #000;
}

.rc a:hover {
	text-decoration: underline;
        color: #000;
}


#more_posts {
	width:100%;
	clear: right;
	padding-bottom:5px;
}

/* --- Search --- */


#right form.search {
	position: relative;
}

.subbuton {
	width:29px !important;
	height: 29px;
	position: absolute;
	left: 308px !important;
	top: 10px;
}

#search {
	width: 382px;
	height: 35px;
	background: #212121;
	padding-top: 14px;
}

#right form.search input {
	width: 195px;
	position: absolute;
	left: 93px;
}

#right form.search label {
	margin-right:18px;
	font-weight: bold;
	position: absolute;
	left: 32px;
	top: 17px;
}


/* --- Comments --- */


.comment {
	width: 90%;
	margin: 10px auto;
	background: #ffffff;
	border: 1px solid #000;
	color: #333333;
}

.comment a {
	text-decoration: underline;
	color: #000000;
}

.comment p {
	line-height: 16px;
	padding: 5px;
}


#comments_form_wrap {
	width: 350px;
	padding-left: 5px;
	padding-bottom: 10px;
	color: #333333;
}

#comments_form_wrap input {
	margin-top:2px;
	border: 1px solid gray;
	padding:2px;
	font-size: 10px;
	margin-right: 5px;
}

#comments_form_wrap textarea {
	margin-top:2px;
	border: 1px solid gray;
}

.leave_comment {
	padding-bottom:10px;
	padding-top: 10px;
	color: #830000;
}

.leave_comment h2 {
	padding-bottom:5px;
}

.leave_comment a {
	text-decoration: underline;
	color: #000;
}

.leave_comment a:hover {
	text-decoration: none;
	color: #830000;
}

.comments_if {
	font-size: 10px;
}

.sbutton {
	font-size: 13px !important;
}

/* --- Footer --- */


#footer {
	width: 100%;
	height: 60px;
	background: #E4E4E3;
	border-top: 3px solid #fff;
	clear: both;
	color: #000;
}

#footer p {
	padding: 24px 0 0 30px;
}

#footer a {
	color: #830000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/*** Fixes ***/


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