/*  
Theme Name: Eataway
Theme URI: http://eataway.se
Version: 1.0
Author: Fredrik Wärnsberg
Author URI: http://warnis.com
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	border-width: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
/*	vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END RESET */


body { font-size: 75%; font-family: Tahoma, Verdana, Arial, Sans-Serif; background: #efedde url(images/bg.gif) top center no-repeat; color: #4d4d4d; text-align: center; min-height: 101%; border-top: 2px solid #0084c4; }


#header { background: #2f3639 url(images/header.jpg) repeat-x top left; width: 100%; height: 87px; border-bottom: 4px solid #191c1f; }
#headerbg { background: url(images/logo.jpg) no-repeat; height: 87px; width: 769px; position: absolute; left: 50%; margin-left: -385px; position: relative; }
* html #headerbg { left: 0; margin-left: 0; }
*+ html #headerbg { left: 0; margin-left: 0; }
#header h1 { text-indent: -9999px; margin: 0; }
#header h1 a { position: absolute; top: 22px; left: 20px; width: 190px; height: 50px; }

#content { background: #F6F5ED; min-height: 100%; width: 710px; overflow: hidden; padding: 1.5em 20px; position: absolute; left: 50%; margin-left: -375px; text-align: left; }


#navigation { position: absolute; top: 0; right: 10px; text-align: left; }
#navigation li { float: left; display: inline; }
#navigation li a { font-family: Georgia, serif; font-size: 1.5em; color: #fff; text-decoration: none; float: left; display: inline; padding: 0.5em; line-height: 1em; height: 87px; padding-top: 22px; }
#navigation .active a { background: url(images/active.jpg) no-repeat; padding-left: 40px; }
#navigation li a:hover { color: #c2c2c2; }
#navigation li p { font-family: Tahoma, Verdana, sans-serif; color: #c4c2ae; font-size: 0.5em; line-height: 1.1em; padding-top: 0.2em; display: block; }

html body { font-size: 12px; }
p { font-size: 1em; margin-bottom: 1.5em; line-height: 1.5em}
/* p { font-size: 1em; margin-bottom: 0.5em; line-height: 1.5em} */
td p { margin-bottom: .5em;}
h1,h2,h3,h4 { font-family: Palatino Linotype, Georgia, serif; }
h2 { font-size: 2em; line-height: 1.334em; margin-top: 1em; margin-bottom: 0.334em; color: #0078b3; }
/* h2 { font-size: 2em; line-height: 1.334em; margin-top: 0.5em; margin-bottom: 0.5em; color: #0078b3; } */
td h2 { line-height: 1.334em; margin-top: 0.5em; margin-bottom: 0.33em;}
h3 { font-size: 1.167em; line-height: 1.286em; margin-top: 1.572em; margin-bottom: 1em; color: #f00; font-weight:bold;}
/* h3 { font-size: 1.167em; line-height: 1.286em; margin-top: 0.5em; margin-bottom: 0.5em; color: #f00; font-weight:bold;} */
td h3 { line-height: 1.286em; margin-top: 0.5em; margin-bottom: 0.33em; }
ul, ol { margin-bottom: 1.5em; }
li { line-height: 1.5em; }
strong { font-weight: bold; }

/* TODO: IEBuggar, border-top .box, border-left på overlayimg (overflow:hidden) */

.hr { display: block; color: transparent; background: transparent url(images/hr.gif) no-repeat center left; width: 721px; padding: 1.5em 0; height: 26px; clear: both; border: none; }
.hr hr { display: none; }

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


a img {
	border: none;
	}

/* LAYOUT */

#img-rotator img { border: 10px solid #edebdb; width: 690px; overflow: hidden; }
#img-rotator { position: relative; height: 253px; }
#img-rotator #overlay { width: 266px; height: 230px; background: #fff; opacity: 0.6; filter:alpha(opacity=60) -moz-opacity: 0.6; position: absolute; top: 10px; left: 10px; }
#img-rotator #overlay-content { position: absolute; top: 0em; left: 3em; color: #000; }
#img-rotator #overlay-content h2 { color: #000; margin-bottom: 0; }
#img-rotator p { margin-top: 0; width: 220px; font-size: 1.167em;}
#img-rotator h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; margin: 0.5em 0; color: #f00; }
#img-rotator h2 { font-size: 1em; text-transform: uppercase; margin-top: 2.5em; font-weight:bold; }
#img-rotator a { color: #f00; font-size: 10px; }
#content p img { border: 10px solid #edebdb; width: 690px; overflow: hidden; margin-bottom: 1.5em; }


.box { width: 210px; padding: 10px; background: url(images/box-top.gif) no-repeat top left; float: left; display: inline; overflow: hidden; }
.box .bottom { height: 16px; width: 230px; background: url(images/box-bottom.gif) no-repeat bottom left; clear: left; position: relative; left: -10px; bottom: -10px; }
.box.middle { margin: 0 10px; }
.box img { border: 10px solid #edebdb; margin: 0 auto; }

.align-right { text-align: right; }

#content ul { margin-bottom: 1.5em; }
/*#content ul li { background: url(images/bullet.gif) no-repeat left 0.1em; padding-left: 15px; font-size: 0.9167em; margin-bottom: 0.5em; }*/
#content ul li { list-style-type: circle; }
#content ul li strong { display: block; font-size: 1.0909em; }

small { font-size: 0.9167em; line-height: 1.6364em; }
form small { position: relative; top:-2px; left: 3px; }
* html form small { top: -4px; }



form label { display: block; margin-bottom: 0.25em; font-weight: bold; }
form .text,
form .select,
form .textarea { margin-bottom: 1em; border: 1px solid #a5a5a5; }
form .Ttext { margin-bottom: 0.1em; margin-top: 0.1em; border: 1px solid #a5a5a5; }

form .text,
form .Ttext,
form .textarea { background: #f9f9f9; }

form .text:focus,
form .Ttext:focus,
form .textarea:focus { background: #fff; border: 1px solid #959595; }

form .text.contacterror,
form .textarea.contacterror { border: 1px solid #f00 !important; }
#contactsubmit { clear: left; display: block; margin-left: 18em; }


em { font-weight:bold; }