/*
Theme Name: Hypospadiasis
Theme URI: http://hypospadiasis.pl/
Description: Commercial
Version: 1.0
Author: snowdog
*/

	html {
		font-size:62.5%;
		height:100%;
		width:100%;
		background:#ece7e7;
		margin:0;
		padding:0;
	}
	body {	
		background:url('images/bg-page.png') repeat-x left top;
		font:1.2em Arial, sans-serif;
		line-height:1.5em;
		width:100%;
		min-height:100%;
		color:#444;
		margin:0;
		padding:0;
		text-align:center;
	}
	#page {
		background:url('images/bg-sidebar.png') no-repeat left 180px;
		margin:0 auto;
		width:896px;
		position:relative;
		}
	#wrap {
		margin:0 23px;
		position:relative;
		text-align:left;
	}
	.hide {visibility:hidden}
	img {border: 1px solid #3877a7; }
	a {color:#3877a7;}
	a:hover {color:#14466d}
	
	h1, h2, h3, h4 {
		font-family: Arial, sans-serif;
	}
	#header h1 {
		color:#18181a;
		font-size: 60px;
		font-weight:bold;
		font-style:italic;
    	top:45px;
		right:0;
	    margin:0;
		text-align:right;
		position:absolute;
		z-index:100;
		line-height:1em;
    }
	h2 {
		color:#47638b;
		font-size: 1.8em;
		font-weight:bold;
		font-style:italic;
		margin:1em 0 0.5em 0
		}
	
	#langs {
		margin:0;
		padding:0;
		position:absolute;
		top:0px;
		right:0px;
	}
	#langs li {display:inline}
	#langs img {border:5px solid #666;}
		
	#main {
		float:right;
		width:570px;
		padding-top:200px;
		padding-bottom:30px;
	}
	
	#sidebar {
		background:url('images/sidebar-top.jpg') no-repeat left top;
		float:left;
		padding:350px 20px 30px 20px;
		width:220px;
		color:#fff;
	}

	#sidebar a {
		color:#fff;
    }
   
	#footer {
		clear:both;
		
	}
	#main li,
	#footer li {margin:3px;}
	
	/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_five */

.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:absolute; top:135px;right:0; background:transparent url('images/pro_five_0c.gif') repeat-x left bottom; font-size:11px;}
.menu5 li {float:left; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url('images/pro_five_0a.gif') no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 8px 5px 6px; background:url('images/pro_five_0b.gif') no-repeat right top;}
.menu5 li.current_page_item a {color:#000; background:url('images/pro_five_2a.gif') no-repeat;}
.menu5 li.current_page_item a b {background:url('images/pro_five_2b.gif') no-repeat right top;}
.menu5 li a:hover {color:#000; background: url('images/pro_five_1a.gif') no-repeat;}
.menu5 li a:hover b {background:url('images/pro_five_1b.gif') no-repeat right top;}
.menu5 li.current_page_item a:hover {color:#000; background: url('images/pro_five_2a.gif') no-repeat; cursor:default;}
.menu5 li.current_page_item a:hover b {background:url('images/pro_five_2b.gif') no-repeat right top;}

.menu5 li ul {display: none;}	
.menu5 li.current_page_item ul,
.menu5 li.current_page_parent ul {position:absolute; bottom: -40px; right: 0; z-index: 30; display: block; }
.menu5 li ul li,
.menu5 li ul li a,
.menu5 li ul li a b {background: transparent !important; list-style: none;}
.menu5 li ul li a {text-decoration: underline; cursor: pointer;}

	
	/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 1.2em;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: .1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	border:1px solid: 999;
	color: #444;
}
form div.required {
	color: #333;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	float:left;
	font-size: 1em;
	padding-right: 20px;
	width:200px;
}
input, textarea {
	font-size: 1em;
	padding: 2px;
}
textarea {
	font: 1em Arial, sans-serif;
	width:100%;
}
select {
	clear: both;
	font-size: 1em;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 1em;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=image],
input[type=submit] {
	display: inline;
	font-size: 1.1em;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
/* Notices and Errors */
div.message {
	background-color:#cae6ef;
	background-repeat:no-repeat;
	background-position: 10px center;
	border:1px dotted #4585a7;
	clear: both;
	color: #4585a7;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0;
	padding:0.5em;
}

div.error {
	background-color:#efd1ca;
	border-color:#900;
	color:#900;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 1.4em;
}
.form-error {border: 1px solid #900;}

div.message dl dd{
	color:#333;
	font-weight:normal;
}
div.message img {border:none}

#faqList dt{
	font-weight:bold;
	padding-left:20px;
	background:url('images/help.png') no-repeat left center;
}
#faqList dt.hover {color:#14466d}
#faqList dd {margin:10px;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; margin: 1.0em;}	



		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
/* * * * * V 0.3 * * * * * /
/* html,body thanks to Torben  - http://blog.schreiter.info/ */
html, body {
	height:100%;
	min-height:100%;
}



/* Begin Images */

.storycontent img {clear: both;}
.storycontent p {overflow: hidden;}
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 13px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 13px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */