/*
Theme Name: DancingTeam Theme
Theme URI: http://dancingteam.dk/
Description: A Wordpress theme for DancingTeam.dk
Version: 1.0
Author: Nick Niebling
Tags: DancingTeam, two columns, widgets
*/

/**************************************************
**** DancingTeam Styles ****
****
****
**** Naming Conventions
**** ID            #CapitalizedNaming
**** Classes       .camelCaseNaming
****
****
**** Color codes used
****
**** "Light black" #292414      Ex: 1px lines, text
**** Light yellow  #e7e1cf      Ex: main bg, post seperator
**** Dark Blue     #4576a3      Ex: header, footer, links
**** Dark Red      #a32323      Ex: menu lvl 1, headings, timetag
****
**** Sidebar on bg:
**** - white       #e9f1f6      OLD: f4fdfe
**** - light black #c9d1cf
**** - dark blue   #cfe1ec
**** - dark red    #e1d1d2
**************************************************/

/**************************************************
** Cross Browser CSS Reset
** Created by: Eric Meyer
** Version: 1.0
** Source: http://meyerweb.com/eric/tools/css/reset/
**************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Ekstra Reset */
html {
	overflow-y: scroll; /* FF defaults to auto */
}
input[type=submit], label, select {
	cursor: pointer;
}

/**************************************************
**** Cross Browser Base Tag CSS
**************************************************/
body {
	/*background: #e7e1cf;*/
	background: #aaa;
	font-family: Verdana;
	font-size: 12px;
	color: #292414;
}
a {
	color: #4576A3;
}
a:hover {
	text-decoration:none;
}
p {
	padding: 0 0 10px;
	line-height: 18px;
}
h1,
h1 > a {
	font-size: 20px;
	font-weight:normal;
	margin: 0 0 10px;
	color: #a32323;
	text-decoration:none;
}
h1 > a:hover {
	text-decoration:underline;
}
h2 {
	color:#A32323;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 10px;
}
h3 {
	color:#A32323;
	font-size: 12px;
	font-weight: normal;
	margin: 20px 0 10px;
}
input[type=text],
input[type=submit] {
	background: url("gfx/input-field.png");
	border:none;
	width:183px;
	height:17px;
	padding:2px 3px;
	margin:0;
	font-size:14px;
}
input[type=submit] {
	width:189px;
	height:21px;
	padding:0px;
}
textarea {
	width:463px;
	height:59px;
	border:0;
	padding:3px;
	margin:0;
	background: url("gfx/textarea.png");
}
table {
	width:100%;
	border: 2px solid #A32323;
	margin: 0 0 10px;
}
th,
td {
	padding:1px 5px 3px;
	color:#292414;
}
th {
	background: #A32323;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

/**************************************************
**** Containing Design Elements - Content
**** - Top
**** - Menu
**** - Submenu
**** - Content
**** - Footer
**** - FooterBar
**************************************************/
#Container {
	width:100%;
}
#Sidebar {
	position:absolute;
	top:-203px;
	right:0;
	width:250px;
	z-index:10;
}
#Top,
#Menu,
#Submenu,
#Content,
#Footer,
#FooterBar,
#SidebarTop,
#SidebarMenu,
#SidebarSubmenu,
#SidebarContent,
#SidebarFooter {
	position:relative;
	float:left;
	width:100%;
}
.content {
	position:relative;
	margin: 0 auto;
	padding: 0 250px 0 0;
	width: 700px;
}
#Sidebar > .content {
	width: 250px;
}
/** TOP **/
#Top,
#SidebarTop {
	height:140px;
}
#Top {
	background: #4576a3;
}
#SidebarTop {
	background: #cfe1ec;
}
/** MENU **/
#Menu,
#SidebarMenu {
	height:35px;
}
#Menu {
	background: #a32323;
	border-top: 1px solid #292414;
	border-bottom: 1px solid #292414;
}
#SidebarMenu {
	background: #e1d1d2;
	border-top: 1px solid #c9d1cf;
	border-bottom: 1px solid #c9d1cf;
	text-align: center;
	padding-top: 4px;
	height:31px;
}
/** SUBMENU **/
#Submenu,
#SidebarSubmenu {
	height: 25px;
}
#Submenu {
	background: #fff;
	border-bottom: 1px solid #292414;
}
#SidebarSubmenu {
	background: #e9f1f6;
	border-bottom: 1px solid #c9d1cf;
}
/** CONTENT **/
#Content > .content {
	background: url("gfx/content-sidebar-bg.png") repeat-y #fff;
}
#SidebarContent {
	background: #e9f1f6;
	padding-top: 20px;
}
/** FOOTER **/
#SidebarFooter {
	color: #292414;
}
#SidebarFooter.heightFixed {
	border-top:1px solid #C9D1CF;
	background: #cfe1ec;
}
/** FOOTERBAR **/
#FooterBar {
	background: #a32323;
	text-align:center;
	color:#fff;
	padding:10px 0;
	font-size:11px;
}

