/*******************************************************************************
* original called mojito_structure.css
* -------------------
* created : Januarie 2010
* copyright : GPL version 2
* Rewrited by Marcel Blankensteijn
* Marcel Blankensteijn
* aem.blankensteijn@casema.nl
/********************************************************************************


/**************************** HTML elements ***********************************/
body, html {
	text-align: left;
	font: 1em/1.6em Arial, Verdana,Sans-serif;
	color:#000000;
        margin-top: 0px;
 	background-color:#000 ;

}

#main a {
	color: #00007F;
	text-decoration: none; 
}


#main a:hover {
	color: #61021F;
	text-decoration: none; 
}


#voet a {
	color: #5970FB;
	text-decoration: none; 
}

#voet a:hover {
	color: 61021F;
	text-decoration: none; 
}
#rightcolum a {
	color: #5970FB;
	text-decoration: none; 

}

#rightcolum a:hover {
	color: #61021F;
	text-decoration: none; 

}

#foto a {
	color: #5970FB;
	text-decoration: none; 
}

#foto a:hover {
	color: #61021F;
	text-decoration: none; 
}


#fotomes a {
	color: #5970FB;
	text-decoration: none; 
}

#fotomes a:hover {
	color: #61021F;
	text-decoration: none; 
}

a:link, a:visited {
	color: #00007F;
	text-decoration: none; 
}

h1 {
	margin: 0 0 0 40px;
	padding: 24px 0 0 0;
	font-size: 2.5em;
	font-family:  Arial, Verdana,Sans-serif;
	letter-spacing: 3px;
	font-weight: bold;
	line-height: 1.5em;
}

/* special markup for the entry title */
h3 {
    margin-top:2px;
margin-bottom:2px;
	font-size: 0.8em;
	margin: 0.001em 0 0 0;
	color: #757575;
        line-height: 1.5em

}



/* special markup for the entry title */
#cal {
       text-align: center;
	font-size: 0.75em;
	color: #757575;
        line-height: 1em
	border-bottom:1px solid #8C8C8C;	 
 

}

#cal a {
	color: #8C8C8C;
	text-decoration: none; 

}


#cal a:hover {
	color: #FD0202;
	text-decoration: none; 
}

    margin-top:5px;
	font-size: 0.7em;
	margin: 0.01em 0 0 0;
	color: #757575;
}


h1 a, h1 a:hover {
	text-decoration: none;
	color: #ffffff;
}

h1.top, h5.top {
	color: #FFF;
	margin-top: -1.55em;
	margin-left: 39px;
	padding: 0px;
}


h2 {

    margin-top:10px;
	font-size: 1.4em;
	margin: 0.3em 0 0 0;
	color: #757575;
}


h4 {
	font-size: 1.1em;
	margin: 0.3em 0 0 0;
}


p {
	font: 1em/1.6em Arial, Verdana,Sans-serif;
	margin: 0.5em 0;
	border: 0px dashed #0F0;
}

#main div {
	margin: 0.5em 0;
	border: 0px dashed #0F0;
    line-height: 1.5em;
}

#intro {
	margin: 0.5em 0;
	border: 0px dashed #0F0;
    line-height: 80%;
	font-size: 120%;
}

#body {
	margin: 0.5em 0;
	border: 0px dashed #0F0;
    line-height: 90%;
	font-size: 95%;
}

#archief {
	margin: 0.5em 0;
                line-height: 105%;
	font-size: 90%;
}
tt {
	font-family: Arial, Verdana,Sans-serif;
	font-size: 1em;
	
}

hr {
	margin: 1em 0.1em;
}

/*********************** STYLE SHEET SPECIFICS ********************************/

/* Container */
#container {
	border: 0px solid #999;
	width: 940px;
	margin: 0px auto;
    color: #FFFFFF;
background-color: #FFF;
}

/* header - holds title and subtitle */
#header {
    width: 940px;
    height: 124px;
	margin: 0px;
	color: #ffffff;
	background: url(http://www.hayabusaclubholland.nl/images/topmenu.png) no-repeat left top;
        background-color:#F0F0F0 ;
	
}

