/*
Theme Name: Svømmeklubben NORD
Theme URI: http://www.xn--svmmeklubbennord-mxb.dk
Description: Dette WordPress tema er designet til Svømmeklubben NORD's hjemmeside.
Version: 3.2
Author: Thomas Clausen
Author URI: http://www.thomasclausen.dk/
Tags: blue, fixed width, two columns, widgets

Like WordPress, this work (The CSS, XHTML and design) is released under GNU General Public License, version 2 (GPL).

For more information about the GPL, please visit:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* Reset default browser styles */
@import url('css/reset.css');

/* GLOBAL */
body { font: 11px/15px Arial, Helvetica, Verdana, sans-serif; color: #000000; background: #ffffff url(images/bg.gif) repeat-x top center; }
h1 { font: 20px Georgia, 'Times New Roman', Times, serif; color: #820930; text-transform: uppercase; margin: 0px 0px 21px 0px; }
h2 { font: 14px Georgia, 'Times New Roman', Times, serif; font-weight: bold; color: #820930; margin: 19px 0px 5px 0px; border-bottom: 1px solid #999999; clear: both; }
h3 { font: 13px/16px Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #999999; margin: 10px 0px 13px 0px; border-bottom: 1px solid #cccccc; }
h4 { font-size: 12px; line-height: 16px; color: #ffffff; margin: -6px -6px 6px -6px; padding: 6px; background: #ff9393 url(images/error.gif) no-repeat top right; }
p { margin-bottom: 1.25em; }
a { color: #000000; }
a:hover { text-decoration: none; }
table#holdoversigt { width: 100%; margin: 0px 0px 15px 0px; border-collapse: separate; border-spacing: 1px; background: #000000; }
table#holdoversigt td { padding: 2px; background: #ffffff; white-space: nowrap; }
dl dt { width: 105px; margin: 0px 0px 5px 0px; float: left; display: inline; }
dl dd { width: 110px; text-align: right; margin: 0px 20px 5px 0px; float: left; display: inline; }
#sidebar dl { padding: 0px 0px 1px 0px; margin: 0px 0px 15px 0px; background: #bec1be; }
#sidebar dl dt { width: 140px; padding: 2px; margin: 1px 1px 0px 1px; background: #e1e5e2; float: left; display: inline; }
#sidebar dl dd { width: 89px; text-align: right; padding: 2px; margin: 1px 1px 0px 0px; background: #e1e5e2; float: right; display: inline; }

/* FORMS */
label { line-height: 17px; }
input, textarea, select { width: 95%; font: 13px Arial, Helvetica, Verdana, sans-serif; color: #999999; padding: 2px; margin: 2px 0px; border: 1px #999999 solid; background: #ffffff; }
textarea { overflow: auto; }
input.radio, input[type=radio], input.checkbox, input[type=checkbox] { width: auto; margin: 6px 0px 0px 0px; border: 0px; }
input.button, input[type=submit] { width: auto; font-size: 15px; padding: 1px 2px; margin: 15px 0px 0px 143px; }
#error, #kontakterror, #nyhedererror { margin: 0px 0px 10px 0px; padding: 6px; border: solid 1px #ff0000; color: #8d1c1c; background: #ffdede; display: none; }
.hidden { display: none; }

/* ELEMENTS */
#page { width: 778px; min-height: 740px; height: auto !important; height: 740px; padding: 19px; margin: 73px auto 18px auto; background: url(images/page_bg.png) no-repeat center top; clear: both; }
#logo { width: 83px; height: 110px; margin: 0px 0px 0px 11px; position: absolute; top: 0px; }

ul.topmenu					{ width: 673px; margin: 0px 0px 0px 105px; position: absolute; top: 53px; }
ul.topmenu li				{ width: auto !important; width: 0px; padding: 0px 15px 0px 0px; position: relative; float: left; display: table; white-space: nowrap; }
ul.topmenu ul				{ width: 200px; padding-top: 6px; margin: 0px 0px 0px -1px; border-bottom: 1px solid #789bb4; background: url(images/spacer.gif); position: absolute; z-index: 400; }
ul.topmenu a				{ font: 11px Georgia, 'Times New Roman', Times, serif; color: #ffffff; text-decoration: none; }
ul.topmenu a:hover			{ text-decoration: underline; }

ul.topmenu ul				{ display: none; }
ul.topmenu li:hover ul,
ul.topmenu li.over ul		{ display: block; }

ul.topmenu ul li a			{ width: 186px; color: #183659; padding: 4px 6px; border-top: 1px solid #789bb4; border-right: 1px solid #789bb4; border-left: 1px solid #789bb4; background: #ffffff; display: block; }
ul.topmenu ul li a:hover	{ color: #003f74; text-decoration: none; background-color: #d2e1ee; }

#top { border-bottom: 1px solid #999999; }
#content { width: 470px; padding: 18px 0px 18px 18px; float: left; display: inline; }
#sidebar { width: 240px; color: #666666; padding: 0px 18px 14px 12px; margin: 18px 0px; border-left: 1px solid #d6d6d6; float: right; display: inline; }
#sidebar a { color: #666666; }
#sidebar h3 { margin: 0px 0px 14px 0px; }
#sidebar .box { padding: 0px; margin: 0px 0px 28px 0px; }
#footer { width: 740px; padding: 19px; margin: 0px auto; color: #999999; border-top: 1px solid #72a6bd; clear: both; }
#footer a { color: #999999; }
#credits { width: 11px; float: right; display: inline; }

/* WORDPRESS */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 1em 1em; }
a img.alignleft { float: left; margin: 0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.post { margin: 0px 0px 40px 0px; }
.post hr { display: block; }

.entry ul { padding: 0px; margin: 0px 0px 0px 15px; }
.entry ul li { padding: 0px; margin: 0px 0px 0px 10px; }
.entry ol { padding: 0px; margin: 0px 0px 0px 15px; }
.entry ol li { padding: 0px; margin: 0px 0px 0px 10px; }
.entry form { text-align: center; } /* This is mainly for password protected posts, makes them look better. */

#searchform label { width: 95px; line-height: 14px; padding: 0px 10px 0px 0px; float: left; display: block; }
#searchform input { line-height: 14px; }
#searchform input#submit { line-height: 12px; padding: 0px 2px; }

.alternate { background: #eaf2f5; }
.column-distance { width: 125px; padding: 2px; }
.column-time { width: 60px; text-align: right; padding: 2px 10px 2px 2px; }
.column-name { padding: 2px; }
.column-date { width: 60px; text-align: right; padding: 2px; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }