/*
Theme Name: Ted Muehling
Author: Onedigitalfarm
Author URI: http://www.onedigitalfarm.com/
*/


/*
Theme Name: Ted Muehling
*/


/*
Author:           Angela Noesslboeck, Roberto Maiocchi
Author URI:       http://www.onedigitalfarm.com/

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- CUSTOM
---------------------------------------------------------------------------------------
*/

/* RESETS */
html, body, div, span, applet, object, iframe, 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, b, u, i, center, 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; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

/* BASICS */
html{ font-size:100%;}
body{ font-size:62.5%; color:#666; background-color:#ebebeb; padding: 60px 0; font-family:arial,verdana,sans-serif;}
a, hover, active, visited {text-decoration: none;color:#666;}
.left{  float:left; }
.right{	float:right; }
.clear{	clear:both; width:100%; display:block;margin-top:-3px;height:1px;}
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:10px; }
#content p{	margin:1.1em 0; }

/* NAVIGATION MENU */
#navigation {position:absolute; z-index:100; width:250px; height:18px;  top:55px; left:-5px; }

#navigation ul { background:#ebebeb url(ted-muehling-nav.png) 0 0; padding:0;	margin:0 0 0 0px; display:block; list-style:none; line-height:16px; height:16px;}
#navigation a {display:inline-block; cursor:pointer;display:block; margin:0 1px; height:16px; line-height:16px;}
#navigation a:hover{display:inline-block;display:block;}
#navigation a.active {}
#navigation a span{display:none;}
#navigation li {height:16px; float:left; display:inline-block; padding:0; margin:0;}

#navigation li.store{width:37px;}
#navigation li.store a{background: url(ted-muehling-nav.png) 0 0 ;}
#navigation li.store a:hover,#navigation li.store a.active {background-position: 0px -22px }

#navigation li.jewelry{width:51px; }
#navigation li.jewelry a{background: url(ted-muehling-nav.png) -37px 0; }
#navigation li.jewelry a:hover,#navigation li.jewelry a.active{background-position: -37px -22px  }

#navigation li.objects{width:50px;}
#navigation li.objects a{ background: url(ted-muehling-nav.png) -88px 0 ; }
#navigation li.objects a:hover,#navigation li.objects a.active {background-position: -88px -22px }

#navigation li.press{width:37px;}
#navigation li.press a{background: url(ted-muehling-nav.png) -138px 0 ;}
#navigation li.press a:hover,#navigation li.press a.active {background-position: -138px -22px }

#navigation li.resources{width:66px;}
#navigation li.resources a {background: url(ted-muehling-nav.png) -175px 0 ;}
#navigation li.resources a:hover,#navigation li.resources a.active {background-position: -175px -22px }

/* STRUCTURE */
#page{ overflow:hidden;position:relative; font-size:1.2em;line-height:1.2; width:895px; margin:55px auto;}
#home { position:relative; height:335px;width:895px; margin:55px auto;}
#header{position:relative; height:80px;}
#gallery #header{background:#ebebeb url(ted-muehling-phone.png) no-repeat 0px 0;}
#home #header{background:#ebebeb url(ted-muehling-home.png) no-repeat 0px 0;}
#footer{clear:both;margin:0 auto; line-height:2; font-size:1.2em;text-align:right;}
#content{clear:both;margin-top:10px;position:relative;}
.content{}
#sidebar{}

h1{background:#ebebeb url(ted-muehling.png) no-repeat 0 0; width:155px; height:20px;margin:0;position:absolute; left:0px; top:0px;}
h1 a{display:block; height:20px;line-height:20px;}
h1 a span{display:none;}
.description{display:none;}

#headerimg{height:150px;}
#header .phone {text-align:right;display:none;}

h2{color:#8b0100;font-size:1.4em;font-weight:bold;}


.press-content-header{float:left; width:146px;margin-bottom:15px;}
.press-content-header img{margin-bottom:5px;}

.post {font-size:1.1em;line-height:1.4;}
.post{margin:0 20px 20px 0}

h3{color:black;}
h4{color:#364E92;}

#content .home{background:url(address.png) no-repeat top left;width:220px; height:80px; position:absolute; left:0; top:165px;}
#content .home span{display:none;}

.content{display:none;}

#home .contact{width: 46px; height:12px; position:absolute;top:230px; left:-1px; }
#home .contact a {display:inline-block; display:block; line-height:12px; height:12px;background:url(contact.png) -1px -2px;}
#home .contact a:hover {display:inline-block; display:block; line-height:12px; height:12px;background:url(contact.png) -1px -26px;}

#home .contact a span{display:none;}

.back a span,.next a span{display:none;}

#prev {width:15px; margin:0 0 5px 0; float:left;}
.back a {display:block; height:15px; line-height:15px;}
.next a {}

#left{width:450px; float:left; }
#right{width:420px;float:right; text-align:left;}

#footer ul{margin:0;padding:22px 20px 2px 165px}
#footer li{display:inline;padding:0;margin:0;}
#footer li a{margin-right:10px;}
#footer a{color:white;text-decoration:none;}
#footer p{padding:15px 60px 20px; margin:0;}

#slideshow{height:625px;}
#title {text-align:right; font-size:1.0em; padding-right:4px;}

#homefooter p{padding:15px 60px 820px; margin:0;}
#presscontent {position:absolute; left:-900px; top:-900px;}