/*
Theme Name: Il Ricettario di Anna
Theme URI: http://iukonline.com/
Description: Il Ricettario di Anna theme
Version: 0.1
Author: iuk
Author URI: http://iukonline.com/
Tags: 
*/




body {
background: white;
color:#000000;
text-align: left;
font: normal 10pt Verdana,sans-serif; 
margin:.5em 0 1.5em 0;
padding-bottom:1.5em;
}

div.clear {
clear: both;
}

h1, h2, h3, h4, h5 {
text-align:left;
font-weight: bold;
}

a:link,
a:visited {
color:#AF8D57;
text-decoration:none;
}

a:hover {
color:#b47b10;
text-decoration:underline;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color:#b47b10;
	text-decoration:none;
}

a img {
border-width:0;
}

p {
	margin:0 0 .75em;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background: #ffffff;
width: 948px;
margin:0 auto;
text-align:left;
}

/* Header
-----------------------------------------------
*/
#header-wrapper {
width:100%;
}

#header-title {
/*display: block;*/
}

#header-title img {
clear: both;
display: block;
width: 100%
}

#header-title p {
margin-top: 0;
margin-bottom: 0;
text-align: right;
font-style: italic;
color: #7f92ff;
}


#header-pages {
display: block;
float: right;
}

#header-pages a:hover {
	text-decoration: none;
	color: #b47b10;
}

ul#header-menu {
list-style: none;
padding: 0;
margin: 0;
}

#header-pages li {
float: left;
margin: 0 0 0 1em;
}

#header-pages li.page_item {
margin-top: 0.2em;
}

#searchform {
display: inline;
}

#searchform input[type="text"] {
border: 1px solid #bbbbbb;
background: url(images/magnifier.png) no-repeat right;
}

#header-pages img {
vertical-align: bottom;
} 


/* Content
----------------------------------------------- */

#content-wrapper {
margin-top: 1em;
text-align: justify;
min-height: 400px;
}

#main-wrapper {
position: relative;
width: 80%;
float: left;
}

#sidebar-wrapper {
position: relative;
left: 3%;
width: 17%;
float: left;
}

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


#sidebar h1 {
	font-size: 1em;
	color: #7F92FF;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.latest-post {
	font-size: 0.7em;
	margin-bottom: 1em;
}

.latest-post a img {
	width: 50px;
	display: block;
	float: left;
	margin-right: 3px;
}

.latest-post h2 {
	font-size: 1em;
	font-weight: bold;
}

#sidebar-tags {
	margin-top: 30px;
	text-align: right;
}


#sidebar-badges {
	margin-top: 30px;
	text-align: right;
}	

#sidebar-badges img {
	margin-bottom: 0.5em;
	max-width: 100%;
	width: expression(this.width > 160 ? "161px": this.width + "px");
	/* width: expression(this.width > document.getElementById('sidebar').width ? "100%": this.width + "px");*/
}

#sidebar-bages div {
	float: right;
	clear: right;
}


/* Footer
----------------------------------------------- */
#footer-wrapper {
width:100%;
text-align: right;
font-size: 0.8em;
margin-top: 1em;
}

#footer-left {
text-align: left;
float:left;
}
#footer-right {
text-align: right;
float: right;
}

/* Index 
-----------------------------------------------
*/

#index-wrapper-left {
position: relative;
float: left;
}

#index-wrapper,
#ricettario-wrapper {
position: relative;	/* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%;			/* width of whole page */
overflow: hidden;		/* This chops off any overhanging divs */
}

.index-article,
.ricettario-article {
float:left;
position:relative;
}

.index-article img {
	width: 303px;
	height: 455px;
	margin-top: 2em;
}

.ricettario-article img {
	width: 174px;
	height: 262px;
	margin-top: 1em;
}

.index-article h1 {
margin-top: 0.5em;
font-size: 1.5em;
}

.index-article h1 a:link,
.index-article h1 a:visited {
	text-decoration:none;
	color:#B47B10;
}

.index-article h1 a:hover {
	text-decoration:none;
	color:#7F92FF;
}


.index-article-0,
.index-article-1,
.index-article-2 {
width: 32%;
}

.index-article-0 {
left: 0%;
}

.index-article-1 {
left: 2%;
}

.index-article-2 {
left: 4%;
}

.ricettario-article h3 {
font-size: 1em;
}

.ricettario-article-0,
.ricettario-article-1,
.ricettario-article-2,
.ricettario-article-3,
.ricettario-article-4 {
width: 18.4%;
}

