/*
Theme Name: 1024px
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: The 1024px theme for WordPress, based on Andreas' open source XHTML/CSS <a href="http://andreasviklund.com/templates/">website template</a> with the same name. A Swedish translation is available on <a href="http://jokkmokk.biz/">Jokkmokk.biz</a>.
Version: 1.5
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
*/

/* Body */
body {background:#325B83  top center repeat-y; color:#404040; }
*{margin:0; padding:0; }

/* Main wrap */
#wrap {color:#FFFFFF; margin:0 auto; width:750px;}
#slogan {color:#FFFFFF; font-size:1.0em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:0px 0 30px 0px; }
#toplinks {padding:5px 2px 2px 3px; text-align:right; }

/* Headers */
h1 {color:#FFFFFF; font-size:3em; line-height:.8em; letter-spacing:-2px; margin:20px 0 10px -3px;}
h1 a {color:#FFFFFF;}
h1 a:hover {text-decoration:none; font:Verdana;}
{background: url('http://www.fortdenhaak.nl/wp/wp-content/images/2008/06/logo_palm-75x96.jpg')no-repeat top; background-position:; background-position: 675px 8px; }
 

h2, table#wp-calendar caption {border-bottom:4px solid #dadada; text-align:left; font-weight:bold; color:#4088b8; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h3 {border-bottom:1px solid #dadada; color:#4088b8; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}

h4 {color:#FFFF00; font-size:2em; border: 1px dotted #FFFF00;
}



/* Content */

#content {float:left; line-height:1.5em; margin:0px 0px 0px; text-align:left; width:750px;background:#325B83; }

#content ul,#content ol {margin:0px 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0px;}
#content p {margin:0 0 15px 0px;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}

/* Footer */
#footer {border-top:1px solid #dadada; clear:both; color:#B68A51; font-size:0.8em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:left; font-weight:bold; font: 0.6em 'Verdana',Tahoma,Arial,sans-serif; background: url('http://www.fortdenhaak.nl/wp/wp-content/images/2008/06/logo_palm-75x96.jpg')no-repeat top; background-position:right; background-position: 675px 8px; }
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}
#footer {}




/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}

/* Links */
a {color:#FFFF00; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;

}

/* Float fix */
.contenttext {overflow:hidden; font: 0.7em 'Verdana',Tahoma,Arial,sans-serif; }
* html .contenttext {height:1px; overflow:visible;   }
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right; }
.textcenter {text-align:center;}
.hide {display:none;}

/* chromemenu */

#chromemenu{
width: 100%;
font-weight: bold;
font-size: 90%; font: 0.6em 'Verdana',Tahoma,Arial,sans-serif;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 0px solid #BBB; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;
width: 100%;
background: #B68A51 center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: white;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA; 

}

#chromemenu ul li a:hover{
background:#B68A51  center center repeat-x;
}