/**************************************************
**** Top
**************************************************/
#Top img {
}
#TopImage {
	position: absolute;
	right: 250px;
	top: 0;
}

/**************************************************
**** Menu
**************************************************/
#Menu ul > li {
	float: left;
	padding: 0 1px;
	height: 35px;
}
#Menu a {
	display: inline-block;
	padding: 10px 10px 0;
	height: 25px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
#Menu a:hover {
	text-decoration: underline;
}
#Menu li.current_JS a:hover,
#Menu li.current a:hover,
#Menu li.current_page_item a:hover {
	text-decoration: none;
}
#Menu li.current_JS,
#Menu li.current,
#Menu li.current_page_item,
#Menu li.current_page_ancestor,
#Menu li.current_page_parent {
	background: #611b1b;
}
#Menu li.current_JS a,
#Menu li.current a,
#Menu li.current_page_item a,
#Menu li.current_page_ancestor a,
#Menu li.current_page_parent a {
	background: #8b3536;
}

/**************************************************
**** Submenu
**************************************************/
#Submenu {
	z-index: 10;
}
#Submenu ul > li,
#Submenu ul > li > a {
	font-size: 12px;
	display: none;
}
#Submenu ul > li.current_JS,
#Submenu ul > li.current,
#Submenu ul > li.current_page_item,
#Submenu ul > li.current_page_parent,
#Submenu ul > li.current_page_ancestor {
	display: inline;
}
#Submenu ul > li > ul > li {
	display: inline-block;
	position: relative;
	float: left;
	padding: 0px;
	height: 25px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#Submenu ul > li > ul > li:hover {
	background: #f6f6f6;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
#Submenu ul > li > ul > li.current,
#Submenu ul > li > ul > li.current-cat,
#Submenu ul > li > ul > li.current-cat-parent,
#Submenu ul > li > ul > li.current_page_item,
#Submenu ul > li > ul > li.current_page_parent,
#Submenu ul > li > ul > li.current_page_ancestor {
	background: #eee;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#Submenu ul > li > ul > li.current:hover,
#Submenu ul > li > ul > li.current-cat:hover,
#Submenu ul > li > ul > li.current-cat-parent:hover,
#Submenu ul > li > ul > li.current_page_item:hover,
#Submenu ul > li > ul > li.current_page_parent:hover,
#Submenu ul > li > ul > li.current_page_ancestor:hover {
	background: #ddd;
}
#Submenu ul > li > ul > li.current > a,
#Submenu ul > li > ul > li.current-cat > a,
#Submenu ul > li > ul > li.current-cat-parent > a,
#Submenu ul > li > ul > li.current_page_item > a,
#Submenu ul > li > ul > li.current_page_parent > a,
#Submenu ul > li > ul > li.current_page_ancestor > a {
	text-decoration: underline;
}
#Submenu ul > li > ul > li > a {
	display: inline-block;
	padding: 6px 10px 0;
	height: 19px;
	font-size: 13px;
	text-decoration: none;
}
#Submenu ul > li > ul > li > ul {
	display:none;
	background:#fff;
	position: absolute;
	width: 300px;
	border: 1px solid;
	top: 25px;
	left:-2px;
}
#Submenu ul > li > ul > li > ul > li > ul {
	left: 300px !important;
	top: -1px !important;
}
#Submenu ul > li > ul > li.current > ul,
#Submenu ul > li > ul > li.current-cat > ul,
#Submenu ul > li > ul > li.current-cat-parent > ul,
#Submenu ul > li > ul > li.current_page_item > ul,
#Submenu ul > li > ul > li.current_page_parent > ul,
#Submenu ul > li > ul > li.current_page_ancestor > ul {
	left:-1px;
}
#Submenu ul > li > ul > li:hover > ul {
	display:block;
}
#Submenu ul > li > ul > li > ul > li {
	padding: 0px;
	border:none !important;
}
#Submenu ul > li > ul > li > ul > li > a {
	display: block;
	width: 280px;
}
#Submenu a:hover {
	text-decoration: underline;
}