#menu {  
    margin-top: 0px;
	padding: 0;
    width: 940px;
    height: 26px;
    font-size: 65%;
    line-height: normal;
    overflow: hidden;
    background: url("http://www.hayabusaclubholland.nl/images/menu.png") no-repeat left top;
    color: #FFFFFF;
}

/* main section. This is the main that is used in 3 column layout */
#main {
	font: 75% Arial, Verdana,Sans-serif;
	width: 620px;
    padding-left: 5px;
	float: left;
color: #000000;
background-color: #FFF;

}

#main ul li  {
    padding:0 0 0 15px;
    list-style: none;
    background:  #F0F0F0 url("http://www.hayabusaclubholland.nl/images/bullet.gif") no-repeat left top;
}

#archief ul li  {
    padding: 0 0 0 15px;
    list-style: none;
    background: url("http://www.hayabusaclubholland.nl/images/bullet.gif") no-repeat left top;
    margin-left: -20px;
}

#main img { 

    margin-bottom: 1px;
	margin-top: 1px;
	border-color: #D1D1D1; 
	border-width: 1px;
	border-style: solid;
	padding: 4px 4px 4px 4px;
}

#main a:hover img { 

	border-color: #4c4c4c;
	border-width: 1px;
	border-style: solid;
}

#mainform  {
    font-size: 90%;
}

/* main section. This is the main that is used in 2 column layout, and the normal comments */
#main-2columns {
	width: 70%;
	margin: 0 5px 0 0;
	float: left;
}

/* main section. This is the main that is used in the smaller comment popups */
#main-full {
	width: 90%;
	line-height: 2.5em;	
	margin: 0 10px 0 0;
	padding: 24px 12px 0 12px;
	float: left;
}
#forum {

	font: 80% Arial, Verdana,Sans-serif;
	width: 895px;
    padding-left: 5px;
	margin-left: 20px;
    background-color: #F0F0F0 
}

/* secondary info: post date, poster, category, number of comments */
.info {
	color: #666666;
}

/* all other information goes here */
#rightcolum {
    width: 305px;
    padding-top: 1px;
    padding-left: 0px;
	margin-top: 0px;
    float: right;
    color:black;
	font-size: 85%;
background-color: #FFFFFF;
Border-left: 1px solid #4c4c4c

}
/* all other information goes here */
#rightcolumt {
    padding-left: 5px;
}

#rightcolum p{
    line-height: 1em;
	border-bottom:1px solid #A2A3A2;	 	
	font-size: 0.75em;
}	
	


#secondary, #linkdump {
    font: 74% Arial, Verdana,Sans-serif;
	top: 0;
	left: 0;
    padding: 5px 0px 0 0;
	width: 250px;
    list-style: none;
	float: left;
	border: 0px solid #0F0;
    background-color: #E6E9F3; 
}

#secondary p, #linkdump p {
	line-height: 1.4em;
}

#secondary ul li  {
    list-style: none;
    padding:0 0 0 15px;
    background:  #F0F0F0 url("http://www.hayabusaclubholland.nl/images/bullet.gif") no-repeat left top;
}


/* special markup for secondary info headers */
#secondary h3, #linkdump h3 {
	margin: 5px 0 8px 0;
	padding: 0 0 0 22px;
	font: bold 1.8em Arial, Verdana,Sans-serif;
	color: #555555;
}

/* using different classes to outline the different sections */
.links,  .archives, .about, .search, h3.calendar, .linkdump,
#secondary .comments, .referrers, .stuff {
	margin: 0.3em 0 0.5em !important;
	border-bottom: 0px solid #0FD; 
}

.about-box {
	border: 1px solid #586200;
	background-color:#191919;
	color: #E0DDDD;
    font-weight: bold;
    text-align: left;
	line-height: normal;
    margin-left: 0px;
	padding-left: 5px;
}