.ricettario-article-0 {
left: 0%;
}

.ricettario-article-1 {
left: 2%;
}

.ricettario-article-2 {
left: 4%;
}

.ricettario-article-3 {
left: 6%;
}

.ricettario-article-4 {
left: 8%;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

.index-article-excerpt {
	display: none;
}

/* Posts and page
-----------------------------------------------
*/

div.post {
	margin-bottom: 2em;
}

div.page h1,
div.post h1 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:1.4em;
font-weight:normal;
line-height:1.4em;
color:#b47b10;
}

div.page h2,
div.page h3,
div.post h2,
div.post h3 {
	color:#7F92FF;
	font-weight:bold;
}

div.page h2 a,
div.page h2 a:visited,
div.page h3 a,
div.page h3 a:visited,
div.post h2 a,
div.post h2 a:visited,
div.post h3 a,
div.post h3 a:visited {
	text-decoration:none;
	color:#7F92FF;
}

div.page h1 a,
div.page h1 a:visited,
div.post h1 a, 
div.post h1 a:visited {
	text-decoration:none;
	color:#b47b10;
}

div.page h1 strong,
div.page h1 a:hover,
div.post h1 strong,
div.post h1 a:hover {
	color:#7F92FF;
	text-decoration:none;
}


div.page h2 strong,
div.page h2 a:hover,
div.page h3 strong,
div.page h3 a:hover,
div.post h2 strong,
div.post h2 a:hover,
div.post h3 strong,
div.post h3 a:hover {
	color:#3366ff;
	text-decoration:none;
}

.post-comment-link {
	font-size: 0.5em;
	display: inline;
}

.post-edit {
	margin-left: 10px;
}

.post-date {
	margin:1.5em 0 1.5em;
	font-size: 0.8em ;
	line-height: 1.4em;
	text-transform: capitalize;
	color:#7f92ff;
}

p.post-navigation,
p.post-date {
	display: inline;
}

.post-navigation a:hover {
	text-decoration:none;
}

p.post-read-more {
	margin-top: 1em;
}

.post-footer {
	margin-top: 1em;
	color:#7f92ff;
}

.post-footer p {
	margin: 0.2em 0 0 0;
}

.post-body img {
	padding: 4px;
}

.post-body p {
	margin: 0.35em 0 0.4em 0;
}

#blog-pager-newer-link {
float:right;
}

#blog-pager-older-link {
float:left;
}

img.wp-smiley {
	height: 0.9em;
	margin: 0;
	padding: 0;
}

/* Comments
----------------------------------------------- */

#comments h2 {
font-size: 1.2em;
color:#7f92ff;
}

#comments h3 {
font-size: 1.1em;
color:#7f92ff;
}


.comment {
	width: 100%;
	padding: 0.5em 0em 0.5em 0em;
	margin-bottom: 1.5em;
	margin-right: 4px;
}

.comment-inside {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.comment-content {
position: relative;
padding-left: 74px;
}

.comment-avatar {
float: left;
}

.comment-meta {
font-size: 0.7em;
}

.comment-meta img {
height: 0.8em;
}

.comment-text {
margin-top: 0.7em;
}

.comment-text p {
margin: 0 0 0 0;
}

.bypostauthor {
	border: 2px solid #7F92FF;
}

#respond p {
margin: 0 0 0 0;
}

#respond input[type=text] {
width: 300px;
}

#respond input[type=checkbox] {
height: 1em; 
}

#respond input[type=submit] {
	border-right: 2px solid #7f92ff;
	border-bottom: 2px solid #7f92ff;
	font-weight: bold;
	background-color: white;
	float: right;
	width: 200px;
}


#respond label {
vertical-align: middle;
font-size: 0.7em;
}

#respond textarea {
	width: 754px; 
	float: right;
	font: normal 10pt Verdana,sans-serif; 
	border-right: 2px solid #7f92ff;
	border-bottom: 2px solid #7f92ff;
}


/* Archive
----------------------------------------------- */

#archive-list {
	width:100%;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	margin: 0;
	padding: 0;
}

div.archive-item {
	margin-top: 10px;
	margin-bottom: 10px;
}

.archive-item a img {
	display: block;
	float: left;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#archive-list h4 {
	font-size: 1.1em;
}


/* Links
----------------------------------------------- */

ul#link-list,
ul.blogroll {
	list-style: none;
	padding: 0;
	margin: 0;
}

.linkcat h2 {
	margin-top: 1em;
	margin-bottom: 0.2em;
}