/**************************************************
**** Content
**************************************************/
#Content > .content {
	padding-top: 20px;
}
#Content .post a[target=_blank],
#Content .page a[target=_blank],
#Content .comments a[target=_blank],
#Content .attachment a[target=_blank] {
	background: url("gfx/a-target-blank-black.png") no-repeat right center;
	padding-right:17px;
}
#Content .wp-caption a[target=_blank] {
	background: none;
	padding:0;
}
#Content .message,
#Content .wp-caption {
	-moz-border-radius:5px;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
}
#Content .wp-caption {
	margin:10px;
	padding-top:4px;
	text-align:center;
}
#Content .wp-caption-text {
	color: #A32323;
	padding: 5px 0;
	font-weight: bold;
}
#Content .message {
	padding: 10px;
	margin: 0 0 10px;
}
#Content .message.success {
	background-color: #CFE1EC;
	border-color: #4576A3;
}
#Content .message.error {
	background-color: #E1D1D2;
	border-color: #A32323;
}
#Content .message ul {
	padding:10px 0 0;
}
#Content .post .alignright,
#Content .page .alignright {
	float:right;
	padding-left:5px;
}
#Content .post .alignleft,
#Content .page .alignleft {
	float:left;
	padding-right:5px;
}

#Content .post,
#Content .page,
#Content .comments,
#Content .attachment {
	padding: 35px 20px 20px;
	position:relative;
}
#Content .header {
	background: url("gfx/redBoxShadow.png") no-repeat 0 29px;
	display: block;
	position: absolute;
	left: -30px;
	top: 0px;
	font-size: 22px;
	height: 39px;
}
#Content .header h1 {
	display:inline-block;
	float:left;
	padding: 4px 0 0 10px;
}
#Content .header .red {
	display: inline-block;
	background: #A32323;
	color: #fff;
	padding: 2px 5px 4px;
	float:left;
	height: 23px;
}
#Content .header h1.red {
	width:720px;
}
#Content .header h1.red > a {
	color: #fff;
	font-size: 22px;
}
#Content .meta {
	border-bottom:1px solid #A32323;
	text-align:right;
	clear:both;
	padding-top:5px;
}
#Content .meta > span {
	background: #A32323;
	display:inline-block;
	padding: 0 5px 0 10px;
}
#Content .meta a {
	display:inline-block;
	text-decoration:none;
	padding: 4px 5px 4px 0;
}
#Content .meta > span > a{
	color: #fff;
	text-decoration:none;
}
#Content .meta a:hover{
	text-decoration:underline;
}
#Content .relatedcontent p {
	margin: 20px 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #A32323;
}
#Content .relatedcontent ul {
	padding:0;
}
#Content .relatedcontent abbr {
	display: none;
}
#Content ul {
	padding:0 0 10px;
}
#Content ul li {
	font-size: 12px;
	padding: 0 0 5px 15px;
	background: url("gfx/li-arrow.png") no-repeat 0 3px;
}
#Content #PostsNavigation {
	padding: 0 20px 20px;
	text-align:center;
}

