/*  
Theme Name: Wiggins & Wiggins
Theme URI: http://www.wiggins.no
Description: Wiggins & Wiggins Wordpress Theme
Version: 1.0
Author: Magnus Jepson
Author URI: http://www.jepson.no
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */ 
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/*=== Setup ===*/

body{
	background: #e7e7e7	;
	font: 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	color: #232323;		
}
a{
	color: #a57783;
	text-decoration: underline;
	outline:none;
}
a:hover{
	text-decoration: none;
}

/*=== Layout ===*/

#page {position:relative; }

#header{ 
	position:relative;
	height:110px;	
	margin-top:10px;
}
#header #logo {
	position: absolute;
	top:0px;
	left:70px;
	clear:both;
	height:134px;
	width:134px;
	display:box;
}

#banner {
	position: absolute;
	right:25px;
	top:-20px;
}

#main-top{
	position:relative;
	background:url(images/main-top-trans.png) no-repeat top center;
	height:16px;
}
#main-page{
	position:relative;
	background:url(images/main-grey.png) repeat-y top center;
	padding:25px 0 0px 0;
	min-height:270px;
}
#main-sep{
	background:url(images/main-sep.png) no-repeat top center;
	height:57px;
}
#main{
	position:relative;
	background:url(images/main-white.png) repeat-y top center;
	padding:20px 0 25px 0;
	min-height:280px;
}
#main-bottom{
	background:url(images/main-bottom-trans.png) no-repeat top center;
	height:30px;
}
#floral { 
	background:url(images/floral.jpg) no-repeat bottom left;
	position: absolute;
	right:108px;
	bottom:-14px;
	height:158px;
	width:198px;
	display:block;
}
#footer {
	margin:0 40px 40px 40px;
	padding-bottom:10px;
}

#left-col img{ border:4px solid #dfdbdc; }

#right-col{

}

/*=== Typography ===*/

#footer, #footer a{
	color:#969696;
}	

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#222222;
}
h2 {
	font-size:26px;
	padding:5px 0 10px;
}
h3{
	font-size:20px;
	padding:5px 0 8px;
}
h4{
	font-size:16px;
	padding:5px 0 5px;
	font-weight:bold;
}
h5{
	color:#a57783;
	font-size:14px;
	font-weight:bold;
	padding:15px 0 20px;
}
h6{
	font-size:10px;
	font-weight:bold;
	padding:5px 0 5px;
}

p{
	color:#232323;
	line-height:20px;	
	padding:0 15px 15px 0;
}

/*=== Menu ===*/

#nav {
	background:url(images/menu.png) no-repeat;
	width:650px;
	height:30px;
	margin:60px 0 0 20px;
	padding:0;
}

#nav span {
	display: none;
}

#nav li, #nav a {
	height:30px;
	display:block;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
}

#menu-01 {width: 60px;}
#menu-02 {width: 80px;}
#menu-03 {width: 100px;}
#menu-04 {width: 120px;}
#menu-05 {width: 90px;}
#menu-06 {width: 100px;}
#menu-07 {width: 90px;}

#menu-01 a:hover {background:url(images/menu.png) 0px -30px no-repeat; }
#menu-02 a:hover {background:url(images/menu.png) -60px -30px no-repeat; }
#menu-03 a:hover {background:url(images/menu.png) -140px -30px no-repeat; }
#menu-04 a:hover {background:url(images/menu.png) -240px -30px no-repeat; }
#menu-05 a:hover {background:url(images/menu.png) -360px -30px no-repeat; }
#menu-06 a:hover {background:url(images/menu.png) -450px -30px no-repeat; }
#menu-07 a:hover {background:url(images/menu.png) -550px -30px no-repeat; }
/*=== Misc. ===*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 12px 5px 0;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}

/*=== Post ===*/

.post { padding-bottom:10px; }

.post blockquote { 
	padding: 0px 10px;
	border-left: 2px solid #777777;
	margin: 5px auto 15px auto;
	width:85%;
	color: #777777;
	font-style: italic;
	}
.post blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.post img { 
	background:#F8F8F4;
	border: solid 1px #e6e6e6; 
	}
.post ul, .post ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.post ul li ul, .post ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.post ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.post ul li ul li {
	list-style:disc inside !important;
	}
.post ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.post ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}
.post a { 
}

/*=== Latest news list ===*/

.list1 {
	padding-bottom:15px;
}
.list1 .postmeta {
	font-size:11px;
	color:#cccccc;
	padding:0 0 8px 0;
}
.list1 a {
	position:relative;
	margin:0;
	padding:0;
}

.highslide {
	position:relative;
	float:left;
	display:inline;
	margin:0 8px 12px;
}
.highslide h4 { 
	background:#833737;
	color:#ffffff;
	padding:5px 0 5px 0px;
 	font-size:12px;
	text-align:center;
}
.highslide img { width:180px; height:120px; }
.highslide img.product { width:auto; height:auto; }

#products { clear:both; }
#products p { padding:0; }

img.home-banner { border:4px solid #dfdbdc; margin-bottom:20px; float:left; margin-right:30px;}