/*--------------------------------------------------------------
Gleitmo 2009

	Author 
	    Anders Kleve, Spinit AB
	
	Colors
		
--------------------------------------------------------------*/

/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

iframe {margin-bottom: 20px;}
body {background: #fff; color: #000; font: 62.5%/1.5 Arial, Helvetica, Tahoma, sans-serif; padding: 0 0 20px 0;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {color: #333; margin-bottom: .5em; text-transform: uppercase;}

h1 {font-size: 2.5em; border-bottom: 1px solid #ccc; text-indent: 20px;}
h2 {font-size: 2em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.1em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom: 1.5em;}
blockquote {margin-bottom: 1.5em;}
code {}
del {}
dfn {}
dfn {}
em {font-style: italic;}
p {margin-bottom: 1.5em;}
pre {}
strong {font-weight: bold;}

/* Link elements 
-------------------------------------------------------------- */
a {text-decoration: none; font-weight:bold;}
a:link {color: #666;}
a:visited {color: #666;}
a:hover,
a:active,
a:focus {color: #000;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style-position: outside; padding-left: 1.5em;}
ul li {}
ol {margin-bottom: 1.5em; padding-left: 1.5em;}
ol li { }

dl {margin-bottom: 1.5em;}
dt {float: left; clear: left; margin-right: .5em; font-weight: bold;}
dd {}

/* General classes
-------------------------------------------------------------- */
.clear {clear: both;}
.hide {display: none;}
.highlight {}
.inner {padding: 1em;}

/* Tables
-------------------------------------------------------------- */
caption {}
table {}
thead {}
thead tr {}
thead th {}
tbody tr,
tbody td {} /* IE-fix */
tbody th {}
th,
td {}

/* Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {margin-bottom: 1.5em;}
legend {}
label {display: block;}
label.error {color: red; margin: 0;}
input + label {display: inline; margin-left: .75em; float: none;}
input[type="text"],
input[type="password"],
select,
textarea {font-size: 1.2em; border: 1px solid #333;}
input[type="submit"] {background: #333; color: #ccc; text-transform: uppercase; border: none; font-size: 1.3em;}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {}
.form-item {margin-bottom: .75em;}

/* Focus */
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {}


/* Navigation
---------------------------------------------------------------*/
.navigation h2 {font-size: 1.5em; border-bottom: 1px solid #ccc;}
.navigation ul {list-style: none outside; margin: 0 0 1.5em 0; padding: 0;}
.navigation a {display: block; text-transform: uppercase; padding: .1em;}
.navigation a:hover,
.navigation a:focus,
.navigation a:active,
.navigation li.selected a {background: #ccc; color: #333; padding-left: .3em;}

#main-navigation {font-size: 1.1em; width: 180px; float: left; padding: 20px 0;}

.in-focus {background: #ccc;}
.in-focus h2 {background: #333; color: #ccc; margin: 0; padding: .25em .75em; font-size: 1.3em;}
.in-focus ul {list-style: none outside; padding: 1em;}
.in-focus a {display: block; text-transform: uppercase;}

#site-search {margin: 0 0 1.5em 0;}
#site-search fieldset {margin: 0;}
#site-search input[type="text"] {width: 125px;}
#site-search input[type="submit"] {margin-left :5px;}

/* Layout containers
-------------------------------------------------------------- */
#skip {position: absolute; top: -999em; left: -999em;}
#skip a: focus,
#skip a: active {display: block; padding: 1em; position: absolute; left: 999em; top: 999em; width: 10em; text-align: center; background: #ededee; color: #000;}
#wrapper {width: 940px; margin: 0 auto;}
#header {border: 1px solid #666; border-left: none; overflow: hidden;}
#header #logo {float: right; margin: 32px 30px 0;}
#header #main-message {width: 660px; float: left; background: #000; color: #fff; padding: 20px 10px 20px 20px;}
#header #main-message {color: #fff; font-size: 3.5em; margin: 0; text-transform: uppercase; line-height: 1.2;}
#header #main-message span {display: block; font-weight: normal; font-size: .45em;}
#content {margin-top: 20px;}
#main-content {float: left; width:650px; margin: 10px 20px 20px 20px; font-size: 1.3em;}
#main-content h2 {border-bottom: 1px solid #ccc;}
#secondary-content {float: left; width: 250px; min-height: 350px; margin: 10px 0 20px 0; font-size: 1.1em; background: #ccc;}
#secondary-content h2 {background: #333; color: #ccc; margin: 0; padding: .25em .75em; font-size: 1.3em;}
#secondary-content input[type="text"] {width: 100%;}
#footer {color: #666; text-transform:uppercase; clear: both; padding: 20px 0 0 0; border-top: 3px double #666;}
#footer #contact-us {float: left;}
#footer #open-hours {float: right; width: 250px;}
#footer #open-hours dd {line-height: 1.65;}

/* Shopping cart
--------------------------------------------------------------- */
#shopping-cart-content {padding: 1em 1em 0 1em;}

/* Blog section
--------------------------------------------------------------- */
#blog-posts {list-style: none outside; padding: 0;}
#blog-posts .post-date {float:right; color: #333; font-style: italic; text-transform: uppercase; line-height: 3;}
.add-to-cart {text-align: right; margin-bottom: 1.5em;}
.add-to-cart select {width: 7em;}
.comments {list-style: none outside; padding: 0; margin: 0 0 1.5em 0;}
.comments li {background: #ccc; padding: 1em; margin-bottom: 1px;}
.comments .comment-meta {margin-bottom: 0;}

/* Side information
---------------------------------------------------------------- */
/* Events */
#events {margin-bottom: 1.5em;}
#events h3 {border-bottom: 1px solid #ccc;}
#events ul {list-style: none outside; padding: 0;}
#events .event-date {text-align: right; text-transform: uppercase; font-style: italic; display: block; margin-bottom: .5em;}

/* Social */
#social ul {list-style: none outside; padding: 0;}
#social h3 {border-bottom: 1px solid #ccc;}
#twitter:hover {display: block; text-indent: -999em; background: url(../img/twitter-color.gif) no-repeat;}
#facebook:hover {display: block; text-indent: -999em; background: url(../img/facebook-color.gif) no-repeat;}