/*
Theme Name: Ekeby Städ
Theme URI: http://ekebystad.se/
Description: Template for Ekeby Städ by WJOS advertising
Version: 0.1b
Author: WJOS, Robin Ramsell
Tags: ekeby, sätd, wjos

*/



/* General classes */
.clfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clfix {height: 1%;}
.clfix {display: block;}
/* End hide from IE-mac */


/* Standard tags */
body {
	background: #e2dbd2 url(images/design/v1/bg_beige.jpg) top center repeat-y;
	padding:0;
	margin:0;
}
h1, h2, h3 {
	margin:0;
	padding:0;
	font-family:'Georgia', Times New Roman, Times, serif;
	font-weight:normal;
	font-style:normal;
	color:#333333;
}
img {
	border:0;
	overflow:hidden;
	padding:0;
	margin:0;
}


/* Typography */
h1 {
	font-size:24px;
}
h2 {
	font-size:24px;
	line-height:32px;
}
h3 {
	font-size:19px;
	color:#ff9900;
	margin:20px 0 -8px 0;
}
p, .p, ol {
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-size:12px;
	word-spacing:-1px;
	line-height:18px;
}
a {
	text-decoration:none;
	color:#FF9900;
}
a:hover {
	text-decoration:underline;
}
ul {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}


/*DIVs*/
.skrapa {
	position: fixed;
	background: url(images/design/v1/bg_skrapa.png) no-repeat;
	height:108px;
	width:100%;
	bottom:0;
	margin-bottom:-32px;
	margin-left:-25px;
}
.wrapper {
	width:1006px;
	margin:auto;
	padding-top:24px;
}
.content {
	overflow:hidden;
	text-align:left;
	padding-right:27px;
	padding-left:27px;
}


/* HEAD */

.header {
	width:952px;
	height:80px;
	margin:0 0 22px 0;
	padding:0px 0px 5px 0px;
	background:transparent url(images/design/v1/head_bottom_white.png) no-repeat bottom left; 
}

.header .head { height:4px; background: transparent url(images/design/v1/head_top_white.png) no-repeat top left; }
* html .header .head { margin-bottom:-15px; }

.header .body {
	margin:0;
	padding:16px 0 11px 20px;
	background:transparent url(images/design/v1/head_middle_white.png) repeat-y top left;
}

.menuColumn {
	float:left;
	width:234px;
	margin-right:12px;
	height:885px;
}


/* COLUMN */

.column {
	position:relative;
	float:left;
	width:228px;
	margin:0 7px 10px 0;
	padding:0 0 5px 0;
	background:transparent url(images/design/v1/column_bottom_white.png) no-repeat bottom left; 
}

.column .head {
	height:5px;
	background: transparent url(images/design/v1/column_top_white.png) no-repeat top left;
}
* html .column .head { margin-bottom:0px; }
.column .body {
	margin:0;
	padding:5px 12px 1px 12px;
	background:transparent url(images/design/v1/column_middle_white.png) repeat-y top left;
}
* html .column .body {
	padding-right:0px;
}
.column .body img {
	margin:0 0 10px 0;
}
.column h2 {
	padding:8px 0 0 0;
	margin:0 0 0 0;
	line-height:0px;
}
.column body p {
	margin-bottom:0px;
	background-color:#fff;
}
* html .column .body p { padding-right:12px; }

.last {	margin-right:-7px; }
* html .last { margin-right:0px; margin-left:-3px;}

.noMargin {
	margin-top:0;
	margin-left:13px;
}

/* RIGHT COLUMN */
.rightColumn {
	position:relative;
	float:left;
	width:228px;
	margin:0;
	padding:0 0 5px 0;
	background:transparent url(images/design/v1/column_bottom_white.png) no-repeat bottom left; 
}
.rightColumn .body {
	margin:0;
	padding:5px 12px 1px 12px;
	background:transparent url(images/design/v1/column_middle_white.png) repeat-y top left;
}
.rightColumn .head {
	height:36px;
	width:228px;
	background: transparent url(images/design/v1/column_top_orange.png) no-repeat top left;
}
.rightColumn h2 {
	padding:10px 0 0 10px;
	margin:0 0 0 0;
	line-height:15px;
	color:#fff;
}


/* MENY */

.menu {
	position:relative;
	width:234px;
	padding:0 0 5px 0;
	background:transparent url(images/design/v1/meny_bottom_white.png) no-repeat bottom left; 
}

