/*  
Theme Name: Museo di Fara Sabina 
Description: Museo Civico Archeologico di Fara Sabina
Author: KGfree.com
Author URI: http://www.kgfree.com/
Tags: fluid width, options page, widget ready, 2 columns, 3 columns, left sidebar, right sidebar, custom header, rotating header images, seo friendly, gravatars, popular posts, related posts, wp-pagenavi, wp-print, wp-email, subscribe to comments
 
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/


#container-button {
	float-right;
	}

#flash {
	margin:0; 
	margin: 0; 
	padding: 0; 
	width:478px; 
	height:226px; 
	}

.readmore {
	background: url('images/go.jpg');
	padding: 10px 0 2px 24px;
	margin: 0;
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.readmore img{
	border: 0;
	}

#top {
	margin:0; 
	top:0;
	position:absolute;
	}

#titolo-pagina {
	top:335px;
	background-color:#cd941a;
	margin-left:525px;
	width: 455px; 
	height: 40px; 
	position:absolute;
	}


#button-museo {
	top:50px;
	background-color:transparent;
	margin-left:525px;
	width: 125px; 
	height: 240px; 
	position:absolute;
	z-index:1000;
	}
#button-sabini {
	top:50px;
	background-color:transparent;
	margin-left:690px;
	width: 125px; 
	height: 240px; 
	position:absolute;
	z-index:1000;
	}
#button-immagini {
	top:50px;
	background-color:transparent;
	margin-left:855px;
	width: 125px; 
	height: 240px; 
	position:absolute;
	z-index:1000;
	}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}


h2 {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}
	
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0; 
	margin-bottom: 0; 
	}
	
h1 {font-size: 240%;font-family: palatino,georgia,serif;color:#999999;font-weight: normal; }
h2 {font-size: 200%;font-family: palatino,georgia,serif;color:#999999;font-weight: normal;}
h3 {font-size: 200%; font-family: palatino,georgia,serif;color:#999999;font-weight: normal;}
h4 {font-size: 140%;font-family: palatino,georgia,serif;color:#999999;font-weight: normal; }
h5 {font-size: 110%;font-family: palatino,georgia,serif;color:#999999;font-weight: normal; }
h6 {font-size: 95%;font-family: palatino,georgia,serif;color:#999999;font-weight: normal; }

.entry h1, .entry h2, .entry h3, .entry h4 {
	clear:both;
	}
	
a, a:link, a:visited, a:active {
	text-decoration: underline; 
	}
	
a:hover {
	text-decoration: none; 
	}
	
code, pre {
	font-family: "Courier New", Courier, monospace; 
	}
	
label {
	cursor: pointer; 
	}
	
table {
	font-size: 100%; 
	}
	
td, th {
	vertical-align: top; 
	}
	
body {
	font-size: 100.1%; 
	}
	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- BASE LAYOUT ------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns {
	clear: both; 
	}
	
#outer-column-container {
	border-right: solid 13em #fff; 
	}
	
#inner-column-container {
	width: 100%; 
	}
	
#source-order-container {
	float: left;
	width: 100%; 
	margin-right: -1px; 
	margin-top: 10px; 
	background: url('images/bg_source.gif');
	background-position: 42px top;
	background-repeat: repeat-y;
	}
	
#left-column {
	float: left; 
	width: 400px; 
	margin-left: 0; 
	margin-bottom: 10px; 
	width: 480px; 
	margin-right: 1px; 
	font-weight: normal;
	font-family: palatino,georgia,serif;
	}
	
#middle-column {
	float: right; 
	width: 470px; 
	margin-left: -1px; 
	}
	
#right-column {
	float: right; 
	margin-right: -13em; 
	width: 13em; 
	margin-left: 1px; 
	}
	
body {
	background: #faf8eb url('images/bg_body.gif');
	color: #000;
	padding: 0;
	margin: 0;
	background-position: left top;
	background-repeat: repeat-x;
	}
	
#masthead {
	padding-top: 1px; 
	border-bottom: solid 1px #000; 
	}
	
/**************** change middle column left and right borders *****************/

#inner-column-container {
	margin: 4px -0px; 
	}
	
#middle-column div.rMenu-center {
	border-bottom: solid 1px #000; 
	}
	
#footer {
	margin:0;
	padding:0;
	width:100%;
	}
	
.inside {
	margin: 5px; 
	
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- HACKS ------------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns { 
	/* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	
	}
	
* html #page-container { 
	/* \*/ height: 0.1%; position: relative; 
	}
	
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {
	/* hide from IE/Mac \*/ overflow: visible; 
	/* hide from IE/Mac \*/ position: relative; 
	}
	
* html #middle-column {
	margin-right: -4px; margin-right/* */: 0; 
	}
	
* html #middle-column .inside { 
	margin-right: 14px; margin-right/* */: 10px;
	}
	
* html #masthead, * html #footer { 
	/* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 
	}
	
* html #masthead .inside, * html #footer .inside {
	margin-top: 0; margin-bottom: 0; margin/* */: 0; 
	}
	
