/*
Theme Name: TK
Theme URI: http://tks-ungdomsgaard.dk/
Description: TK theme.
Version: 1.0
Author: Jon Lund Steffensen
Author URI: http://jonls.dk/
Tags: tk, fixed width

 Red: #d81e05 (216, 30, 5)
*/

* {
        margin: 0;
        padding: 0;
}

body {
        margin: 0;
        padding: 0;
	color: black;
	background-color: white;
        font-size: 87.5%;
        line-height: 1.25em;
        text-align: center;
}

html>body { font-size: 14px; }

img { border: none; }

.hidden { display: none; }


/* Wrapper */
#wrapper { text-align: left; width: 965px; margin: 0 auto; }
#page { float: left; clear: both; width: 955px; margin-left: 5px; background-color: white; }

/* Header */
#header { float: left; clear: both; width: 955px; margin-top: 25px; }

#logo {
        float: left; clear: left;
        margin-left: 5px;
        width: 100px; height: 100px;
        background: url("images/logo-100.png") no-repeat;
}

#title { float: left; width: 595px; margin-left: 15px; }
#title h1 { font-size: 3em; font-weight: bold; line-height: 1.5em; letter-spacing: -0.05em; }
#title a, #title a:visited { color: black; text-decoration: none; }
#title a:hover { color: #d81e05; }

#title .description { color: #333; }

#search {
        float: right; clear: right;
        width: 235px;
        margin-left: 5px;
}

#search form { float: left; clear: both; }

#search input[type="text"] {
        float: left; clear: left;
        width: 160px;
        padding: 0.25em 5px;
        border: 2px solid #d81e05;
        font-size: 0.9em;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
}

#search input[type="submit"] {
        float: left; clear: right;
        width: 55px;
        margin-left: 5px;
}


/* Images */
#images {
        float: left; clear: both;
        width: 955px; height: 200px;
        margin-top: 25px;
        position: relative;
        overflow: hidden;
}

/* Navigation */
#nav {
        float: left; clear: both;
        width: 955px;
        background-color: #d81e05;
}

#page-menu, #page-menu ul {
        list-style: none;
        position: relative;
        font-size: 0.9em;
        line-height: 1.4em;
        z-index: 300;
        width: 100%;
        background-color: #d81e05;
        font-weight: bold;
}

#page-menu a {
        display: block;
        padding: 0.25em 1.8em 0.25em 8px;
        color: white;
        background-color: #d81e05;
        text-decoration: none;
}

#page-menu a:hover { color: #d81e05; background-color: white; }
#page-menu li { float: left; position: relative; }
#page-menu ul { position: absolute; display: none; width: 12em; top: 2.1em; }
#page-menu ul a { border-left: 2px solid #333; }
#page-menu li ul { width: 13.7em; }
#page-menu li ul a { width: 12em; height: auto; float: left; }
#page-menu ul ul { top: auto; }
#page-menu li ul ul { left: 12em; margin-left: 10px; }
#page-menu li:hover ul ul { display: none; }
#page-menu li:hover ul { display: block;  }


/* Main */
#main { float: left; clear: both; width: 965px; margin-top: 15px; }

#content {
        float: left; clear: left;
        width: 695px;
        padding: 0 10px;
}

#content h1 {
        border-bottom: 1px dotted #ccc;
        font-size: 2em;
        font-weight: normal;
        color: #333;
}

#content h1 {
        margin: 10px 0 8px 0;
	padding: 6px 0px 3px 0px;
}

#content h1 a, #content h1 a:visited { color: #333; text-decoration: none; }
#content h1 a:hover { color: #d81e05; }

#content p, #content ul, #content ol { margin-top: 10px; }

#content ul, #content ol {
        list-style-position: inside;
        margin-left: 10px;
}

#content h2, h3, h4, h5, h6, h7 {
        line-height: 1.5em;
        padding-top: 1em;
}

#content .alignright { float: right; margin: 0 0 1em 1em; }
#content .alignleft { float: left; margin: 0 1em 1em 0; }
#content .aligncenter { display: block; margin-left: auto; margin-right: auto; }

#content .wp-caption {
        padding: 0.25em;
        border: 1px solid #aaa;
        background-color: #ccc;
        text-align: center;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
}

#content .wp-caption-text {
        margin: 0;
        padding-top: 0.25em;
        font-size: 0.9em;
        font-weight: bold;
}


#content .post-author {
        margin-top: 50px;
        font-size: 0.9em;
        letter-spacing: -0.02em;
        font-style: italic;
        color: #333;
}

#content .to-comments {
        margin-top: 10px;
        border-top: 1px dotted #ccc;
        font-size: 0.9em;
        letter-spacing: -0.02em;
        color: #333;
}

#sidebar {
        float: left; clear: right;
        width: 235px;
        margin-left: 5px;
}

#sidebar h2 {
        margin: 10px 0 8px 0;
	padding: 6px 0px 3px 0px;
	border-bottom: 3px solid #d81e05;
	font-size: 1.8em;
	font-weight: bold;        
        color: #333;
}

#sidebar ul { list-style: none; }
#sidebar ul li { display: inline; }

#sidebar ul li a {
        display: block;
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
        color: black;
        text-decoration: none;
}

#sidebar ul li a:hover {
	background: #ccc;
	color: #d81e05;
}

#navigation .parent a { color: #333; border-bottom: 1px solid #d81e05; }
#navigation .active a { font-weight: bold; background-color: #ccc; border-bottom: 1px solid #d81e05; }


/* Footer */
#footer {
        float: left; clear: both;
        width: 955px;
        margin-top: 25px;
        padding: 0.25em 0;
        color: white;
        background-color: #d81e05;
        font-size: 0.9em;
        line-height: 1.4em;
        font-weight: bold;
        text-align: center;
}

#footer a, #footer a:visited { color: white; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* Admin */
#admin {
        float: left; clear: both;
        width: 955px;
        margin: 25px 0 20px 0;
        color: grey;
        background-color: white;
        text-align: center;
        list-style-type: none;
}

#admin li { display: inline; padding: 0 1.5em; }
#admin a, #admin a:visited { text-decoration: none; color: grey; }
#admin a:hover { text-decoration: none; color: black; }


/* Book */
.book-box {
        margin-top: 10px;
	padding: 0.5em;
	background-color: #ccc;
	border: 1px solid #aaa;
        border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

.book-box ul { list-style: none; }

.book-box.pdf-box > div {
	height: 64px;
	padding: 0 6px 0 70px;
	background: url("images/pdf.png") left center no-repeat;
}

.book-box a, .book-box a:visited { color: black; text-decoration: none; }

.book-box a:hover { color: #d81e05; }

.book-box h3 { padding: 0; font-size: 1.5em; font-weight: bold; }

.book-control.close { font-size: 2em; font-weight: bold; color: #d81e05; text-decoration: underline; }
.book-control.navigation ul { list-style: none; }
.book-control.navigation ul li {
	display: inline;
	padding: 0 0.5em;
	font-weight: bold;
	color: #d81e05;
	font-size: 1.2em;
	text-decoration: underline;
}


/* Typography */
body {
        font-family: Candara, "Trebuchet MS", Arial, sans-serif;
}