/* Main CSS document for www.davidalbahari.com */ 

/* Body + general appearance of links, headings, etc  */ 

body
{
background-color: #F8EF8D;
color: #003366;
font-family: verdana, helvetica, sans-serif;
text-align: center;
margin: 0 auto;	
}

a:link 
{
color: #036;
text-decoration: none;
}

a:visited 
{
color: #036;
text-decoration: none;
}  

a:hover 
{
color: #036; 
font-weight: bolder; 
}

a:active 
{
color: #036;
text-decoration: none;
}

a:link img 
{
border: none;
border-style: none;
text-decoration: none;
}

p:first-letter
{
font-size: 1.15em;
}

.rubrika
{
margin: 1em 0 1em 0;
padding: 1em;
}

.months
{
padding-top: 1em; 
}

h1 {font-size: 2em;} 
h2 {font-size: 1.5em;}  
h3 {
font-size: 1em;
width: 200px;
border-bottom: silver 2px solid;
border-left: silver 2px solid; 
padding-top: 0;
margin-top: 0;
}  
h4 {font-size: 0.85em;} 
h5 {font-size: 0.75em;} 

ul li
{
list-style-type: none; 
margin-left: 0; 
padding-left: 0; 
}

/* Container */ 

.container
{
margin: 20px auto;
width: 960px;
text-align: left;
position: relative;
background-color: #F9F19C;
}

.fonts 
{
font-size: .65em; 
margin: 10px 0 0 0px; 
}

/* Main navigation + links in mainnav */ 

.mainnav
{ 
top: 5px; 
position: relative; 
line-height: 1.1em;
font-size: 0.9em;
width: 960px; 
text-align: right;
background-color: #003366;
color: #FFCC00;
letter-spacing: 1px;
clear: both;
}

.mainnav  a:link 
{
color: yellow;
text-decoration: none;
}

.mainnav a:visited
{
color: yellow;
text-decoration: none;
}  

.mainnav a:hover 
{
color: #FFCC00;
text-decoration: none;
font-weight: normal;
}

.mainnav a:active 
{
color: yellow;
text-decoration: none;
}

/* Main body of text and ilusstration */ 

.mainbody
{
width: 960px;
height: 100%;
margin: 5px auto;
position: relative;
} 

.mainbody p
{ 
padding-left: 10px;
}

.iluss1
{
width: 200px;
float: left; 
}

#hdtitle
{
background-color: #FFCC00;
color: #036;
width: 200px;
margin: 0; 
position: relative;
text-align: center; 
font-family:  monotype corsiva, georgia, serif; 
}


.columns
{ 
float: right; 
position: relative; 
font-size: 0.75em;
line-height: 1.15em;
width: 78%;
height: 100%;  
text-align: left;
top: 10px;
padding-bottom: 50px;
}



.column1
{
float: left;
position: relative; 
line-height: 1.25em;
width: 48%;
}

.column2
{
float: right;
position: relative; 
line-height: 1.25em;
width: 50%; 
text-align: left;
padding-right: 10px;
}

 .footer
{
clear: both;
margin: 20px 0 0 0px;
width: 960px; 
height: 1.25em;
position: relative; 
font-size: .75em;
background-color: #003366;
color: #FFCC00;
text-align: right;
} 

.footer  a:link 
{
color: yellow;
text-decoration: none;
}

.footer a:visited
{
color: #09f;
text-decoration: none;
}  

.footer a:hover 
{
color: #FFCC00;
}

.footer a:active 
{
color: #FFCC00;
font-weight: bold;
text-decoration: none;
}

/*  CSS for individual pages */ 

.text
{
width: 70%;
height: auto; 
position: relative; 
margin: 0 auto; 
font-size: .75em;
line-height: 1.35em;
text-align: justify;
padding-top: 50px;
}

.text_right
{
text-align: right;
}

.text h2
{
width: 300px;
margin: 0 auto; 
text-align: center;
border-bottom: silver 1px solid;
padding-bottom: 30px;
margin-bottom: 50px;
}

.orientnav
{
font-size: .75em;
text-align: right; 
background-color: #003366;
color: #FFCC00;
} 

.orientnav  a:link 
{
color: yellow;
text-decoration: none;
}

.orientnav a:visited
{
color: #0099FF;
text-decoration: none;
}  

.orientnav a:hover 
{
color: #FFCC00;
font-weight: bolder; 
}

.orientnav a:active 
{
color: #FFCC00;
text-decoration: none;
}


/* Individual pages */ 

.text #entrefilet
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
font-style: italic; 
width: 200px;
text-align: left;
}

.biblio
{
font-size: .75em;
}

.question
{
font-style: italic;
}