/*
Theme Name: 100 Procent
Theme URI: http://karlroos.se
Description: 
Version: 1.0
Author: Karl Laurentius Roos
Author URI: http://karlroos.se
*/

/**
 * Reset and clearfix
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}

/**
 * Elements
 */
body, #wrapper{
	height: 100%;
}

body{
	font: 62.5% Georgia;
	background: url(images/rockywall.png);
}

h1{
	font-size: 3em;
	padding-bottom: 10px;
}

h2{
	font-size: 2.2em;
	padding-bottom: 10px;
}

h3{
	font-size: 1.8em;
	padding-bottom: 10px;
}

h4{
	font-size: 1.6em;
	padding-bottom: 10px;
}

h5{
	font-size: 1.3em;
}

p{
	font-size: 1.3em;
	line-height: 1.5em;
	color: #444;
	padding-bottom: 10px;
}

a{
	color: #000;
	text-decoration: underline;
}

a:hover{
	color: #666;
}

p a:hover{
	background: #eee;
	padding: 2px;
	margin-left: -2px;
	margin-right: -2px;
	border-radius: 3px;
}

blockquote{
	display: block;
	padding: 20px 20px 10px 50px;
	margin-bottom: 10px;
	background: #f5f5f5 url(images/quote.png) 10px 10px no-repeat;
	margin-left: 20px;
}

blockquote p{
	font-style: italic;
	font-size: 1.6em;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

/**
 * Layout
 */
#wrapper{
	width: 920px;
	padding: 0 20px;
	background: #fff;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	margin: auto;
}

#header{
	padding: 20px 0;
}

#logo{
	width: 200px;
	height: 220px;
	background: url(images/logo.png);
	display: block;
	text-indent: -10000px;
	float: left;
	margin-right: 20px;
}

#top-image{
	float: left;
}

#sidebar{
	width: 200px;
	padding: 0 20px 20px 0;
	float: left;
}

#content{
	width: 700px;
	padding: 0 0 20px 0;
	float: left;
}

#content ul, #content ol{
	margin: 0 0 10px 20px;
}

#content ul li, #content ol li{
	font-size: 1.3em;
	color: #444;
}

#content ul li{
	list-style-type: disc;
}

#content ol li{
	list-style-type: decimal;
}

#footer{
	padding-top: 20px;
	border-top: 1px dotted #eee;
	background: #fff;
	padding-bottom: 10px;
}

#nav{
	margin-bottom: 20px;
}

#nav li a{
	display: block;
	font-size: 1.4em;
	color: #000;
	padding: 10px;
	background: #f5f5f5;
	margin-bottom: 1px;
	text-decoration: none;
}

#nav > li.current_page_ancestor > a{
	border-right: 5px solid #ccc;
}

#nav > li.current_page_item > a{
	border-right: 5px solid #AF0000;
	background: #eee;
}

#nav li > ul > li.current_page_item > a{
	border-right: 5px solid #AF0000;
	background: #eee;
}

#nav li a:hover{
	background: #eee;
}

#nav li ul li a{
	font-size: 1.2em;
	margin-left: 15px;
}

#index-project-images{
	margin-top: 10px;
}

#index-project-images > div{
	width: 350px;
	height: 200px;
	float: left;
	position: relative;
}

#index-project-images > div > .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 330px;
	padding: 10px 10px 0 10px;
	background: #fff;
	opacity: 0.7;
	display: none;
}

/**
 * Classes
 */
.left{
	float: left;
}

.right{
	float: right;
}