/* FILE: style.CSS   CREATED: 08-11-09   BY: EDD TURTLE   EDTURTLE.CO.UK */

* {margin:0;padding:0;}

body {
	background: #036 url(images/bg_header.jpg) top center repeat-x;
	color: #FFF;
	font: 12px 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;}

img {-ms-interpolation-mode: bicubic;}


a {
	text-decoration:none;
	font-weight:bold;}
    a:link {color:#FFF;}
    a:visited {color:#FFF;}
    a:active {color:#FFF;}
    a:hover {color: #ff6;}
    a img {border:none;}

h1 {
	font: 38px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	padding-bottom:15px;
	text-shadow:0px 0px 4px #FFF;}
h2 {
	font: 32px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	padding-bottom:10px;
	text-shadow:0px 0px 4px #FFF;}
h3 {
	font: italic 26px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	padding-bottom:10px;
	text-shadow:0px 0px 4px #FFF;}
h4 {
	font: italic 20px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	padding-bottom:10px;
	text-shadow:0px 0px 4px #FFF;}
    h4 a {font-weight:normal;}
h5 {
	font: bold 14px Verdana, Geneva, sans-serif;
	padding-bottom:0px;}


  /* -- LAYOUT -- */

#toptop {
	position:absolute;
	top:0px;
	left:0px;}

#box {
	width:100%;
	border-top:3px solid #060;}

#header {
	background: url(images/moon.png) right 20px no-repeat;
	border:0px solid #CCC;
	margin:0 auto;
	padding: 50px 0 0 0;
	text-align:center;
	width:980px;
}

#main {
	margin:0 auto;
	width:980px;}

#sidebar {
	width:250px;
	float:left;
	text-align:center;}
    #sidebar ul {
	width:250px;
	padding: 30px 0 0 0;}
    #sidebar ul li {
	font:10px Tahoma, Helvetica, "Trebuchet MS", sans-serif;
	list-style:none;}


#content {
	background: url('images/grad_line.png') left top no-repeat;
	float:left;
	border:0px solid #CCC;
	margin: 0;
	padding: 30px 0 50px 20px;
	width:705px;
	font-size:13px;
}

#footer {
	border-top:5px double #0066CC;
	clear:both;
	margin:0 auto;
	width:980px;
	text-align:center;}
    #footer ul {padding:10px 0;}
    #footer ul li {display:inline;}
    #footer p {padding:0 0 80px 0;}


#thumbs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#thumbs ul li {
	list-style: none;
}
#thumbs a {
	text-decoration: none;
}


.mepic {
	float:right;
	border:1px solid #CCC;
	padding:3px;
	margin:3px 0 0 9px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}

.portfoliopicture {
	padding:3px;
	margin-right:6px;
	border:1px solid #CCC;
	opacity:0.9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
    .portfoliopicture:hover {
	border:1px solid #CCC;
	opacity:1.0;}


.clear {clear:both;}



  /* -- SIDEBAR-NAV -- */

#home a {
	background: url(centre/clouds/cloud1.png) center 5px no-repeat;
	height:70px;
	text-align:center;
	width:100%;
	display:block;
	font: 25px/75px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
    #home a:link, #home a:visited {color:#294573;opacity:0.8;-webkit-transition: opacity 0.2s linear;}
    #home a:hover, #home a:focus, #home a:active {opacity:1.0;color:#060;font-style: italic;}

#portfolio a {
	background: url(centre/clouds/cloud4.png) center 5px no-repeat;
	height:90px;
	text-align:center;
	width:100%;
	display:block;
	font: 30px/95px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
    #portfolio a:link, #portfolio a:visited {color:#294573;opacity:0.8;-webkit-transition: opacity 0.2s linear;}
    #portfolio a:hover, #portfolio a:focus, #portfolio a:active {opacity:1.0;color:#060;font-style:italic;}


#contact a {
	background: url(centre/clouds/cloud2.png) center 5px no-repeat;
	height:70px;
	text-align:center;
	width:100%;
	display:block;
	font: 24px/75px Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
    #contact a:link, #contact a:visited {color:#294573;opacity:0.8;-webkit-transition: opacity 0.2s linear;}
    #contact a:hover, #contact a:focus, #contact a:active {opacity:1.0;color:#060;font-style:italic;}

#social {
	text-align:center;
	padding:20px 0;
	width:100%;}
    #social a:link, #social a:visited {opacity:0.8;-webkit-transition: opacity 0.2s linear;}
    #social a:hover, #social a:focus, #social a:active {opacity:1.0;}
    #social a img {width:50px;padding:0 4px;}




  /* -- OLD VERSION -- */

.versionbox { 
	background: url('old/images/bg_version1.png') top center no-repeat; 
	line-height:100px; 
	color:#FFF;}
    .versionbox:hover {
	background: url('old/images/bg_version2.png') top center no-repeat; 
	line-height:100px; 
	color:#CCC;}


/* Style ~ Buttons */
.button { text-align:left; }
.button a { background: url('images/gradm2acc.png') center -40px repeat-x; color:#FFF; padding:5px 9px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-decoration:none; }
.orange a { border:1px solid #036; font: 13px Verdana, Geneva, Tahoma, sans-serif; background-color:#BFBFBF;text-align:left;}
.orange a:hover { border:1px solid #006; background-color:#FF9900;}
.blue { clear:both; }
.blue a { border:1px solid #036; font:1.2em Verdana, Geneva, Tahoma, sans-serif;background-color:#06C; color:#FFF;text-align:center;}
.blue a:hover {border:1px solid #006; background-color:#036; color:#FFF; }
.green a { border:1px solid #063; font:13px Verdana, Geneva, Tahoma, sans-serif; background-color:#093;color:#FFF; text-align:center;}
.green a:hover { border:1px solid #030;background-color:#063;color:#FFF;}




#search {padding-left:0px;font-size:9px;width:295px;border:0px solid #000;margin:5px 0 0 0;}
#query {border:1px solid #000; opacity: 0.7; padding:3px;margin:0 0 5px 0;float:left;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;}
#button {border-width:1px 1px 1px 0;border-style: solid; border-color: #000; opacity: 0.5; padding:3px;font-size:12px;float:left;cursor:pointer;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;}

#asso li {display:inline !important;}

.asso {width:340px;height:192px;padding:0;margin:0 8px 10px 0;display:block;border:1px solid #000;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-align:left;font: 12px/180px Georgia, Serif;float:left;box-shadow:0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 0px 10px #000;}
.asso:link, .asso:visited {color:#000;}
.asso span {font: 12px/100px Georgia, Serif;}

#asso-search {background: url('images/asso-search.jpg') center top no-repeat;}
#asso-search:hover, #asso-search:active {opacity:1.0;color:#000;font-style:italic;font: 22px/170px Georgia, Serif;}
#asso-biology {background: url('images/asso-bi.jpg') center center no-repeat;}
#asso-biology:hover, #asso-biology:active {opacity:1.0;color:#000;font-style:italic;font: 22px/170px Georgia, Serif;}
#asso-geog {background: url('images/asso-gr.jpg') center center no-repeat;}
#asso-geog:hover, #asso-geog:active {opacity:1.0;color:#000;font-style:italic;font: 22px/170px Georgia, Serif;}
#asso-blog {background: url('images/asso-turtleblog.jpg') center center no-repeat;}
#asso-blog:hover, #asso-blog:active {opacity:1.0;color:#000;font-style:italic;font: 22px/170px Georgia, Serif;}