* html .inside {
	margin: 10px 0.75em; margin/* */: 10px; 
	}

* html #inner-column-container {
	display: block; 
	}
	
* html #source-order-container {
	margin-right: -100%; /* \*/ margin-right: -1px; 
	}
	
#left-column, #right-column {
	position: relative; 
	}
	
/******************************************************************************/

#page-container {
	font-size: 80%; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

	}
	
#page-container, #masthead {
	border-color: #99a;
	}
	
#outer-column-container {
	border-right-color: #e6e6e6;	
	}
	
#masthead {
	background-color: transparent;	
	}
	
#footer {
	background-color: #faf8eb;
	
	}
	
#inner-column-container {
	background-color:transparent;
	}
	
#left-column h3, #right-column h3 {
	margin-bottom: 0;
	font-size:200%;
	color: #d5cdb9;
	padding: 0 0 0 30px;
	}
	
#right-column p, #right-column ul {
	margin-top: 0; 
	}
	
p.fontsize-set {
	text-align: center;
	}
	
p.fontsize-set input {
	margin: 0 2px;
	}

/**** Highlight current subpage *******/

li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { 
	color: black; font-weight: normal; 
	}

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

#left-column .inside ul, #right-column .inside ul {
	list-style-type: none; 
	margin: 0 5px 0 50px; 
	padding: 0 40px 0 0; 
	}
		
#left-column .inside ul li, #right-column .inside ul li {
	padding: 2px 0 2px 90px; 
	margin: 0; 
	border-bottom:1px solid #d5cdb9; 
	}

a:link, a:visited, a:active {
	color: #004b9f; 
	text-decoration: none; 
	}
	
a:hover {
	text-decoration: underline; 
	}
	
.inside h1{ 
	font-family: verdana, tahoma, arial, sans-serif; 
	letter-spacing:-3px; 
	line-height: 1.0em; 
	font-size:2.5em; 
	float:left; 
	/*width: 49%;*/ 
	margin: 10px 5px 0 0; 
	}
	
a.header:link, a.header:visited, a.header:active, a.header:hover {
	color: #999; 
	text-decoration: none; 
	}
	
div#search {
	float: right; 
	width: 15em; 
	text-align: right; 
	padding: 0.6em 0 0.2em 0; 
	margin: 0 1em; 
	}

/***************** wordpress defaults *****************/

.navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
.older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
.postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background-color: transparent; padding: 5px 0 5px 0; font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif; border-top:1px solid #ccc;text-align:center;
}
.postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
.postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: underline}
.post-last {margin-bottom: 20px; } /*different style for last post on page*/
.post-page {margin-top: 0px; margin-bottom: 20px; }
.pagetitle {margin-bottom: 15px;margin-top: 0px; }
.entry {margin: 0px; font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333; line-height:18px;
word-spacing:1px;}

/* CSS for forms -------------------------------------- */

form {
	margin: 0; 
	padding: 0; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333; line-height:18px;
word-spacing:1px;
	
	}
	
label {
	margin-right: 0.5em; 
	/*display: block;*/ 
	font-family: arial;
	}
	
.submit input {
	margin-left: 4.5em; 
	}
	
form input {
	color: #000; 
	background: #efd3de; 
	/*border: 1px solid #c2547d;*/ 
	}
	
.submit input {
	color: #000; 
	background: #fff; 
	border: 2px outset #999; 
	height: 18px; 
	padding:0
	}
	
fieldset {
	border: 1px solid #781351; 
	width: 45em; 
	}
	
legend { 
	color: #000; 
	background: transparent; 
	border: 1px solid #781351; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
.comment-textarea{
	width: 96%; 
	padding: 0; 
	margin: 0; 
	}
	
#s{width: 75%}

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

/* hack to vertically align the calendar style date side by side with the post title, curr. not used
.vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
.vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.vert3 { #position: relative;  #top: -50%}
*/
/******************clearfix********************/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}

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

body {
	background: #faf8eb url('images/bg_body.gif');
	color: #000;
	padding: 0;
	margin: 0;
	background-position: left top;
	background-repeat: repeat-x;
	}

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

/*Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu {
	margin:0;
	height:40px;
	padding: 0; 
	width: 100%; 
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color:#cd941a;
	}
	
#modernbricksmenu ul{
	margin:0; 
	padding: 0; 
	list-style: none;
	}
	
#modernbricksmenu li {
	display: inline; 
	margin: 0; 
	padding: 2px 0 0 0; 
	text-transform:uppercase; 
	font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:12px;
	font-weight:lighter;
	}
	
#modernbricksmenu li:first-child {
	margin-left: 1px; 
	}
	
#modernbricksmenu a {
	float: left; 
	display: block; 
	color: #EBE9DC; 
	margin: 2px 0 0 0; /*Margin between each menu item*/ 
	padding: 10px 10px; 
	text-decoration: none; 
	letter-spacing: 1px;
	border: solid 1px #d5cdb9; 
	border-width: 0 1px 0 0;
	}
	
#modernbricksmenu a:hover {
	color: #ffffff; 
	font-weight:lighter;

	}
	
#modernbricksmenu li.current_page_item a {
	color: #ffffff; 
	}
	
#modernbricksmenuline { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	border-top: dashed 1px #cccccc; 
	/*border-bottom: solid 2px #cccccc*/ 
	}
	
#modernbricksmenuline2 { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	/*border-top: solid 2px #cccccc;*/ 
	border-bottom: dashed 1px #cccccc 
	}

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

/* currently not used, calendar style post dates
.calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
.calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
.calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
.calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
.calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; color: #666; font-size: 90%; height: 16px; background: #ddd;}
*/
/************************************************/

.line1pix { 
	width: 100%; 
	height: 1px; 
	margin: 0px; 
	padding: 0; 
	display: block; 
	}
	
.headerleft {
	float: left; 
	/*width: 49%;*/ 
	text-align: left; 
	margin-bottom: 0; 
	margin-top: 10px; 
	padding-bottom: 0;
	}
	
.headerright {
	float:right; 
	width: 15em; 
	/*text-align: right;*/ 
	padding: 0; 
	margin: 10px -1px 0 0; 
	border: 1px dashed #cccccc; 
	border-width: 1px 1px 0 1px
	}
	
	
/*.entry ul, .entry ol {
	clear:both
	}
	
.entry ul li, .entry ol li {
	clear: both
	}
*/
	 
.postmetadata {
	clear:both;
	}
	
.post {
	/*border-bottom: dotted 1px #ccc;*/ 
	margin-bottom: 20px; 
	}
	
blockquote {
	height: 1%; 
	color: #555; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: transparent; 
	border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ 
	}
	
blockquote blockquote {
	height: 1%; 
	color: #444; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: transparent; 
	border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ 
	}
	
blockquote p {
	margin-top: 0
	}
	
	
#left-column .inside ul li ul li, #right-column .inside ul li ul li {
	margin: 2px 0 0 0;  
	}
	
#left-column .inside ul li a, #right-column .inside ul li a {
	text-decoration: none; 
	font-weight: normal; 
	color: #666; 
	padding: 0; 
	display: block;
	}
	
* html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block 	 /* IE6 needs inline-block */
	}

* + html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block /* IE7 needs inline-block */
	}
	
#left-column .inside ul li a:hover, #right-column .inside ul li a:hover {
	text-decoration: none;
	color: #C2BBAB;
	padding: 0; 
	}
	
#footer .inside, #footer .inside a {
	color: #666666; 
	font-weight: normal;
	font-size: 90%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	
#footer .inside {
	float:right;
	width:940px;
	padding:0;
	margin:0;
	border-top:solid 2px #d4cdb9;
	border-bottom:solid 2px #d4cdb9;

	}
#footerleft {
	padding:10px 4px 10px 4px;  
	text-align: left;
	width:400px;
	float:left;
	}
#footerright {
	padding:10px 60px 10px 4px; 
	text-align: left;
	margin-bottom:0;
	width:400px;
	float:right;
	}
	

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- COMMENTS --------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #ccc;
	/*border-bottom: dotted 1px #ccc;*/
	}
	
ol.commentlist li {
	border-bottom: dotted 1px #ccc;
	/*background-color: #ebebeb;*/
	padding: 15px 0 15px 0;
	}

ol.commentlist li.alt {
	background-color: #f6f6f6;
	}

ol.commentlist li.authorcomment {
	background-color: #ffecec;
	}
		
ol.commentlist li p {
	margin: 2px 0 5px 0;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#666;word-spacing:1px;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- GRAVATARS -------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

img.avatar {
	float: left; 
	margin: 0 8px 3px 0;
	padding: 3px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}



/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image classes ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */


.entry img {
	margin: 10px 10px 0 0;
	padding: 5px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.postmetadata img {
	border: none;
	margin: 0 0 -3px 0;
	padding: 0;
	}
				
img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 

	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 

	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft,
div.alignleft {
   float: left;
   margin: 10px 10px 5px 0;
}

.alignright,
div.alignright {
   float: right;
   margin: 10px 0 5px 10px;
}


/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image caption ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 0 0 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 13px;
   padding: 2px 4px 5px;
   margin: 0;
   color: #666;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- Smileys ---------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
		
img.wp-smiley {
    	float: none;  /* don't float smileys */
    	border: none; 
	margin: 0 1px -1px 1px; 
	padding: 0;
	background: none;
	}


	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- CALENDAR TABLE --------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

#calendar_wrap {
	padding: 0;
	border: solid 1px #ccc;
	}
	
table#wp-calendar caption {
	width: auto;
	background: #eee;
	border: #999;
	padding: 3px;
	margin: 0 auto;
	color: #666;
	}
	
table#wp-calendar {
	width: 100%;
	border-width: 0;
	border-spacing: 0;
	border-style: solid;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
	margin: 0 auto;
	}
	
table#wp-calendar th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}
	
table#wp-calendar td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}