/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* ============================= RESET ============================= */

html, body, form, wrapper, container, content, fieldset, h1, h2, h3, h4, h5, h6, p, a, pre, blockquote, address, ul, ol, li, dl, dd, img, span, input, button, select, textarea , label, iframe, footer, figure {margin: 0; padding: 0; text-decoration:none; font-weight: normal}
input, select, textarea {font-family: inherit; font-size: inherit}
form label {cursor: pointer}
img, fieldset {border: none}


/* ========================= GENERAL TAGS ========================= */

body {
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: 400;
	color:#222;
	background-color:#f5f5f5;
}



.clear {clear:both;}

/* /////////////////////////// TYPE /////////////////////////// */

h1 {display:block; font-size: 28px; line-height: 30px; font-weight: 900; text-transform:uppercase;}
h2 {display:block; font-size: 17px; line-height: 32px; font-weight: 900;}
h3 {display:block; font-size: 14px; line-height: 20px;}
h4 {display:block; font-size: 13px; line-height: 18px; font-weight: 600;color: #999;text-transform:uppercase;}

p {font-size:16px; line-height:32px;}
span {font-size: 12px; line-height: 18px; color: #888 }
blockquote {font-size:11px; line-height: 21px; margin: 0 0 0 10px; padding: 0 7px; color:#444;}
a {font-size: 13px; color:#333;}


img{background-image: url('<?php bloginfo('home'); ?>/wp-content/uploads/img/img_preloader.gif'); *background-image:none;} /*hack to avoid IE heavy processor usage*/

#sidebar ul li h4 {display:block; font-size: 13px; line-height: 18px; font-weight: 400;text-transform:none;}

#wrapper {
	text-align:center;
}




#header {
	position:fixed;
	height:50px;
	margin: -20px auto 0px auto;
	padding-top:15px;
	background-color:#FFF;
	z-index:100;
	display: block;
	text-align:left;
	border-bottom: 1px #ccc solid;
	width:100%;	
}

#header img {
	margin:-33px 10px;
	float:left;
	width:100px;
}

#blog-title {
	float:left;
}

#blog-title h1 {
	font-size:23px;
}

#blog-description{
	float:left;
	width:110px;
}

#blog-description h1{
	font-size:14px;
	line-height:16px;
	font-weight:400;
	width:250px;
}


#access {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	float:none;
}


#menu {
	float:right;
	margin: 10px 0;	
}

#menu ul {
	padding: 0;
	margin: 0 auto 20px auto;
	list-style-type: none;
	float: right;
	position: relative;
}

#menu ul li {
	float: left;
	position: relative;
}

#menu ul a {
	font-size: 16px;
	font-weight:900;
	display:block;
	margin:0 12px;
	text-decoration:none;
	text-transform:uppercase;
}

#menu ul a:hover {
	color:#D84F30;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}


.current_page_item a {
	border-bottom: 4px solid #D84F30;
	cursor:default;
}

#menu ul li.current_page_item a:hover {
	color:#333;
}

.entry-title,.entry-content {
	margin-bottom:10px;
clear:both;
}

.entry-title a{
font-size: 28px; line-height: 34px; font-weight: 900; text-transform:uppercase;
}

#content {
	max-width: 960px;
	margin:20px auto;
	position: relative;
	overflow: hidden;

}

#footer {
	border-top:1px #ccc solid;	
	position:relative;
	margin:40px 0 0 0;
	padding-bottom: 50px;
	width: 100%;
	overflow: hidden;
	background-color: #222;
	}

#footer img {
	margin:0px auto;
	width:100px;
}

#footer p {
	color:#ddd;
	display:inline;
	font-size: 13px;
}
#footer h2 {
	color:#ccc;
	display:inline;
	font-size: 13px;
}

#footer a {
	color:#ddd;
	display:inline;
	border-bottom:1px dotted #999;
}

#footer a:hover {
	color:#D84F30;
	display:inline;
	border-bottom:1px dotted #D84F30;
}



input{
	width:100px;
	border:1px solid #ccc;
	font-size:13px;
	line-height:19px;
	color:#333;
}

input.button {
	background-image:url(./images/find.png);
	background-repeat:no-repeat;
	background-color:#fff;
	height:17px;
	width:18px;
	border:none;
	margin-left:6px;
	cursor:pointer;
}

#imprint {
	position:relative;
	float: none;
	max-width: 940px;
	margin:12px auto;
	padding-top:15px;
	border-top: 1px solid #666;	
}

#imprint ul{
	display:inline-block;
	list-style:none;
}

#imprint a{
	color:#ccc;
	font-size:12px;
}

