/*
Theme Name: Piatopia
Version: 1.0
Author: Sjak Mourier
Author URI: http://sjak.me
*/

* {margin:0; padding:0; border:0;}

/*--------- HUSK ----------
- bullets på li (* overwriter)
- 
*/

/*--------- SLIDESHOW ----------*/
#slideshow {position:relative; height:160px;}
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 160px; background-color: #FFF;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 160px; display: block; border: 0;margin-bottom: 10px;}

/*--------- GLOBAL ----------*/
html {background: #eff7f7 url('images/pia-mourier-body-bg.gif') repeat-x top left;}
body {font: 12px / 16px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color:#3d4243;}
a {text-decoration:none; color:#ff4040;}
a:hover {color:#1d1d1d;}
p {margin: 0 0 10px 0;}
h1 {text-indent:-9999px;}
h1, h2, h3, h4, h5 {font-family:futura, "century gothic", helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
h2 {font-size:18px; color:#ed5252; margin:18px 0 10px 0;}
h3 {font-size:16px; margin:20px 0 6px 0;}
#content ul li {list-style-type:disc; padding:0 12px 0 12px; list-style-position:inside;}
img {border:0 pixel solid red;}

/*--------- GALLERY ----------*/
div#panel div.gallery {margin:0 0 10px 0;}
div.gallery dl.gallery-item img {border:0px solid red !important;} 
dl.gallery-item {margin:0 0 -3px 1px;}

/*--------- LAYOUT ----------*/
#header {width:723px; height:200px; margin:0 auto;}
#wrapper {width:659px; margin:0 auto; background: transparent url('images/pia-mourier-content-mid.gif') repeat-y 0 0; padding:20px 32px;}
#wrapper-clear {clear:both;}
#content {width:376px; float:left;}
#nav {width:701px; height:41px; margin:-1px 0 0 1px; background: transparent url('images/piamourier-nav2.png') no-repeat -1px 0; padding:0 11px;}
#footer {width:723px; height:112px; margin:0 auto 60px auto; background:transparent url('images/pia-mourier-footer-bot.gif') no-repeat 0 0;}
#sidebar {width:256px; background: transparent url('images/pia-mourier-sidebar-mid.gif') repeat-y 0 0; float:right; margin:-20px 0 0 0;}
#sidebar div#sidebar-content {padding:20px 16px 20px 16px;}
#sidebar-bot {width:256px; height:47px; background: transparent url('images/pia-mourier-sidebar-bot.gif') no-repeat 0 0;}

/*--------- NAVIGATION ----------*/
#nav li {
	list-style-type:none;
	text-transform:uppercase; 
	font-family: futura, "century gothic", helvetica, sans-serif;
	float:left;
	width:141px;
	margin:4px -1px 0 0;
	text-align:center;
	height:26px;
}
#nav li a {
	color:#e0f1f1;
	display:block;
	padding:10px 0 0 0;
	height:100%;
	color:#FFF;
	text-decoration:none;
}

ul#nav li.current_page_item a {color:#ff6767;}
ul#nav li.page-item-15 {width:139px;} /*sidens bredde passer ikke med navigationens bredde*/

#nav li a {
	background:url(images/nav-bg-1.png) repeat top left;
}
#nav li a:hover {
	background-position:50px 0;
}



/*--------- OM MIG NAVIGATION (SLIDER) ----------*/   
#scroller-header a {color:#444f51; padding:2px 10px 3px 10px; text-transform:uppercase; font-weight:normal; font-size:11px;
}  

#scroller-header a:hover {    
 background-color: #809b9b; color:#f7fbfb;
}  

#scroller-header a.selected {    
 color:#f7fbfb !important; background-color:#ed5353;
}  

#scroller-header {  
 width:376px; 
 padding:1px 0 2px 0;  
 font-weight:700;
 background-color: #9dc1c1; 
 text-align:center;
 margin:0 0 16px 0;
 height:17px;
}  

#scroller-body {   
 width:376px;  
 padding-bottom:30px;  

}  

#mask {  
 width:376px;  
 overflow:hidden;  
 margin:0 auto;  
}  

#panel {  

}  

#panel div {  
float:left;  

} 

/*--------- FORSIDE ----------*/
body.home #wrapper {background: transparent url('images/pia-mourier-bg-index.png') no-repeat 0 0; height:553px;}
body.home #wrapper #content {width:224px; float:right; padding:0 0 0 0; margin:0 17px 0 0;}

/*--------- LINKS ----------*/
p.post-edit-link {padding-top:8px;}
a.post-edit-link {text-transform:uppercase; background-color:#3d4243; color:#dbeded; border:1px solid white; padding:3px 6px;}
a.post-edit-link:hover {background-color:#6a8185; color:#fff;}

#loginout {
clear:both;
height:160px;
margin:0 auto;
padding:0;
}

/*--------- LOGIN+OUT ----------*/
p#loginout{background:none; text-transform:uppercase; text-align:right; padding-right:23px;}
p#loginout a {color:#a2c7c7; font-size:11px;}
p#loginout a:hover {color:#000;}