/*
Theme Name: Happy Plankton
Theme URI: http://www.happyplankton.com
Description: Theme for website
Version: 1.0
Author: Matt Hancock
Author URI: matt@happyplankton.com
*/

body {
width:750px;
margin:0 auto;
margin-top:30px;
background-color: #272f3a;
background-image: url('images/stripetile.png');
font-family: Tahoma, Verdana, Arial, sans-serif;
}

/* font-face for IE */
@font-face {
	font-family: TypoSlab;
	src: url('TypoSlabserif-Light.eot');
}

/* font-face for Firefox */
@font-face {
	font-family: TypoSlab;
	src: url('TypoSlabserif-Light.ttf');
}

img{
border: none;}

img.centered { display: block; margin-left: auto; margin-right: auto; }

.right { float: right; }
.left { float: left; }

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* ----- HEADER ----- */



#header {
width:750px;
color: white;
text-align: center;
}



/* ----- MAIN CONTENT ----- */



#container { 
width:750px;
background-color:#36abe1;
margin-top:10px;
color: white;
}

#content{
margin-right: 5px;
margin-left: 5px;}

#content h1{
font-family: "TypoSlab";
font-size:  30pt;
text-align: center;}

#content h1 a{
color:white;
text-decoration: none;}

#content h1 a:hover{
color:white;
text-decoration: underline;}

#content h1 a:visited{
color:white;
text-decoration: underline;}

#content h2{
font-family: "TypoSlab";
font-size:  20pt;
text-align: center;}

#content h2 a{
color:white;
text-decoration: none;}

#content h2 a:hover{
color:white;
text-decoration: underline;}

#content h2 a:visited{
color:white;
text-decoration: underline;}

#content ul {margin: 0 auto;}
#content li {list-style: none;
	display: inline-block;

        /* ie 6 and 7 shit */
	zoom:1;
	_height: 30px;
	*display: inline;
}
}




/* ----- COLUMNS ----- */

.twoColumnHolder{
width: 750px;
}

.leftColumn, .rightColumn {
	float: left;
	width: 373px;
	margin-top: 10px;
	background-color:#36abe1;
	border: 1px solid #20252d;
	color: white;
}

.rightColumn{text-align: center;}

.rightColumn a{
color:white;
text-decoration: none;}

.rightColumn a:hover,visited{
color:white;
text-decoration: underline;}

.rightColumn ul {margin: 0 auto;}
.rightColumn li {list-style: none;}

.columncontent{
margin-right: 5px;
margin-left: 5px;
font-size: 10pt;}

.columnheader {
font-family: "TypoSlab";
font-size:  20pt;
text-align: center;
}

.clearer {  
clear: both;  
}  



/* ----- FOOTER ----- */


#footer { 
width:750px;
/* background-color:#20252d; */
margin-top:10px;
color: white;
font-size: 8pt;
text-align: center
}

#footer a{
color:white;
text-decoration: none;}

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

#footer a:visited{
color:white;
text-decoration: underline;}


/* ----- FORM ----- */

.personaldetails {
 background-color: #36abe1;
 color: white;
 border: 1px solid black;

}

.message {
 background-color: #36abe1;
 color: #ffffff;
 border: 1px solid black;
}

.recaptcha{background-color: white;color: black;}

.button{ background-color: #36abe1;
 color: white;
 border: 1px solid black;
 margin-top: 5px;
}