/*
Theme Name: ReloadDenmark.
Theme URI: 
Description: Official Theme.
Version: 1.0
Author: 
Tags: 

Enjoy the theme!

*/

/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #ffffff no-repeat top center;
	color: #747474;
 	font-family: Georgia, Times, serif;
 	font-size: 14px;
	line-height: 1.6;
}

form, input { 
	color: #000000; 
 	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-size:24px;
} 
h2 {font-size:20px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color:#000; text-decoration: none; outline: none;} 

a:hover {text-decoration: none; color:#ff0000;}

a:active { text-decoration: none; outline: none;}

ul {list-style: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 960px;
	margin: 0px auto;
}


	/* ---------------------------*/ 
 	/* HEADER    */
		
	#header {
		
	}
	
		.topHead {
			height: 40px;
			line-height: 40px;
		}
		
			.topHead a {
				display: block;
				float: right;
			}
			
			.topHead a:first-child {
				float: left !important;
				font-size: 12px;
				color: #747474;
			}
			
			.topHead a:first-child:hover {
				color:#ff0000;
			}
			
			.topHead a span {
				background: #000000;
				background: -webkit-gradient(linear, left top, left bottom, from(#58585a), to(#000));
				background: -moz-linear-gradient(top,  #58585a,  #000);
				color: #ffffff;
				padding: 4px 5px;
				font-family: Helvetica, Arial, sans-serif;
				border: 1px solid #ececec;
				font-size: 12px;
				font-weight: bold;
			}
			
		.mainHead  {
			background: #f2f2f3;
		}
			
				.mainHead a.logo {
					float: left;
					width: 230px;
					display: block;
					text-align: center;
					padding-top: 60px;
				}
				
				.mainHead .video {
					float: left;
					width: 480px;
				}
				
					.mainHead .video img, .mainHead .video object {
						display: block;
					}
				
				.secondNav {
					float: right;
					width: 240px;
					text-align: right;
					font-family: Helvetica, Arial, sans-serif;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					padding-right: 10px;
				}
				
					.secondNav li {
						line-height: 48px;
						margin-top: 16px;
					}
					
						.secondNav li a {
							display: block;
							background: url('images/member.jpg') no-repeat top right;
							padding-right: 60px;
						}
						
						.secondNav li a:hover {
							color:#ff0000;
							text-decoration: none;
						}
						
						.secondNav li.member a, #menu-item-4 a {
							background: url('images/member.jpg') no-repeat top right;
						}
						
						.secondNav li.fb a, #menu-item-5 a {
							background: url('images/fb.jpg') no-repeat top right;
						}
						
						.secondNav li.gear a, #menu-item-6 a {
							background: url('images/gear.jpg') no-repeat top right;
						}
						
						.secondNav li.phone a, #menu-item-7 a {
							background: url('images/phone.jpg') no-repeat top right;
						}
						
		.nav {
			text-align: center;
			height: 50px;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
			.nav li {
				margin-top: 20px;
				display: inline-block;
				border-left: 1px solid #747474;
				line-height: 1;
				margin-left: 5px;
				padding-left: 5px;
			}
			
			.nav li:first-child {
				padding-left: 0px;
				margin-left: 0px;
				border: 0px;
			}
			
			li.current-menu-item a, li.current-menu-parent a, li.current_page_item a {
				color: #ff0000;
			}
				
				
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		padding: 0px 10px;
	}
		
		.sideCol.left {
			width: 200px;
			float: left;
			margin-right: 20px;
		}
		
			.widget {
				border: 1px solid #f2f2f3;
				margin-bottom: 20px;
			}
			
			.widget h3 {
				font-family: Helvetica, Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				color:#000;
				font-size: 16px;
			}
			
			.widget.cal {
				padding: 10px 15px;
				background: #f5f9fb;
				padding-bottom: 50px;
				position: relative;
			}
			
				.widget.cal ul li {
					margin-top: 30px;
				}
				
				.widget.cal ul li:first-child {
					margin-top: 0px;
				}
			
					.widget.cal ul li p {
						font-family: Helvetica, Arial, sans-serif;
						font-size: 12px;
						text-transform: uppercase;
					}
					
					.widget.cal a.more {
						font-family: Helvetica, Arial, sans-serif;
						position: absolute;
						display: block;
						bottom: 5px;
						right: 10px;
						font-size: 12px;
					}
					
				.widget img {
					display: block;
				}
		
			.widget.navigator {
				border: 0px;
				text-transform: uppercase;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12px;
			}
			
				.widget.navogator ul li {
					margin-bottom: 10px;
				}
				
					.widget.navigator ul li a {
						
					}
		
		.mainCol {
			width: 480px;
			float: left;
		}
		
			.post {
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid #747474;
			}
			
				.post h2, .post h1 {
					margin-top: -10px;
					margin-bottom:10px;
					font-size: 32px;
					color:#000;
					line-height:40px;
				}
				
				.post small {
					text-transform: uppercase;
					margin-top: -5px;
					display: block;
					font-family: Helvetica, Arial, sans-serif;
				}
				
				.post p {
					margin-top: 18px;
				}
				
				.post a.more {
					font-size: 12px;
					color:#747474;
					font-family: Helvetica, Arial, sans-serif;
					display: block;
					float: right;
				}
				
				.post a.more:hover {
					color: #ff0000;
				}
		
		.sideCol.right {
			width: 220px;
			float: right;
		}
		
			.widget.email {
				background: url('images/backEmail.jpg') no-repeat top left;
				color:#000;
				line-height: 1.1;
				padding: 60px 10px 10px 10px;
				width: 198px;
				height: 152px;
				position: relative;
			}
			
			.widget.mobile {
				background: url('images/backMobile.jpg') no-repeat top left;
				color:#000;
				line-height: 1.1;
				padding: 70px 10px 10px 10px;
				width: 198px;
				height: 98px;
				position: relative;
			}
			
				.widget.mobile p {
					width: 150px;
					margin-top: -10px;
					margin-bottom: 10px;
				}
				
				.widget.email p {
					margin-bottom: 9px;
				}
				
				.widget.mobile span {
					color:#ffffff;
				}
		
		/* Forms */
		#gform_1 label, #gform_2 label  {
			display: none;
		}
		
		#gform_1 input, #gform_2 input {
			background: #ffffff;
			border: 1px solid #000000;
			font-size: 12px;
			padding: 4px 0px;
			margin-top: 0px;
		}
		
		#gform_2 input {
			margin-top: 0px;
		}
		
		.validation_error {
			display: none;
		}
		
		.validation_message {
			font-size: 10px;
			color:#ff0000;
		}
		
		#gforms_confirmation_message {
			font-size: 12px;
			color:#ff0000;
			margin-top: 10px;
		}
		
		#gform_1 input[type=submit], #gform_2 input[type=submit] {
			background: #000000;
			background: -webkit-gradient(linear, left top, left bottom, from(#58585a), to(#000));
			background: -moz-linear-gradient(top,  #58585a,  #000);
			color: #ffffff;
			padding: 4px 5px;
			font-family: Helvetica, Arial, sans-serif;
			border: 1px solid #ececec;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
		
		#searchText {
			background: #ffffff;
			border: 1px solid #000000;
			font-size: 12px;
			padding: 4px 0px;
			margin: 10px 0px 10px 10px;
		}
		
		#searchButton {
			background: #000000;
			background: -webkit-gradient(linear, left top, left bottom, from(#58585a), to(#000));
			background: -moz-linear-gradient(top,  #58585a,  #000);
			color: #ffffff;
			padding: 4px 5px;
			font-family: Helvetica, Arial, sans-serif;
			border: 1px solid #ececec;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
		}
		
							
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		padding: 0px 10px;
		font-size: 12px;
		margin-bottom: 60px;
	}
	
		#footer .sideCol.left {
			width: 172px;
			background: #f2f2f3;
			border: 1px solid #dddddd;
			padding: 13px;
		}
		
			#footer .sideCol.left h3 {
				text-transform: uppercase;
			}
			
			#footer .sideCol.left p {
				font-family: Helvetica, Arial, sans-serif;
			}
		
		#footer .mainCol {
			padding: 13px;
			width: 692px;
			background: #f2f2f3;
			border: 1px solid #dddddd;
		}
		
			#footer .mainCol a {
				color:#747474;
			}
			#footer .mainCol a:hover, #footer .mainCol a:active {
				text-decoration: underline;
			}
		

			
			#footer ul > li {
				font-size: 11px;
				width: 80px;
				float: left;
				text-transform: uppercase;
			}
			#footer ul#menu-footer-menu > li { 
				padding: 0 1px 0 4px;
				border-left: 1px solid #ddd;
			}
			
				#footer ul li ul li {
					text-transform: lowercase;
					font-size: 0.93em;
					line-height:1em;
					padding-top:5px;
				}
						
								
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign {float:left;}

.rightAlign {float:right;}

.clear {clear: both; height: 0px;}

em {font-style: italic;}