/**************************************************
**** SidebarTop
**************************************************/
#SidebarTop ul {
	position:absolute;
	bottom:0;
	padding:0;
	width:100%;
}
#SidebarTop ul li {
	background:none;
	padding:none;
	padding:0;
}
#SidebarTop ul li a {
	display:block;
	padding: 9px 10px 10px;
	border-top:1px solid #C9D1CF;
	background: #eee;
	text-decoration:none;
	font-weight:bold;
}

/**************************************************
**** SidebarContent
**************************************************/
#SidebarContent > p {
	text-align:center;
}
#SidebarContent > ul{
	margin:0 10px;
}
#SidebarContent > ul > li {
	display:block;
	font-size: 20px;
	color: #a32323;
	margin-bottom:20px;
	background:none;
	padding:0px;
}
#SidebarContent > ul > li ul {
	margin:5px 0 0;
	padding:5px 0 0;
	border-top:1px solid #a32323;
}
#SidebarContent > ul > li ul ul {
	border-top:none;
}
#SidebarContent > ul > li ul li a {
	color: #292414;
	text-decoration:none;
}
#SidebarContent > ul > li ul li a:hover {
	text-decoration:underline;
}

/**************************************************
**** Footer
**************************************************/
#Footer {
	background: #4576a3;
	border-top:1px solid #292414;
	color:#fff;
}
#Footer .box,
#SidebarFooter {
	padding: 20px 0 20px 20px;
	width: 320px;
	float: left;
}
#SidebarFooter {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	width: 210px;
}
#Footer a {
	color:#fff;
	text-decoration:none;
}
#Footer a:hover {
	text-decoration:underline;
}
#Footer a[target=_blank] {
	background: url("gfx/a-target-blank-white.png") no-repeat right center;
	padding-right:20px;
}
#Footer li {
	font-size: 12px;
	padding: 0 0 5px;
}
#Footer .heading,
#SidebarFooter .heading {
	font-size: 22px;
	margin: 0 0 10px;
	border-bottom: 1px solid #fff;
}
#SidebarFooter .heading {
	border-bottom: 1px solid #292414;
}
#SidebarFooter form {
	text-align:center;
}


/**************************************************
**** Search in Submenu Sidebar
**************************************************/
#Search {
	background: url( "gfx/searchbar-bg.png" ) no-repeat 33px 3px;
	padding: 3px 0 0 36px;
	height: 20px;
}
#Search input {
	float: left;
	background: none;
	border: none;
	height: 20px;
	padding: 0;
}
#Search input[type=text] {
	width: 158px;
	height: 13px;
	font-size: 10px;
	color: #999;
	margin-top:4px;
}
#Search input[type=submit] {
	width: 23px;
}


/**************************************************
**** Tilmelding
**************************************************/
#Tilmelding,
#Tilmelding table {
	border:none
}
#Tilmelding td {
	padding: 0;
}
#Tilmelding th {
	background: none;
	text-align:left;
	height: auto;
	padding: 4px 0 0;
	vertical-align: top;
	color:#292414;
}
#Tilmelding input[type='text'],
#Tilmelding .customTable {
	margin: 0 0 5px;
}


/**************************************************
**** WP Contact Form 7
**************************************************/
span.wpcf7-form-control-wrap > span {
	padding:0 0 0 5px;
	color: #A32323;
	font-weight: bold;
	font-size: 14px;
}
span.wpcf7-form-control-wrap > span.wpcf7-checkbox,
span.wpcf7-form-control-wrap > span.wpcf7-radio {
	padding:0 0 0 0;
	color: #292414;
	font-weight: normal;
	font-size: 12px;
}
span.wpcf7-checkbox label,
span.wpcf7-radio label {
	display:block;
}
div.wpcf7-response-output {
	padding: 5px;
	margin: 20px 0;
	border: 2px solid #4576A3;
}
div.wpcf7-validation-errors {
	border: 2px solid #A32323;
	font-weight:bold;
}
div.wpcf7-display-none {
	display:none;
}