#voet {

	width: 940px;
	margin: 0px auto;
	position: relative;
                font-size: 60%;
	backckground-color: #F0F0F0; 
	border-top:1px solid #ddd;
color: #000000; 
}

#voetmenu {

	color: #000000; 
	float: right;
}

#forumn {
	width: 940px;
	margin: 0px auto;
	position: relative;
        font-size: 90%;
	background: #F0F0F0; 
	border-top:1px solid #ddd;
}

#forumnav {

        margin-top: -23px;
	color: #000000; 
	float: right;
}

#left {
	width: 300px;
    float: left; 
    margin-left:0;
}

#right {
	width: 300px;
    float: right;
    margin-top: 10px;
}


input, textarea, select {
	vertical-align: middle;
	padding: 2px;
    border: 1px solid #A2A3A2;
    font-size:12px;
}
#rightcolum img { 

    margin-bottom: 1px;
	margin-top: 1px;
	border-color: #D1D1D1; 
	border-width: 1px;
	border-style: solid;
	padding: 4px 4px 4px 4px;
}

#rightcolum a:hover img { 

	border-color: #4C4C4C;
	border-width: 1px;
	border-style: solid;
}

.underline {
	border-bottom:2px solid #A2A3A2;
	}



#fotocont {
	border: 1px solid #999;
	width: 940px;
	margin: 0px auto;
	background-color: #F0F0F0;
}

#fotomain {
        font: 90% Arial, Verdana,Sans-serif;
	float: left;
        background-color: #F0F0F0; 
}

#foto {
    font: 60% Arial, Verdana,Sans-serif;
    background-color: #F0F0F0; 
    margin-left: 0px;


}

#fotomes {
    font: 100% Arial, Verdana,Sans-serif;
    background-color: #F0F0F0; 
    margin-left: 0px;


}

#foto table {
    font: 110% Arial, Verdana,Sans-serif;
    background-color: #F0F0F0; 

}

#foto img { 

    margin-bottom: 1px;
	margin-top: 1px;
	padding: 4px 4px 4px 4px;
}

#foto a:hover img { 

	border-width: 0px;
	border-style: solid;
}
/* --------------------------------------------

Main screen tabelen opmaak

----------------------------------------------- */
/* Opmaak tabel zelf */
#main table {
	width: 590px;
}

/* Opmaak tabel header en kolom */
#main th, td {
	border-bottom:1px solid #A2A3A2;
	text-align: left;
	color:#333;
	vertical-align:top;
}

/* Opmaak tabel header kleur */
#main th {
	color:#fff;
}
/* Opmaak tabel zelf */
#form table {
	width: 590px;
}

/* Opmaak tabel header en kolom */
#form th, td {
    border-bottom:0px solid #A2A3A2;
	text-align: left;
	color:#333;
	vertical-align:top;
}

/* Opmaak tabel header kleur */
#form th {
	color:#fff;
}


/* --------------------------------------------
menu
----------------------------------------------- */

#menu ul {
	margin-left: 20px;
    margin-top: 4px;
	padding:0 0 0 0px;
	list-style:none;
	font-size: 120%;
}

#menu li {
	float:left;
/*	background: url("http://www.hayabusaclubholland.nl/images/links.png") no-repeat left top; */
	margin:0;
	padding:0 0 0 0px;
	margin-left: 0px;
}

#menu a {
	float:left;
	display:block;
/* 	background: url("http://www.hayabusaclubholland.nl/images/rechts.png") no-repeat right top; */
	padding:2px 15px 4px 10px;
	text-decoration:none;
	color:#FFF;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {
    float:none;
}
    /* End IE5-Mac hack */

#menu a:hover {

	color: #61021F;
}

#menu #current {
        text-decoration: underline;
	border-width:0;
}

#menu #current a{

    color:#FFF;
text-decoration: underline;
	font-weight:bold;
	border-width:0;
}

#menu #current a:hover{

    color: #61021F;

	border-width:0;
}

#menu li:hover {

	color:#61021F;
}

#menu li:hover a {
       color:#61021F;
}