*{
padding: 0px;
margin: 0px;
}
html{
overflow-y:scroll;
}

body{
font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
background: url(http://s265821845.online.de/projekte/jointhepirates/themes/jointhepirates_/img/bg.jpg)  center top no-repeat;
background-color: #111;
color: #3b3b3b;
text-align: center;
}

#page{
width: 801px;
text-align: left;
background: url(http://s265821845.online.de/projekte/jointhepirates/themes/jointhepirates_/img/bg.jpg)  center top no-repeat #0d0d0d;
margin: auto;
border-top: none;
}

#header{
height: 200px;
}

#navigation{
background: #00050A;
height: 35px;
}
#content{
padding: 20px;
height:auto !important;
height:500px;
min-height:500px;
}
#content_left{
width: 500px;
float: left;
padding-bottom: 30px;
border: 1px solid #888;
}
#content_full{
padding-bottom: 30px;
}

#content_onepage{
width: 760px;
float: left;
padding-bottom: 30px;
border: 1px solid #888;
}

#content_right{
width: 240px;
float:right;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #888;
}
#content_left, #content_right, #content_onepage{
background: #ccc;
}

#footer{
clear: both;
text-align: center;
margin-top: 50px;
padding-bottom: 30px;
background-color: #0d0d0d;
font-size: 9px;
text-transform: uppercase;
color: #222;
}

a{
border: none;
color: #369;
line-height: 14px;
}
#home_link{
display: block;
width: 200px;
height: 170px;
margin: auto;
}


#navigation ul{
padding-left: 60px;
padding-right: 20px;
list-style: none;
}
#navigation ul li{
display: inline;
}
#navigation ul li a span{
display: none;
}
#navigation ul li a{
display: block; 
height: 35px;
float: left;
}
#nav_society{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_society.gif) no-repeat;
width: 128px;
}
#nav_arg{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_arg.gif) no-repeat;
width: 190px;
}
#nav_signing{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_signing.gif) no-repeat;
width: 170px;
}
#nav_login{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_login.gif) no-repeat;
width: 100px;
}
#nav_boarding{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_boarding.gif) no-repeat;
width: 73px;
}
#nav_board{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_board.gif) no-repeat;
width: 130px;
}
#nav_story{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_story.gif) no-repeat;
width: 85px;
}
#nav_treasure{
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/nav_treasure.gif) no-repeat;
width: 67px;
}


#navigation ul li a:hover{
background-position: 0px -35px;
}
#content_left p, #content_onepage p{
text-align: justify;
letter-spacing: 0.3pt;
line-height: 17px;
padding: 14px;
}
#content_full p{
text-align: justify;
letter-spacing: 0.3pt;
line-height: 17px;
padding: 14px;
padding-bottom: 0px;
}

h1, h2, h3, h4, h5{
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
font-weight: lighter;
font-variant: small-caps;
margin-left: 14px;
margin-right: 14px;
margin-top: 18px;
}
h5{
font-size: 15px;
height: 10px;
color: #000;
}

#content_right *{
position: relative;
}
#content_right img{
width: 200px;
margin: 5px;

}
/* Headlines */
#headline_better_join{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_better_join.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_arg{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_arg.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_login{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_login.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_wanna_be{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_wanna_be.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_signing_on{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_wanna_be.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_boarding{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_boarding.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_storysofar{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_storysofar.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}
#headline_treasure{
padding-top: 20px !important;
background: url(http://www.jointhepirates.com/themes/jointhepirates_/img/headline_treasure.gif) no-repeat bottom left;
font-size: 0pt;
height: 30px;
}

a img{
border: none;
}
a:focus{
outline: none;
}
#content_left ul{
list-style: none;
margin: 20px;
}
#content_left ul li{
line-height: 18px;
}
#content_left ul li a{
text-decoration: none;
}
#content_left ul li a:hover{
text-decoration: underline;
}
#content img{
background-color: #ededed;
border: 1px solid #bbb;
padding: 5px;
}

#video_box img {
	background-color: none;
	background: none;
	border: none;
	padding: 5px;
}

/* Style Classes */

.right{
float: left;
margin-right: 8px;
width: 200px;
}
.left{
float: left;
margin-left: 10px;
width: 200px;
}
.quote{
margin-left: 370px;
padding-top: 6px;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
font-weight: lighter;
font-variant: small-caps;
} 
#video_box{
text-align: center;
padding: 30px;
}    

#disqus_thread{
	padding: 20px;
}