.imprint h1{
	font-size:60px;
	line-height:60px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.imprint a{
	font-size:16px;
	border-bottom: 1px dotted #333;
}

.imprint a:hover{
	color:#D84F30;
	border-bottom: 1px dotted #D84F30;
}

/* /////////////////////////// FEATURE /////////////////////////// */


#feature {
	background-color: transparent;
	overflow: hidden;
	height: 360px;
	margin-bottom: 15px;
}

.feature-container {
	background: transparent center top no-repeat scroll;
	margin: 0 auto;
	height: 360px;
	text-align: center;
}

.title {
	
	display: inline-block;
	padding: 0px 80px;
	min-width: 180px;
	position: relative;
	top: 220px;

}

.title h1 {
	font-size:51px;
	line-height:56px;
	color:#fff;
	margin-bottom: 20px;
	opacity:0.85;
}
	
.title h3 {
	font-family:Open Sans;
	background-color:#222;
	opacity:0.9;
	font-size:16px;
	padding: 12px 24px;
	color:#fff;
	display:inline;
}
	
#welcome {
	padding:20px 0px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-align:center;
	margin:0px auto;
	max-width:940px;
}

#welcome h1 {
	line-height:54px;
	font-weight:900;
	font-size:46px;
}

#post {
	float:left;
	width:220px;
	margin:0px 10px;
}

span.see-all {
	position: relative;
	float: right;
	top:-30px;
	line-height: 0px;
	margin-right:10px;
	color: #68afd6;
}


section#news {
	width: 960px;
	padding: 0 0 30px 0;
	margin: 30px auto;
	display: block;
	border-bottom:0px solid#ccc;
}

.post {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}

section#work {
width: 960px;
padding: 0 0 30px 0;
margin: 30px auto;
display: block;
min-height: 253px;
border-bottom:1px solid #ccc;
}




section#news h2 {
	line-height:21px;
	margin:0 0 20px 10px;
}

section#news p {
	font-size: 14px;
	
}

section#news a.more-link {
	font-weight:900;
	color:#D84F30;
	text-transform:uppercase;
}

section#work h2 {
	line-height:21px;
	margin:0 0 20px 10px;
}

article h3 a{
	font-size: 24px;
	font-weight:900;
	line-height:28px;
}

article h3 {
	margin-bottom:15px;
	margin-top:10px;
	
	}

section#news article {
width: 209px;
height: 260px;
margin:0px 10px;
padding-right:10px;
float:left;
border-right:1px solid #ccc;
}

section#news article:last-of-type {
border-right: 0;
}





/* /////////////////////////// WORK /////////////////////////// */

#work img {
	max-width:940px;
}

#container {
	text-align:left;
	float:left;
	position:relative;
	margin: 0 auto 20px auto;
	padding-top:70px;
	
	
}

#container.work {
	padding-top:60px;
	
}

.work ul li{
	padding-right:10px;
}

#work ul li{
	padding-right:10px;
}

#container ul li {
	list-style: none;
	width: 290px;
	margin: 10px;
	float:left;
}

.overleg  {
	width: 290px;
	height: 185px;
	position:absolute;
	padding:5px;	
	display:block;
	overflow:hidden;
	opacity:0.9; filter:alpha(opacity=90);
	z-index:99;
	text-align:center;
}


.overleg h1 {
	color:#222;	
	margin:20px 20px 12px 20px;
}
.overleg h4 {
	font-size:16px;
	color:#222;
	margin:10px 20px 20px 20px;
}

.overleg a {
	background-color:#fff;
	opacity:0.0; filter:alpha(opacity=00);
	display: table-cell;
	vertical-align: middle;
}

.overleg a:hover {	
	opacity:1; filter:alpha(opacity=100);
}

.work-thumbnail {
	
}

.main-video {
	margin: 0 10px;
}

.main-image {
	margin: 0 10px;
}


.work-thumbnail img {
	
	position:relative;
}

.work_info {
	margin: 10px 0 0 0;
	}
	
.work_info h3{line-height:17px; margin: 0 0 5px 0}

#detail {
	margin: 10px;
	padding-bottom:40px;
	overflow:hidden;
}

#detail h1 {
	font-size:37px;
	line-height:43px;
}

#detail a {
	font-size:16px;
	border-bottom: 1px #222 dotted;
	
}
#detail a:hover {
	color:#D84F30;
	border-bottom: 1px #D84F30 dotted;
	
}

#detail.work {
	border-bottom: 1px #ccc solid;
}

#detail.work p a{
	border-bottom: 1px #ccc dotted;
	font-size:16px;
}

#detail.work p a:hover{
	color:#D84F30;
	border-bottom: 1px #D84F30 dotted;
}

#detail .info {
	
	margin:0 190px 25px 170px;
	border-bottom:1px #ccc solid;
}
#detail .info h1{
	font-size:54px;
	line-height:54px;
	padding:25px 0;
	
}
#detail .text {
	margin: 0 190px 30px 170px;
	display:block;
}
#detail .text_about {
	margin: 0 0px 30px 170px;
	display:block;
}

