/* The body */

body {margin: 0 0 20px 0;background-color:#63b955;}

img {border: 0px;}



/* The headers */

h1 {font-family: Tahoma; font-size: 18px; color: #67a1cc; margin:0 0 10px 0; font-weight: normal;}
h2 {font-family: Tahoma; font-size: 16px; color: #67a1cc; margin:0 0 0 0; font-weight: normal;}
h3 {font-family: Tahoma; font-size: 12px; color: #60667b; margin:0 0 10px 0; font-weight: normal;}
h4 {font-family: Tahoma; font-size: 14px; color: #60667b; margin:0 0 10px 0; font-weight: normal;}
h5 {font-family: Tahoma; font-size: 14px; color: #67a1cc; margin:0 0 10px 0; font-weight: normal;}
h6 {font-family: Tahoma; font-size: 10px; color: #60667b; margin:0 0 0 0; font-weight: normal;}


.title_main {font-family: Tahoma; font-size: 16px; color: #67a1cc; margin:0 0 0 0; font-weight: normal;}
.title_sub {font-family: Tahoma; font-size: 12px; color: #60667b; margin:0 0 10px 0; font-weight: normal;}
.title_small {font-family: Tahoma; font-size: 10px; color: #60667b; margin:0 0 0 0; font-weight: normal;}



/* The links */

a:link {text-decoration: none; color:  #67a1cc; font-family: Tahoma;}
a:visited {text-decoration: none; color:  #67a1cc; font-family: Tahoma;}
a:hover {text-decoration: none; color:  #67a1cc; font-family: Tahoma;}
a:active {text-decoration: none; color:  #67a1cc; font-family: Tahoma;}

.boxed_link {display: block; color: #fff; font-family: Tahoma; padding: 5px; text-decoration: none;}
.boxed_link:hover{text-decoration: none; background-color: #c7e5f7;}


/* The structure */

#banner {width:100%; background-color: #96cbf3; height: 120px;}
#bannerwrap {margin: auto; position: relative; width:900px;}

#content {width:100%; background: url(images/field.gif) repeat-x;}
#contentwrap {margin: auto; position: relative; width:900px;}

#column {width:100%;}
#columnwrap {margin: auto; position: relative; width:900px;}

#footer {width:100%; background-color:#404343; height: 54px;}
#footerwrap {margin: auto; position: relative; width:944px;}
					


/* The curved structure */

.curve {background: #fff; margin: 0 0 40px 0; width: 600px; height: 280px;}

.contentcurve {background: #fff; margin: 0 0 20px 0; width: 600px; color: #60667b; font-family: Tahoma; font-size: 14px;}
		
.twitterstatus {background: #fff; margin: -310px 0 0 0; width: 270px; float: right; z-index: 10; font-family: Tahoma; font-size: 14px; color: #60667b;}

.myapi {background: #fff; margin: 0px; width: 100%; font-family: Tahoma; font-size: 14px; color: #60667b; margin: 0 0 20px 0;}
			
.curvefooter {border: 1px solid #404343; background-color: #404343; margin: 20px 0 0 0; width: 900px; margin: auto; position: relative;}
		
.curvepadd {padding: 10px;}



/* The navigation */

ul#navigation {padding: 0; margin: 20px 0 0 0; background-color: #96cbf3; color: #fff; float: right;}

ul#navigation li {display: inline;}
ul#navigation li a {padding: 10px; background-color: #96cbf3; font-size: 18px; text-decoration: none; float: left;}
ul#navigation li a:hover {color: #fff;background-color: #80b6dd; border-bottom:5px solid #fff;}

.nav_smalltext {font-size: 10px;color: #326b8e;}



/* The sprites */

.wordpress {position:relative; width:96px; height:54px; top:-10px; float: right; background: url(images/wordpress.gif) no-repeat;}
.wordpress:hover {background-position:100% 0%; cursor:pointer;}			

.xhtmlvalid {position:absolute; width:62px; height:53px; top:0px; left:10px; background: url(images/xhtmlvalid.gif) no-repeat;}
.xhtmlvalid:hover {background-position:100% 0%; cursor:pointer;}

.cssvalid {position:absolute; width:62px; height:53px; top:0px; left:82px; background: url(images/cssvalid.gif) no-repeat;}
.cssvalid:hover {background-position:100% 0%; cursor:pointer;}	
					


/* The forms */	

form {padding: 0 0 0 30px;}
	
input {background-color: #c7e5f7; font-family: Tahoma; font-size: 16px; border: solid thin #ccc; padding: 5px; color: #0b1820; margin: 5px 0 0 0;}
textarea {background-color: #c7e5f7; font-family: Tahoma; font-size: 16px; border: solid thin #ccc; padding: 5px; color: #0b1820; margin: 5px 0 0 0;}

.over {background-color: #c7e5f7}
.over:hover {background-color: #96cbf3; cursor:pointer;	}

.send {background-color: #c7e5f7; color: #60667b;}
.send:hover {background-color: #96cbf3; color: #0b1820; cursor:pointer;	}
					


/* The columns */

.lastfm {float:left; width: 29%; border-right:#67a1cc 1px dotted; border-left:#67a1cc 1px dotted; padding:0 10px 0 10px;}
.wordpressblog {float:right; width: 25%; padding:0 10px 0 10px;}
.myflickr {float:left; width: 38%; padding:0 10px 0 10px;}	



/* The other stuff */

.skill_list {list-style: url(images/tick_point.png) inside; color: #60667b; font-family: Tahoma; font-size: 16px; margin: 0 0 5px 0;}

.tiger {background: url(images/tiger/twitter_tiger.png) no-repeat; margin: -320px 0 10px 610px; width: 291px; height: 300px;}

.copy {color: #959e9e; font-family: Tahoma; font-size: 12px; margin: 0 0 0 350px; padding: 10px 0 10px 0;}

.siteimg {float: left; padding: 5px; border: solid thin #ccc; margin: 0 10px 0 0; background-color: #fff;}

object.flashvideo {width: 640px; height:350px;}

.trackimg {float: left; padding: 4px; border: solid 4px #ccc; margin: 0 10px 0 0; background: #fff url(images/noartwork.gif) no-repeat;}

.titleimg {margin: 30px 0 20px 0; position:relative; background-color: #96cbf3;}

.clearfix {clear: both;}

.mytiger {width: 280px; float: right; z-index: 10;}