/* 
Theme Name: Museum Template
Theme URL: http://museumpopovo.com
Description: 
Author: Ivo Sabev
Author URI: http://ivosabev.com
Version: 1.0
*/

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted#000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid#cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* */
body {
	/* #A49F9F*/
	padding: 0 0 30px 0;
	color: #444;
	background: #E7E6E6 url(images/top.gif) no-repeat center top;;
	font: normal 13px Arial, Helvetica, sans-serif;	
	line-height: 1.7em;
	}
h1 {
	margin: 0 0 0.6em 0;
	color: #dd0505;
	font: normal 25px Georgia, "Times New Roman", Times, serif;
	}
h2 {
	margin: 0.3em 0 0.6em 0;
	color: #555;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	}
h3 {
	margin: 1em 0 0.5em 0;
	color: #666;
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	}
p {
	margin: 0 0 1em 0;
	text-align: justify;
	}
a {
	color: #c00;
	}
	a:hover {
		color: #000;
		}
	a.selected {
		color: #c00 !important;
		}
ol {
	padding: 5px;
	}
	ol li {
		margin: 3px 0 8px 40px;
		list-style: upper-roman;
		}
ul li {
	list-style: none;
	}

#home {
	}
	#home #content {
		background: url(images/home.jpg) no-repeat 135px -40px;
		}
	#home .holygrail .colmid {
		background: none;
	}
	#home #left {
		padding-bottom: 60px;
		}
	#home .heading {
		position: absolute;
		}
		#home .heading .text {
			position: relative;
			top: 130px;
			left: 205px;
			font-size: 50px;
			z-index: 10;
			}
			#home .heading .text * {
				width: 700px;
				}
			#home .heading .white {
				position: relative;
				color: #fff;
				z-index: 3;
				}
			#home .heading .black {
				position: absolute;
				top: 0;
				margin: 3px 0 0 1px;
				color: #000;
				z-index: 2;
				}

#top .middle {
	border: 1px solid #ccc;
	background: #fff;
	}
	#header {
		height: 20px;
		background: #da0004 url(images/header.png) repeat-y -20px top;
		}
		#logo {
			display: block;
			width: 180px;
			height: 140px;
			border-bottom: 1px solid #fcfcfc;
			}
		#logo img {
			margin: 6px 0 0 15px;
			width: 150px;
			}
	#content {
		}
		#left {
			padding-bottom: 200px;
			font: normal 16px Georgia, "Times New Roman", Times, serif;
			}
			#left h2 {
				width: 150px;
				padding: 15px 30px 5px 0;
				color: #000;
				font: normal 16px Georgia, "Times New Roman", Times, serif;				
				text-decoration: none;
				text-align: right;
				}
			.menu {
				}
			.menu li {
				list-style: none;
				}
				.menu li a {
					display: block;
					color: #555;
					text-decoration: none;
					text-align: right;
					}
				.menu li a:hover {
					color: #000 !important;
					}
			.menu li.item {
				height: 26px;
				}
				.menu li.item a {
					width: 150px;
					padding: 6px 30px 2px 0;
					}
			.menu li.br {
				height: 10px;
				font-size: 0;
				line-height: 0;
				}
			.menu li.subitem {
				padding: 4px 10px 4px 0;
				font-size: 12px;
				line-height: 12px;
				}
				.menu li.subitem a {
					color: #888;
					}
			.menu li.text {
				padding: 4px 10px 4px 0;
				color: #888;
				font-size: 11px;
				text-align: right;
				}
				.menu li.text strong {
					color: #555;
					font-size: 12px;
					font-weight: normal;
					}
				.menu li.text .email {
					float: right;
					margin: 3px 2px 0 0;
					}
		#middle {
			padding-bottom: 100px;
			}
			#middle .event {
				width: 100%;
				border-bottom: 1px solid #eee;
				}
				.event .inner {
					}
				.event .attachment-thumbnail {
					display: block;
					float: left;
					margin: 0 15px 10px 0;
					padding: 1px;
					width: 150px;
					border: 1px solid #999;
					}
		#right {
			}
			#right.publications {
				}
				#right.publications li {
					margin: 0 0 0 0px;
					list-style: none;
					}
					#right.publications li a {
						color: #888;
						font: normal 14px Georgia, "Times New Roman", Times, serif;
						text-decoration: none;
						}
						#right.publications li a:hover {
							color: #c00;
							}
			#right.news {
				}
				#right.news .news {
					margin: 0 0 10px 0;
					padding: 0 0 10px 0;					
					border-bottom: 1px solid #eee;
					}
					#right.news .news .title {
						margin: 0;
						padding: 0 0 3px 0;
						color: #555;
						font-weight: bold;
						line-height: 1.5em;
						}
					#right.news .news .date {
						color: #888;
						font-size: 11px;
						}
					#right.news .news .content {
						font-size: 12px;
						line-height: 1.4em;
						}

	#footer {
		position: relative;
		top: -32px;
		width: 1130px;
		margin: 0 auto;
		}
		#footer .copy {
			float: left;
			color: #999;
			font-size: 12px;
			}
		#footer .design {
			display: block;
			display: none;
			float:	right;
			color: #555;
			text-decoration: none;
			font-weight: bold;
			}

/* Elements */
.image {
	margin: 0 0 20px 0;
	}
	.image img {
		width: 270px;
		padding: 1px;
		border: 1px solid #999;
		}
	.image span {
		display: block;
		font-size: 12px;
		font-style: italic;
		}
a.publication {
	padding: 0 10px 10px 0;
	}
	.publication:hover img {
		border-color: #c00;
		}
	.publication img {
		width: 130px;
		height: 180px;
		padding: 1px;
		border: 1px solid #999;
		}
.email {
	display: block;
	width: 17px;
	height: 12px;
	font-size: 0 !important;
	line-height: 0 !important;
	background: #aaa url(images/email.gif) right center no-repeat;
	}
	.email:hover {
		background-color: #c00;
		}

/* Holy Grail */
.colmask { 					/* column container */
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
.holygrail {				/* holy grail 3 column settings */
	background: #fff;    	/* Right column background colour */
	}
	.holygrail .colmid {
		float:left;
		width: 200%;
		margin-left: -320px; 	/* Width of right column */
		position: relative;
		right: 100%;
		background: #fff;    	/* Centre column background colour */
		}
	.holygrail .colleft {
		float:left;
		width:100%;
		margin-left:-50%;
		position:relative;
		left: 500px;         	/* Left column width + right column width */
		background: #fcfcfc;    /* Left column background colour */
		border-right: 1px solid #eee;
		}
	.holygrail .col1wrap {
		float:left;
		width:50%;
		position:relative;
		right: 180px;        	/* Width of left column */
		padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		}
		.holygrail #middle {
			margin: 20px 350px 40px 210px;     	/* Centre column side padding:
				Left padding = left column width + centre column left padding width
				Right padding = right column width + centre column right padding width */
			position:relative;
			left:200%;
			overflow:hidden;
			}
	.holygrail #left {
		float:left;
		float:right;			/* This overrides the float:left above */
		width: 160px;        	/* Width of left column content (left column width minus left and right padding) */
		position:relative;
		right: 20px;         	/* Width of the left-had side padding on the left column */
		}
	.holygrail #right {
		float: left;
		float: right;			/* This overrides the float:left above */
		width: 280px;        	/* Width of right column content (right column width minus left and right padding) */
		margin-right: 40px;  	/* Width of right column right-hand padding + left column left and right padding */
		position: relative;
		left: 50%;
		padding-top: 20px;
		padding-bottom: 40px;
		}

/* Shadows */
#shadows {
	margin: 35px auto;
	width: 1200px;
	}
	#top, #center, #bottom {
		width: 100%;
		}
	.left, .right {
		width: 29px;
		}
	#top {
		}
		#top .left {
			height: 350px;
			background: url(images/lt.gif) no-repeat bottom left;
			}
		#top .middle {
			vertical-align: top;
			}
		#top .right {
			height: 350px;
			background: url(images/rt.gif) no-repeat bottom right;
			}
	#center {
		}
		#center .left {
			background: url(images/lm.gif) repeat-y left;
			}
		#center .right {
			background: url(images/rm.gif) repeat-y right;
			}			
	#bottom {
		}
		#bottom .left {
			height: 400px;
			background: url(images/lb.gif) no-repeat top left;
			}
		#bottom .right {
			height: 400px;
			background: url(images/rb.gif) no-repeat top right;
			}
			
.clear {
	clear: both;
}

#wpstats {
visibility: hidden;
}