/*
Theme Name: Gooroo
Theme URI: http://gooroo.pl/
Description: gooroo theme
Version: 1.0
Author: snowdog
Author URI: http://snowdog.pl/

*/



/* Begin Typography & Colors */
* {margin:0;padding:0}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
	font: 1em 'Lucida Grande', Arial, Verdana, sans-serif;
	background: url('images/bg.png') repeat-x left top #424f5a;
	color: #fff;
	text-align: center;
	}
	
li {list-style:inside}

a:link {
	color:#2f83e4;
}
a:visited {
	color:#114682;
}
a:focus,
a:hover {
	text-decoration:none;
}

h2 {
	font: 1.5em Trebuchet MS, Arial, sans-serif;
	margin-bottom:1em;
	}
h3 {
	font: 1.3em Trebuchet MS, Arial, sans-serif;
	margin-bottom:1em;
}
	
#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
}

	#header {
		height:115px;
		position:relative;
		/*outline:1px solid #f00*/
	}
		h1 {padding:25px 20px;}
		h1 a {
			background: url('images/berlinski.png') no-repeat left top transparent;
			display:block;
			height:35px;
			text-indent:-9999px;
			width:344px;
			outline:none;
			overflow:hidden;
		}
		h1 a:focus,
		h1 a:active,
		h1 a:hover {
			background-position:0 -35px;
			}
			
		#mainMenu {
			height:30px;
			bottom:0px;
			position:absolute;
			left:0px;
			text-align:left;
		}
		#mainMenu li {
			display:inline;
			list-style:none;
		}
		#mainMenu a {
			border-top:4px solid #fff;
			color:#fff;
			font-size:1.1em;
			font-weight:bold;
			line-height:2em;
			margin-right:5px;
			padding:5px;
			text-decoration:none;
			text-transform:uppercase;
		}
		#mainMenu .current_page_item a,
		#mainMenu a:hover
		#mainMenu a:focus,
		#mainMenu a:active,
		#mainMenu a:hover {
			border-top:4px solid #ff6633;
			color:#ff6633;
		}
		#searchForm {
			bottom:5px;
			position:absolute;
			right:10px;
		}
		#searchForm label {visibility:hidden}
		
	#content {
		background:url('images/bg-content.png') repeat-x left top #fff;
		color:#475562;
		float:left;
		font-size:1.4em;
		line-height:1.5em;
		min-height:500px;
		padding-bottom:25px;
		width:700px;
		
	}
	#content.home {background-position:0 310px;}
		#topImage {
			background:url('images/labirynt.jpg');
			height:310px;
			width:100%;
		}
		#topImage .text {
			color:#fff;
			font-size:1.4em;
			line-height:1.5em;
			padding:230px 25px 0 25px;
		}
		#content .inner {
			margin:25px;
		}
		#content.home .inner {margin-top:0;}
		#content h2,
		#content h2 a {
			color:#16293a;
			text-decoration:none;
		}
		#content h2 a:hover {
			text-decoration:underline;
		}
			
			#postsColumn {
				background:url('images/blog-header.png') no-repeat 50px top;
				border-right:1px dotted #424f5a;
				float:left;
				padding-top:50px;
				padding-right:25px;
				width:400px;
			}
			#linksColumn {
				background:url('images/links-header.png') no-repeat 50px top;
				margin-left:440px;
				padding-top:50px;
				width:210px
			}
			#linksColumn  li {
				font-size:0.9em;
				list-style:none;
				margin:0 0 1em 0;
				padding:0;
			}
		
	#sidebar {
		margin-left:700px;
		width:260px;
	}
		#adsBox {
			background:url('images/ads-box.png') no-repeat 0 0 #19222a;
			color:#fff;
			height:310px;
		}
			#adsMenu {position:relative;} 
			#adsMenu li {list-style:none;}
			#adsMenu a {
				display:block;
				height:103px;
				position:absolute;
				left:0;
				overflow:hidden;
				outline:none;
				text-indent:-999px;
				width:260px;
				z-index:10;
			}
				#menuSem a {top:0}
				#menuConsulting a {top:103px}
				#menuClasses a{top:206px}
				
				#menuSem a:hover {background:url('images/ads-box.png') no-repeat 0 -310px;}
				#menuConsulting a:hover {background:url('images/ads-box.png') no-repeat 0 -413px;}
				#menuClasses a:hover {background:url('images/ads-box.png') no-repeat 0 -516px;}
				
				.nav-menuSem,
				.nav-menuConsulting,
				.nav-menuClasses {
					height:103px;
					left:0;
					position:absolute;
					width:260px;
				}
				
				.nav-menuSem {
					background:url('images/ads-box.png') no-repeat 0 -310px;
					top:0;
				}
				.nav-menuConsulting {
					background:url('images/ads-box.png') no-repeat 0 -413px;
					top:103px;
				}
				.nav-menuClasses {
					background:url('images/ads-box.png') no-repeat 0 -516px;
					top:206px;
				}
		#blogBox {
			background:url('images/ads-box.png') no-repeat -780px 0 #979fa6;
			color:#dddfe0;
			font-size:1.3em;
			line-height:1.4em;
			min-height:210px;
			padding:25px;
		}
		#blogBox a {
			color:#a9d5f1
		}		
		#blogBox select {
			margin-bottom:1em;
		}
		#subscribeBox {
			background:url('images/ads-box.png') no-repeat -260px 0 #fff;
			color:#542c06;
			font-size:1.3em;
			line-height:1.4em;
			min-height:210px;
			padding:25px;
		}
		#subscribeBox a {
			color:#760803
		}
		#subscribeBox  li {
			padding:0.5em 0;
		}
		#subscribeBox .widget_feeds_icon {
			margin-right:0.5em;
			vertical-align:middle;
		}
		.box h3 {margin-bottom:0.5em;}
		.box ul {margin:0.5em 0 1em 0;}
		.box ul li {list-style:none;}
		#projectsBox {
			background:url('images/ads-box.png') no-repeat -520px 0 #fff;
			color:#313f44;
			font-size:1.3em;
			line-height:1.4em;
			min-height:190px;
			padding:25px;
		}
		#projectsBox a {
			color:#1e5569
		}
		
	#footer {
		color:#b4b7b9;
		font-size:1.1em;
		margin-left:700px;
		padding:5px;
	}
	#footer  a:link,
	#footer  a:visited {
		color:#ccc;
	}
	
	
	
/* post classes */
	
	
.post {
	margin-bottom:2em;
}
.post .postMeta,
.post .postDate {
	font-size:0.9em;
	line-height:1em;
	margin:1em 0;
}
.post .postTitle {
	border-top:1px dotted #424f5a;
	clear:both;
	margin-bottom:0;
}
.post .entry {
	margin:1em 0;
}
.post .entry p {
	margin-bottom:1em;
}
	
/* global classes */
	
.external {
	background-image:url('images/extlink.gif');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
.access {display:none}
.clearright {clear:right}
	
/* WP classes*/
	
	


/* Begin Images */
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 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 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;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	line-height:3em;
	}
/* 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 */

/* comment form */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 5px 0;
	}

#commentform textarea {
	width: 100%;
	margin: 5px 5px 5px 0;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
/* comments  */

.commentlist li {
	background:url('images/bg-comment.png') repeat-y right top #ccc;
	clear:right;
	display:block;
	font-size:0.9em;
	list-style:none;
	margin:1em -25px;
	padding:1em 0 25px 25px;
	position:relative;
}
.commentMeta {
	float:right;
	font-size:0.8em;
	height:100%;
	margin:-1em 0 0 25px;
	padding:1em 10px;
	width:130px;
}