#detail .map {
	margin: 0px 0px 30px 0px;
	display:block;
}


#detail .text img{
	margin-bottom: 20px;
}

.main-image img{max-width: 940px;}



#navigation {
	margin:10px;
	display:block;
	
}

#navigation a {
	font-size:17px;
	line-height:28px;
	font-weight:900;
}

#navigation a:hover {
	color:#D84F30;
}

.back-forth {
	float:right;	
}

#subsection {
	margin: 0 auto;
	display: block;
	padding: 30px 0;
}

#subsection ul {
	margin-left:170px;	
}

#subsection ul li {
	font-size:16px;
	line-height:26px;
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float:left;
	max-width:580px;
	margin:10px 20px 15px 0px;
	width:360px;
	padding:0px;
}

#subsection ul li a{
	font-size:16px;
	line-height:24px;
	text-decoration: none; 
	border-bottom: 1px dotted;
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

#subsection a{
	font-size:16px;
	line-height:32px;
	text-decoration: none; 
	border-bottom: 1px dotted;
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

#subsection ul li h4{
	padding-top: 3px;	
}

#subsection ul li a:hover{
	color:#d84f30;	
}
#subsection a:hover{
	color:#d84f30;	
}



#subsection p {
margin: 10px 190px 10px 170px;
}

#subsection h2 {
	line-height:23px;
	width: 150px;
	float: left;
	margin-top:10px;
}

#subsection img {
margin-bottom: 20px;
}

#subsection iframe {
margin-bottom: 20px;
}

/* /////////////////////////// ABOUT /////////////////////////// */

#subsection.about {
	border-top:1px solid #ccc;
}

/* /////////////////////////// FRIENDS /////////////////////////// */

.friends {
	
}

.friends ul li:hover {
	background-color:#fff;	
}

.friends ul li {
	width:290px;
	padding: 0 5px;
	padding-right:5px;
	border-bottom: 1px solid #ccc;
}
.friends_info {
	height: 110px;
}

/* /////////////////////////// NEWS /////////////////////////// */

#news {	
	border-bottom: 1px solid #ccc;
	display: table;
	margin: 25px 40px 10px 10px;
	min-height: 200px;
	padding-bottom: 30px;
	width: 750px;
	text-align:left;
	float:left;
}

.news_info {
	float: right;
	width: 440px;
}
.news_info h1{
	font-size:34px;
	margin: 5px 0px 15px 0px;
}

.news_info h1:hover{
	color:#69afd5;
}

.thumbnail {
	display: inline-block;
	height: 226px;
	width: 280px;	
}

#archive {	
	display: table;
	margin: 25px 40px 0px 10px;
	width: 750px;
	text-align:left;
}

/* /////////////////////////// SIDEBAR /////////////////////////// */

#sidebar-wrapper {
	position: relative;
	float: right;
	z-index: 99;
	width:170px;
}

#sidebar {
	position: absolute;
	padding-top: 45px;
}

#sidebar a{
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-bottom: 1px dotted #333;
}

#sidebar a:hover{
	border-bottom: 1px dotted #D84F30;
	color:#D84F30}
}

#sidebar img{
	position:relative;
	margin-top: -10px;
}

#sidebar section {
	width: 130px;
	margin: 0 10px 20px 0px;
	padding: 15px;
	background-color: #fff;
	display:block;
}


#sidebar section ul {
	display: block;
	margin-top: 15px;
	padding: 0;
	margin-bottom: 10px;
}

#sidebar section ul li {
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	list-style: none;
	padding: 0 0 10px 0;
	width:inherit;
	float:none;
	border-bottom:1px solid #f5f5f5;
}

/* /////////////////////////// SIDEBAR NEWS /////////////////////////// */

#sidebar_news h3 {
}

#sidebar_news a {
	font-family: 'Open Sans', sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 5px 0;
}

#sidebar_news a:hover {
	color:#D84F30;
}

#sidebar_news  {
	position: absolute;
	padding-top: 30px;
}

#sidebar_news ul {
	width: 130px;
	margin: 0 10px 20px 0px;
	padding: 12px 15px 6px 15px;
	background-color: #fff;
	display:block;
}


#sidebar_news ul li {
	list-style:none;
	margin:0px;
	width:100%;
	float:none;
	
}

#sidebar_news li form {

padding-bottom:5px;
}

#sidebar_news ul ul {
	padding:0px;
	margin-bottom:10px;
}

#sidebar_news ul ul li {
	list-style:none;
	padding: 5px 0px;
	border-bottom:1px solid #f5f5f5;
}

#sidebar_news ul ul ul {

}

#sidebar_news ul ul ul li {
list-style:none;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;

}

.alignleft,img.alignleft{
float:left;

}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}



div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}



input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}