<!--

/*
default styles for technique.org.uk
*/

body
{
margin: 0 auto 0 auto;
background-color: #ffffff;
/*font-family: "Courier New", courier, mono;*/
font-family: verdana, arial;
font-size: 70%;
color: #333333;
line-height: 180%
}


a, a:active, a:visited, a:hover
{
color: #333333;
text-decoration: none;
font-weight: bold;
}

a:hover
{
text-decoration: underline;
}

table, tr, td
{
margin-0;
}

h1, h2, h3, h4 { margin: 0; padding: 0; color: #d0460c; }
h2, h3 { font-family:Georgia; }
h2 { font-size:240%; color:#333333; }
#pageheading h2 { text-transform:uppercase; }
h3 { margin: 0 0 10px 0; font-size:150%; }
h4 { font-size: 100%; margin: 0 0 10px 0; }
hr { visibility: hidden; }
.shout {color: #d0460c; font-weight: bold; }

img { border: 0; }
form { margin: 0; padding: 0; }

h3.gif
{
margin-top: 5px;
text-align: left;
}

h3.profile_sub{ margin-top:20px; }

.clearboth { clear: both; }

.quicklinks { line-height: 120% }
.quicklinks p {margin-top: 0; }

#content
{
background-color: #ffffff;
width: 960px;
margin: 0;
padding: 20px;
margin: 0 auto 20px auto;
text-align: center;
}

#nav
{
text-align: left;
}

#pageheading
{
text-align: left;
margin: 15px 0;
}


#columns
{
/*background-color: silver;*/
margin: 0px;
text-align: left;
}

#leftColumn
{
/*background-color: blue;*/
width: 220px;
margin-right: 20px;
float: left;
display: block;
}
.wider#leftColumn{
	width:280px;
}

#centreColumn
{
/*background-color: green;*/
width: 495px;
margin-right: 20px;
float: left;
display: block;
}

#rightColumn
{
/*background-color: red;*/
width: 200px;
margin: 0;
float: left;
display: block;
}

#doubleColumn
{
/*background-color: red;*/
width: 470px;
margin: 0;
float: left;
display: block;
}
#widerColumn{ 
width:660px;
margin: 0;
float: left;
display: block;
}

/* footer */
#footer
{
text-align:right;
background-color: #333333;
margin-top: 15px;
padding: 0 10px;
color: white;
font-size: 85%;
}

#footer a
{
color: white;
font-weight: normal;
}


.mixbox
{
padding: 12px 12px 12px 53px;
margin-top: 10px;
border: 1px solid #c3c3c3;
background-color: #e5e5e5;
background-image: url('/img/headphones-icon.gif');
background-repeat: no-repeat;
background-position: left center;
}

.photobox
{
padding: 12px 12px 12px 53px;
margin-top: 10px;
border: 1px solid #c3c3c3;
background-color: white;
background-image: url('/img/camera-icon.gif');
background-repeat: no-repeat;
background-position: left center;
}


/* non flash header */
#noflashNav
{
padding: 10px;
width: 940px;
height: 100px;
background-color: #000000;
border: 1px solid #330000;
color: #ffffff;
font-family: Georgia;
font-family: Georgia;
font-size: 90%;
text-align: center;
vertical-align: bottom;
position:relative;
}

#noflashNav h1 img { margin-top:8px; }
#noflashNav h1 { font-size: 120%; margin: 2px;}
#noflashNav h2 { font-size: 100%; margin: 2px;}
#noflashNav ul { margin:9px auto; width:710px; padding:0; }
#noflashNav ul li, ul li { display: inline; text-transform: uppercase; }
#noflashNav ul li a { padding: 2px 8px; color: #fff; text-decoration: none; float: left; }
#noflashNav ul li a:hover { background-color: #222222; }
#noflashNav ul li.active a:hover  { background-color: #fff; }
/* -- non flash header */


/* -- form -- */
table, td, tr
{
border: 0;
vertical-align:top;
}

td { padding-right: 12px; }
td.comp { padding: 4px 0 0 0;  margin: 0 0; }

input, textarea
{
border: 0px;
background-color: #eeeeee;
padding: 3px;
margin-bottom: 3px;
font-family: verdana;
font-size: 90%;
}


.errorMsg { color: #d0460c; visibility:hidden; display: none;}

.submitButton { padding: 2px; border: 1px solid #333333; font-size: 100%; }
/* -- end form -- */


/* -- thumbnails -- */

.thumbnail
{
float: left;
margin: 0 8px 8px 0px;
height: 82px;
width: 110px;
text-align: center;
vertical-align: center;
background-color: black;
overflow: hidden;
}

.endRow
{
margin-right: 0;
}

.thumbnail a
{
display: block;
}


#gallery-nav
{
margin-bottom: 25px;
}


/* -- end thumbnails -- */

-->

.chart{
	margin-bottom:20px;
}
.chart div{
	float:left;
}

.sub{ float:right; }
a.sub { color:#D0460C; }
.down{ float:left; }
a.down { color:#D0460C; }
.justify{ text-align:justify; }

h3.podcast { font-size:30px; font-family:times; color:#333333; margin:20px 0;}
.admin p { color:#AAAAAA; margin-top:0px; }
.admin label { font-weight:bold; }
.admin .message { color:green; margin-bottom:20px; font-weight:bold; }

/* COMMENTS */

#comment_container{
	clear:both;
	margin-top:40px;
	background-color:#F4C88A;
	padding:0 0 20px 0;
}
#comment_container h3 { background-color:#F1BA70; padding:15px 10px;}
#comments-form { padding:15px; }
#comments-form { width:600px; }
#comments-form label { float:left; width:300px; }
#comments-form input, #comments-form textarea { margin-bottom:5px; width:280px; }
#comments-form textarea { height:150px; }
#comments-form #send { display:block; width:auto; margin:10px 0 0 300px; padding:6px; }
.comment{ padding:15px; }
#comments .last { margin-bottom:20px;  }
.comment .user { font-weight:bold;  }
.comment .head { margin-bottom:5px; }
.comment .body { }
.stripe1 { background-color:#F1BA70; }
.error { color:red; }
.msg { height:20px; font-weight:bold; padding:5px; }