/* CSS Document - bildochtext.se */




/* 
---------------------
       Generellt 
---------------------
*/

*{
margin: 0;
padding: 0;
}

body{
background-color: #666;
background-image: url(images/bg.gif);
}

body, textarea, input, h4 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-size: 12pt;
}

div{
background-color: transparent;
}

table{
border-collapse: collapse;
}

h1{
text-align: left;
font-size: 16pt;  
}
h2{
font-size: 14pt;
}
a{
text-decoration: none;
color: #cc3366;
}
a:hover{
text-decoration: underline;
}
p, h1, #gb_form h2, #album_list, #text_list, .album{
padding: 10px;
}
h1, h2, #menu, #footer, .text_title_input{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul{
list-style: none;
}
label{
width: 40%;
display: block;
float: left;
border-bottom: 1px dotted #8d5d83;
margin-right: 10px;
}
fieldset{
display: block;
border: none;
background-color: transparent;
padding: 10px;
}

/* 
---------------------
       Div:ar
---------------------
*/


#container{
float: none;
margin: 0 auto;
position: relative;
width: 80%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #fafafa;
}

#footer, #main, #menu{
width: 100%;
}

#start_images, #start_text{
width: 96%;
padding: 2%;
}

#main{
text-align: justify;
}

#footer{
clear: both;
border-top: 1px dotted #8d5d83;
color: #8d5d83;
border-bottom: 3px solid #ccc;
text-align: center;
}


/* 
---------------------
       Menyer/navigering 
---------------------
*/

#menu{
letter-spacing: 1.5px;
height: 24px;
background-color: #dd9ad4;
border-bottom: 3px solid #b57bad;
font-size: 16px;
font-weight: bold;
}
#menu ul{
list-style: none;
float: left;
}
#menu a{
display: block;
text-decoration: none;
color: #666;
padding: 3px 6px 3px 6px;
border-right: 1px solid #b57bad;
border-bottom: 3px solid #b57bad;
}
#menu a:hover, #menu a#current{
background-color: #fafafa;
color: #666;
border-right: 1px solid #ccc;
border-bottom: 3px solid #ccc;
}
#menu li{
float: left;
}

#album_list a, #text_list a{
display: block;
width: 100%;
}
#album_list a:hover, #text_list a:hover{
background-color: #cc3366;
color: #fafafa;
}


/* 
---------------------
       Formulär 
---------------------
*/

.text_title_input{
border: 0;
width: 60%;
font-size: 16pt;  
}



/* 
---------------------
       Övrigt 
---------------------
*/

.db{
border-top: 1px dotted #8d5d83;
}

.image_placeholder {
width: 240px;
height: 250px;
overflow: hidden;
float: left;
margin: 10px;
text-align: left;
font-style: italic;
padding-bottom: 10px;
}

.image_placeholder img{
border: 7px solid #eee;
margin-right: 10px;
margin-bottom: 10px;
}
.image_placeholder img:hover{
border: 7px solid #cc3366;
}