/*  --- Cascading Style Sheet ---
TIMM STYLE SHEET  
tigdh.com Style Sheet
author: Tigdh Glesain
copyright: Tigdh Glesain 2008 - All Rights Reserved
version: beta 10.09.2008

This style sheet based on Ahem by Dan Cederholm of www.simplebits.com
If you see Dan, buy him a lager for me - make it a big un...

Layout is predominately Ems and Percentage based.  Allows for almost infinite
expansion and contraction on the part of the EU thus overcoming broken sites.

----------------------------------------------------------------------------------------------------------*/

@import url("master.css");

/* --- The Page - everything lives here ---------------------------------------*/
body
{			margin: 0;
			padding: 0;
			background: #fff; /*#ECE6BE*/;
			border-top: 16em solid #A3B92E; }
			
body#xmas			
{			margin: 0; 
			padding: 0;
			background: transparent; 
			border-top: 14.5em solid red; }


/* --- Links and stuffings, love, ha! --------------------------------------------*/
a:link
{ 			text-decoration: none; 
			color: #FE7038; 
			background: transparent; }

a:visited
{			text-decoration: none;
			color: #FE7038;
			background: transparent;
			outline: none; }

a:hover
{ 			text-decoration: none; 
			color: #8C191A; 
			background: transparent; }

a:active
{			margin: 0; 
			padding: 0;
			color: #000;
			background: #D5D1B3;
			outline: none; }

/* --- Typography - remember, you can't always get what you want ---*/
body
{			font-family: "Optima", "Century Gothic", "Helvetica Neue Light", Helvetica, sans-serif;
			/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
			color: /*#FE7038 #8C191A*/#333;
			text-align: left;
			direction: ltr; }

h1, h2, h3, h4, h5, h6
{			margin: 0;
			padding: 0;
			font-weight: 300;
 }

h4.orange
{			border-top: 1px dashed #FE7038;
			margin: 0 0 .5em 0;
			padding: 0 .5em;
			font-size: 120%;
			font-weight: 200;
			line-height: 1.75em;
			background: /*#E7E3CE*/ transparent;
			text-align: left; }
			
#sidebar h4
{			margin: .5em 0; }

#sidebar p
{			font-size: 100%;
			font-weight: 200;
			line-height: 1.2em;
			color: #333;
			 }
			
h3.rambleh3
{			margin: 0;
			padding: 1em 0 .5em .5em;
			color: red;
			font-size: 120%; }

#ramble h4
{			font-family: "Optima", "Century Gothic", Helvetica, "Helvetica Neue Light", sans-serif;
			font-style: normal;
			font-size: 120%;
			font-weight: 200;
			line-height: 1.3em;
			margin: 0;
			padding: 1em 0;
			color: #333; }
			
#rambleXmas h4
{			font-family: "Century Gothic", Helvetica, "Helvetica Neue Light", sans-serif;
			font-style: normal;
			font-size: 120%;
			font-weight: 200;
			line-height: 1.3em;
			margin: 0;
			padding: 1em 0;
			color: #8C191A; }
			
p
{			margin: 0 1em 1em 1em;
			line-height: 1.5em;
			color: #333; }
			
p.italics
{			font-style: italic; }

p.pHead
{			margin: 0;
			padding: 0; }
			
#discussion p.xmas
{			text-align: justify;
			line-height: 1.4em;
			margin: 0 0 1em 0;
			padding: 0 .5em;
			color: #8C191A; }

#footer p
{			margin: 0;
			padding: 0;
			color: #333; }
			
#footer h5
{			color: #333; }
			
div.hr {
  height: 15px;
  width: 25em;
  margin: 0 12em;
  padding: 0;
  background: transparent /*url(hr1.gif) no-repeat scroll*/ center;
  border-top: 1px dotted red; }
  
div.hr hr {
  display: none; }

/* --- The Wrapper - One Wrap to Rule Them All --------------------------*/
#wrap
{			margin: 0 auto;
			padding: 0;
			/*width: 70em;*/
			background: transparent;
			border-top: .125em solid #566022; }
			
#innerwrap
{			margin: 0 0 0 5em;
			padding: 1em;
			width: 70em;
			background: transparent; }
			
body#xmas #discussion
{			
			width: 67.5em;
			margin: 2em .5em 3em 2em;
			padding: 0;
			background: transparent; } 

#header
{			margin: 0;
			padding: 0;
			width: 100%;
			text-align: center;
			background: transparent; }

#ramble 
{			margin: 2em 0 0 0;
			padding: 0;
			background: transparent /*#E7E3CE*/; }
			
#rambleXmas
{			margin: 0 0 4em 0;
			padding: 0;
			background: transparent; }

blockquote#headQuote
{			display: block;
			width: 24em;
			text-align: left;
			margin: -10em 0 4em 0;
			padding: 0;
			color: #fff;
			font-size: 110%;
			background: transparent; }


blockquote.mainPage
{			display: block;
			width: 30em;
			line-height: 1.3em;
			text-align: justify;
			margin: 1em 2em;
			padding: 0; 
			background: transparent; }

#myh1Xmas
{			text-indent: -5000px;
			height: 10em;
			margin: 0;
			background: url(images/titleOrangeXmas.jpg) no-repeat 50% 80%; }
			
#myh1
{			text-indent: -5000px;
			height: 7em;
			margin: -8.5em 0 0 0; 
			background: transparent url(images/header2WhiteAqua.gif) no-repeat top right;
			 }

/* --- Navigation, as in, where to from here --------------------------------*/
#nav
{			float: left;
			width: 38em;
			margin-top: -1em;
			margin-left: 0;
			padding: 0;
			background: transparent; }

#nav ul
{			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0; }

#nav ul li
{			float: left;
			display: inline;
			font-weight: 300;
			line-height: 1.8em;
			margin: 0;
			padding: 0; }

#nav ul li a
{			float: left;
			display: block;
			margin: 0;
			padding: 1px 4px;
			text-decoration: none;
			color: #fff; }

#nav ul li a:hover, body#welcome #t-welcome a, body#contact #t-contact a, body#service #t-service a
{			float: left;
			display: block;
			margin: 0;
			padding: 0 4px;
			text-decoration: none;
			border-bottom: 1px solid #FE7038;
			color: #8C191A; }

			
/* --- Main Content --------------------------------------------------------------*/
#discussion
{			float: left;
			width: 40em;
			margin: 0;
			padding: 0;
			background: transparent/*#E3DEBF #fff*/; }

#quoted, #contacted
{			margin: 0 .5em;
			padding: .5em .5em; 
			border: 1px solid #000; }
			
#coding, #equipment, #design
{			background: transparent /*#FFF8BA*/;
			margin: .5em 0;
			padding: 0 0 .5em 0;
}

#coding a
{			color: #8C191A; }

/* --- Sidebar etcetera ---------------------------------------------------------*/
#sidebar
{			float: right;
			width: 28em;
			margin: 2em 0 0 0;
			padding: .5em;
			/*border: 1px solid #FE7038;*/
			background: transparent /*#E7E3CE*/;}
			
#sidebar dl
{			margin: 1em;
			padding: 0; }

#sidebar dt
{			margin: 0 0 .5em 0;
			padding: 0;
			font-size: 150%;
			letter-spacing: .5em;
			color: #333; }

#sidebar dd.text
{			margin: .5em 0 .5em 0;
			padding: 0;
			font-size: 90%; }

#sidebar dd.imgSidebar 
{			margin: 0;
			padding: 0;}

#sidebar dd.imgSidebar img
{			border:1px solid black;
			margin: 0;
			padding: .2em;
			background: #fff; }

			
/* --- Footer et al ---------------------------------------------------------------*/
#footer
{			clear: both;
			margin: 0;
			padding: 1em 1em 1em 5em;
			background: #A3B92E;
			color: #fff;
			border-top: .125em solid #566022; }
			
#footer p
{			font-size: 85%;
			color: #fff; 
			text-align: center; }

#footerWrap
{			background: transparent;
			color: #fff;
			margin: 0;
			padding: 1em;
			text-align: center; }

#footerWrap ul
{			list-style: none;
			margin-left: 1em;
			padding: 0; }

#footerWrap ul li a:hover
{			background: url(images/square.jpg) no-repeat 0 .3em;
			margin: 0;
			padding-left: 1em;
			line-height: 1.2em;
			color: #fff; }
			
#footerWrap ul li a
{			color: #566022; }

/* --- Fairtrade --- */
body#fairtrade
{			margin: 5em 0 0 0;
			padding: 0;
			background: transparent;
			border-top: none; }
			
body#fairtrade img
{			margin: 0 auto; }
			
#innerwrapfair
{			margin: 0 auto;
			padding: 0 5em;
			width: 48em;
			background: transparent;
			border: 1px solid #d1d1d1; }
			
#introfair
{			margin: 1em 0; 
			padding: 1em;
			color: #fff;
			text-align: center;
			background: #A3B92E; }

#fairtradeContent
{			margin: 0 0 1em 0;
			padding: 0;
			font-size: 120%; }
			
#fairtradeContent p
{			margin: 0;
			padding: 0; }


/* --- Spans and Classes --------------------------------------------------------*/
span.img img
{			float: left;
			border: 1px solid #FE7038;
			margin: 0 .5em .5em .5em;
			padding: .2em;
			background: #ffe; }

span.italic
{			font-style: italic; }

#headQuote span.italicHead
{			font-style: italic;
			text-align: right;
			background: transparent; }

.col
{			float: left;
			margin: 0;
			padding: 0;
			width: 18em; }

.clear
{			clear: both;
			margin: 0;
			padding: 0; }

dl.xmasDL
{			margin: 0 0 1em 0;
			padding: .5em .5em;
			background: #E7E3CE; }

dl.xmasDL dt
{			color: orange; 
			font-style: italic; }
			
dl.xmasDL dd
{			margin: 0; 
			padding: .2em .5em; }
			
dl.designa
{			margin: 0 0 1em 0;
			padding: .5em .5em;
			background: transparent; }

dl.designa dt
{			
			margin: .5em 0; }
			
dl.designa dd
{			margin: 0; 
			padding: .2em .5em; }

.box
{			margin: 0;
			padding: 0;
			width: 20.75em;
			background: #fff url(images/divBottom.gif) no-repeat bottom left; }
			
.box h3.rambleh3
{			background:  #fff url(images/h3Bg.gif) no-repeat top left;
			margin: 0;
			padding:  6px 6px 4px 9px; 
			font-size: 130%; 
			color: #333; 
			/*border-bottom: 1px solid #FE7038;*/ }
			
.box ul
{			margin: 0;
			padding: 2em 1.6em;
			list-style: none; }
			
.box ul li
{			margin: 0 0 .4em;
			padding: 0; }
			
a.linkWords
{			margin: 0;
			padding: 0;
			color: #7F1617;
			font-style: italic;
			font-size: 100%;
			line-height: 1.2em;
			font-weight: 400;
}

.branding
{			font-size: 220%; 
			color: #A3B92E; }
			
bdo.reverse 
{			direction: rtl;
			color: #cc3300;
			font-family: Optima, "Century Gothic", sans-serif; }