.menu .head {
	height:4px;
	background: transparent url(images/design/v1/meny_top_white.png) no-repeat top left;
}
* html .menu .head { margin-bottom:-15px; }

.menu .body {
	padding:12px;
	background:transparent url(images/design/v1/meny_middle_white.png) repeat-y top left;
	font-family:"Georgia", Times New Roman, Times, serif;
}
.menu .body li {
}
.menu .body li .active {
	color:#ff9900;
}
.menu .body li ul li {
	font-family:'Verdana', Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	margin:0 0 6px 12px;
}
.menu .body li ul {
	width:180px;
	margin:0 0 10px 0;
}
.menu a {
	color:#333;
	text-decoration:none;
}
.menu .body li a:hover {
	color:#ff9900;
	text-decoration:none;
}


/* MENY OFFERT */

.offert {
	position:relative;
	width:234px;
	padding:0 0 5px 0;
	margin:10px 0 0 0;
	background:transparent url(images/design/v1/meny_bottom_green.png) no-repeat bottom left; 
}

.offert .head {
	height:36px;
	background: transparent url(images/design/v1/meny_top_green.png) no-repeat top left;
}
* html .offert .head { margin-bottom:-15px; }

.offert .body {
	padding:5px 12px 8px 12px;
	background:transparent url(images/design/v1/meny_middle_green.png) repeat-y top left;
	color:#fff;
}
* html .offert .body { margin-bottom:-19px; }

.offert a {
	color:#87aa00;
	text-decoration:none;
}
.offert a:hover {
	color:#FF6600;
	text-decoration:none;
}
.offert .head h2 {
	padding:4px 12px 0 12px;
	color:#fff;
}
.offert img {
	padding:0;
}

/* OFFERT FORM */
.form {
	width:203px;
}
.textarea {
	border:0;
	background: transparent url(images/design/v1/form_text_bg.gif) no-repeat top left;
	height:30px;
	width:196px;
	padding-left:5px;
	margin-bottom:2px;
}
* html .textarea { padding-top:7px; }

.big {
	border:0;
	background: transparent url(images/design/v1/form_text_bg_big.gif) no-repeat;
	height:52px;
	width:196px;
	padding-left:5px;
	margin-bottom:2px;
	line-height:15px;
	padding-top:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
* html .big { padding-top:7px; }

.form_menu {
	border:0;
	background: transparent url(images/design/v1/form_text_bg.gif) no-repeat top left;
	width:203px;
	height:30px;
	margin-bottom:4px;
}
.form_menu:hover {
	cursor:pointer;
	cursor:hand;
}
.form .button {
	background: url(images/design/v1/form_button.gif) no-repeat top left;
	width:69px;
	height:26px;
	border:0;
	color:#fff;
	font-size:14px;
	margin:0;
	padding:0;
}
.form .button:hover {
	cursor: pointer;
	cursor: hand;
}



/* CONTENT */

.mainWindow {
	position:relative;
	width:696px;
	height:307px;
	float:left;
	margin:0 0 22px 0;
	padding:0 0 5px 0;
	background:transparent url(images/design/v1/main_bottom_white.png) no-repeat bottom left;
}

.mainWindow .head { height:4px; background: transparent url(images/design/v1/main_top_white.png) no-repeat top left; }
* html .mainWindow .head { margin-bottom:-15px; }

.mainWindow .body {
	margin:0;
	padding:8px 0 9px 12px;
	background:transparent url(images/design/v1/main_middle_white.png) repeat-y top left;
}

.mainWindow .body .pics {
	padding:0;
	margin:0;
	overflow:hidden;
	width:670px;
	height:286px;
}


/* PAGE */

.page {
	position:relative;
	float:left;
	width:462px;
	margin:0 12px 70px 0;
	padding:0 0 5px 0;
	background:transparent url(images/design/v1/pagebg_bottom_white.png) no-repeat bottom left;
}

.page .head {
	height:4px;
	background: transparent url(images/design/v1/pagebg_top_white.png) no-repeat top left;
}
* html .page .head { margin-bottom:-15px; }

.page .body {
	padding:12px 12px 1px 12px;
	background:transparent url(images/design/v1/pagebg_middle_white.png) repeat-y top left;
}

.page img {
	margin:6px 0 0 0;
}
.page .body h1 {
	font-size:37px;
	line-height:40px;
	color:#ff9900;
}
.page a {
}
.page ol li {
	margin:0 0 10px 0;
}