/**************************************************
**** customDropdown
**************************************************/
div.customDropdown {
	position:relative;
}
div.customDropdown > span.bar {
	background:url("gfx/dropdown-bar-bg.png") no-repeat;
	display:block;
	width:163px;
	height:16px;
	cursor:pointer;
	padding: 5px 3px 0 23px;
}
div.customDropdown.cddActive > span.bar {
	background:url("gfx/dropdown-bar-bg-active.png") no-repeat;
}
div.customDropdown > span.dropdown {
	background:url("gfx/dropdown-bg.png") repeat-y;
	display:none;
	position:absolute;
	top:20px;
	left:19px;
	width:170px;
	z-index:1;
	cursor:default;
	color:#fff;
}
div.customDropdown > span.dropdown > span {
	background:url("gfx/dropdown-bottom.png") no-repeat bottom;
	display:block;
	padding-bottom: 3px;
}
div.customDropdown.cddActive > span.dropdown {
	display:block;
}
div.customDropdown > span.dropdown label {
	display:block;
}

/**************************************************
**** customTable
**************************************************/
div.customTable {
	position:relative;
}
div.customTable > span.bar {
	background:url("gfx/customTable-bar-bg.png") no-repeat;
	display:block;
	width:443px;
	height:16px;
	cursor:pointer;
	padding: 5px 3px 0 23px;
}
div.customTable.ctActive > span.bar {
	background:url("gfx/customTable-bar-bg-active.png") no-repeat;
}
div.customTable > span.bar > span {
	padding: 0 3px 0 0;
	float:right;
	color: #A32323;
}
div.customTable > .table {
	background:url("gfx/customTable-bg.png") repeat-y;
	display:none;
	position:relative;
	top:-1px;
	left:19px;
	width:450px;
	z-index:1;
	color:#fff;
	margin:0 0 10px;
}
div.customTable > .table > table {
	width:100%;
	border:none;
}
div.customTable > .table > table th,
div.customTable > .table > table td {
	color:#fff;
	text-align:center;
	padding:0px;
}
div.customTable > .table > table td.checkbox {
	width:10px;
}
div.customTable > .table > div {
	height:3px;
	background:url("gfx/customTable-bottom.png") no-repeat bottom;
}
div.customTable > .table label {
	display:block;
}

/**************************************************
**** 
**************************************************/


/**************************************************
**** 
**************************************************/


/**************************************************
**** CleanStyles 
**************************************************/
#CleanStyles input[type="text"],
#CleanStyles input[type="submit"] {
	background: none;
	border: 1px inset;
	font-size: 12px;
	height: auto;
	padding:1px 0;
	width: auto;
}
#CleanStyles input[type="submit"] {
	padding:0px;
	background: #A32323;
	border: 1px solid #000;
	color: #fff;
}

/**************************************************
**** Global Classes
**************************************************/
.displayNone {
	display: none;
}
input.input-l-2,
input.input-l-4 {
	text-align:center;
}
input.input-l-2 {
	background: url("gfx/input-field-26px.png");
	width: 20px;
}
input.input-l-4 {
	background: url("gfx/input-field-46px.png");
	width: 40px;
}

/**************************************************
**** JuleTema
**************************************************
.header-Jul-1 {
	background: url("gfx/0-julegroent.png");
	width: 50px;
	height: 57px;
	position: absolute;
	left: -19px;
	top: -32px;
	z-index:10;
}
#SidebarTop-Jul-1 {
	background: url("gfx/0-nissehue.png");
	width: 52px;
	height: 72px;
	position: absolute;
	right: -20px;
	top: 96px;
}
#Footer-Jul-1 {
	background: url("gfx/0-snemand.png");
	width: 132px;
	height: 150px;
	position: absolute;
	top: -151px;
	left: -150px;
}
#Footer-Jul-2 {
	background: url("gfx/0-julestok.png");
	width: 78px;
	height: 130px;
	position: absolute;
	top: 80px;
	right: -79px;
}
#Footer-Jul-3 {
	background: url("gfx/0-julelys.png");
	width: 104px;
	height: 110px;
	position: absolute;
	top: 93px;
	left: 130px;
}
/**/