/*
Theme Name: ClearBlue Vimeo Theme.
Theme URI: http://www.bingproductions.co.uk
Description: Vimeo Based Theme & Viemo Framework is Copyright Bing Productions 2011. This work must no be reproduced.
Version: 1.0
Author: Bing Productions 
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: #0079a0 url('images/background.jpg') no-repeat top center;
	color: #addff6;
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 13px;
	line-height: 1.2;
}

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

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

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

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

ul {list-style: none;}

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

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


	/* ---------------------------*/ 
 	/* HEADER    */
		
	#header {
		margin-top: 50px;
		padding-left: 30px;
		background: url('images/backSideRectangle.png') repeat-y left top;
		margin-bottom: 20px;
	}
	
		.logo {
			height: 60px;
			background: #3399cc;
			position: relative;
		}
		
			.logo img {
				margin-left: 20px;
				margin-top: 16px;
			}
		
			.logo h4 {
				position: absolute;
				top: -15px;
				right: 10px;
				color: #b4d9ec;
				font-size: 26px;
				padding: 30px 0px 4px 0px;
				background: #1a5a7a;
				width: 200px;
				text-align: center;
			}
			
				.logo h4 img {
					position: absolute;
					top: -16px;
					left: -28px;
				}
				
		.nav {
			height: 50px;
			background: url('images/backNav.jpg') repeat-x;
		}
		
		.nav ul {
			margin-left: 20px;
		}
		
			.nav ul li {
				float: left;
				font-weight: bold;
				font-size: 18px;
				line-height: 50px;
				letter-spacing: -1px;
				margin-right: 20px;
			}
			
				.nav ul li a {
					
				}
				
					.nav ul li a span {
						color: #ff0000;
					}
			
			#searchForm {
				float: right;
				width: 199px;
				background: #1a5a7a;
				border: 1px solid #1a94b7;
				margin-right: 10px;
				height: 30px;
				margin-top: 10px;
			}
			
				#searchText {
					background: none;
					border: 0px;
					font-weight: bold;
					font-size: 14px;
					padding-top: 10px;
					padding-left: 10px;
					width: 170px;
					float: left;
				}
				
				#searchButton {
					height: 20px;
					width: 10px;
					background: none;
					border: none;
					text-indent: -9999em;
					line-height: 0;
					background: url('images/arrow.png') no-repeat 0px 12px;
					float: right;
					cursor: pointer;
				}
		
				
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		
	}
		
		/* TopBox Home */
		
		.topBox {
			padding-left: 30px;
			background: url('images/backSideRectangle.png') repeat-y left top;
			margin-bottom: 20px;
			position: relative;
		}
		
			.topBox .solid {
				background: #20678b;
				padding: 20px;
			} 
			
				.topBox.home .topVideo {
					width: 460px;
					float: left;
				}
				
				.topBox.home .content {
					float: right;
					width: 440px;
				}
				
					.topBox.home .content h1 {
						font-weight: bold;
						color: #33ccff;
						letter-spacing: -1px;
						margin-bottom: 12px;
					}
					
					.topBox.home .content h2 {
						font-size: 13px;
						font-weight: bold;
						margin-bottom: 12px;
					}
					
						.topBox.home .content h2 span {
							color: #ffffff;
						}
						
					.topBox.home .content p {
						margin-bottom: 12px;
					}
	
					a.readMore {
						font-weight: bold;
						background: url('images/backReadMore.png') no-repeat top left;
						display: block;
						width: 77px;
						height: 30px;
						line-height: 25px;
						padding-left: 10px;
					}
		
		/* Main Col */
					
		.mainCol {
			float: left;
			padding-left: 30px;
		}
		
		.mainCol.home {
			width: 500px;
		}
		
		.mainCol.single {
			width: 640px;
		}
		
		.mainCol .mainArea {
			background: #20678b;
			padding: 20px;
			margin-bottom: 20px;
		}
		
			.mainArea h2 {
				color: #3399cc;
				font-weight: bold;
				margin-bottom: 15px;
				font-size: 24px;
			}
		
			.mainArea h3 {
				font-size: 12px;
				font-weight: bold;
				margin-bottom: 5px;
			}
		
				.mainArea h3 span {
					color: #ffffff;
				}
			
				.inBox {
					background: #164c66;
					padding: 10px;
				}
			
					.post {
						background: #13435a;
						padding: 8px;
						border: 1px solid #195471;
						margin-top: 20px;
					}
					
					.post:hover {
						background: #195471;
					}
					
					.inBox .post:first-child {
						margin-top: 0px;
					}
				
						.post img {
							float: left;
							margin-right: 10px;
						}
					
						.post h3 {
							color: #ffffff;
							font-size: 14px;
							margin-bottom: 15px;
							margin-top: 4px;
						}
					
						.post h4 {
							font-weight: bold;
							color: #ffffff;
							margin-bottom: 15px;
						}
					
							.post h4 span {
								color: #addff6;
							}
					
						.post p {
							font-size: 11px;
							margin-bottom: 15px;
						}
						
						a.view {
							font-weight: bold;
							background: url('images/arrow.png') no-repeat 0px 4px;
							padding-left: 10px;
						}
						
						a.view.last {
							display: block;
							margin-top: 20px;
							float: right;
						}
						
				.homeFeat {
					background: #20678B;
					padding: 20px;
				}
				
					.homeFeat img {
						display: block;
						border: 1px solid #195471;
					}
		
		/* SideBar */
		
		.sideCol {
			float: right;
		}
		
		.sideCol.home {
			width: 460px;
		}
		
		.sideCol.single {
			width: 316px;
		}
		
			.callBack {
				padding: 20px;
				background: url('images/backDark.png');
				margin-bottom: 20px;
			}
			
				.callBack h2 {
					color: #3399cc;
					font-weight: bold;
					margin-bottom: 15px;
					font-size: 24px;
				}
			
				.callBack h3 {
					font-size: 12px;
					font-weight: bold;
				}
			
			.weBlog {
				padding: 20px 10px;
				background: url('images/backLight.png');
				margin-bottom: 20px;
			}
			
				.weBlog h2 {
					color: #3399cc;
					font-weight: bold;
					margin-bottom: 15px;
					margin-left: 10px;
					font-size: 24px;
				}
				
				.weBlog .post h3 {
					font-weight: bold;
				}
				
				.infos {
					clear: both;
					width: 470px;
				}
				
					.infos p {
						margin-top: 10px;
						float: left;
						margin-bottom: 0px;
						margin-right: 50px;
					}
					
					.infos p.comments {
						float: right;
						background: url('images/comments.png') no-repeat 0px 0px;
						padding-left: 25px;
					}
					
			.twitter {
				padding: 20px;
				background: url('images/backLight.png');
			}
			
			.sideCol.single .twitter {
				background: url('images/backDark.png') !important;
			}
			
				.twitter h2 {
					color: #3399cc;
					font-weight: bold;
					margin-bottom: 15px;
					font-size: 24px;
				}
				
					.twitter ul li {
						border-bottom: 1px dotted #addff6;
						padding-bottom: 15px;
						margin-top: 15px;
					}
					
		/* Single Page */
		
		.topBox.single h2 {
			color: #3399cc;
			font-weight: bold;
			margin-bottom: 15px;
		}
		
			.topBox.single ul li {
				display: block;
				float: left;
				background: #18506d;
				padding: 10px;
				margin-left: 36px;
			}
			
			.topBox.single ul li:hover {
				background: #195471;
			}
			
			.topBox.single ul li:first-child {
				margin-left: 0px;
			}
			
				.topBox.single ul li h3 {
					font-size: 12px;
					font-weight: bold;
					color: #ffffff;
					margin: 5px 0px;
				}
				
					.topBox.single ul li h3 span {
						color: #addff6;
					}
		
			#gallery {
				width: 960px;
				height: 230px;
			}
			
				#gallery div {
					width: 960px;
					height: 230px;
				}
				
					#gallery li {
						width: 139px;
						height: 200px;
					}
			
			#galleryNav {
				width: 200px;
				position: absolute;
				top: 20px;
				right: 0px;
			}
			
				#galleryNav li {
					padding: 0px;
					margin: 0px;
					float: none;
					display: inline-block;
					background: none;
				}
				
					#galleryNav li a {
						padding-left: 25px;
						width: 62px;
					}
		
		.mainCol.single .mainArea {
			margin-bottom: 0px;
		}
					
		.mainCol.single h1 {
			font-weight: bold;
			font-size: 36px;
			letter-spacing: -1px;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		.mainCol.single h2 {
			font-weight: bold;
			font-size: 12px;
			margin-left: 0px;
			width: 400px;
		}
		
			.mainCol.single h2 span {
				color: #ffffff;
			}
		
		.mainCol.single .inBox {
			padding: 20px;
		}
		
		.mainCol.single .video {
			margin-bottom: 15px;
		}
		
		.mainCol.single h3 {
			font-weight: bold;
			font-size: 14px;
		}
		
		.mainCol.single p {
			margin-bottom: 15px;
		}
		
		.previous {
			margin-top: 20px;
			float: left;
			font-weight: bold;
		}
		
		.next {
			margin-top: 20px;
			float: right;
			font-weight: bold;
		}
		
		/* Comments */
		
		.mainCol.single .comments h2 {
			margin-left: 0px !important;
			font-weight: bold !important;
			font-size: 14px !important;
		}
		
		#commentlist li {
			border-bottom: 1px dotted #195471;
			margin-bottom: 10px;
		}
		
		.author {
			margin-bottom: 5px !important;
		}
		
		.commentDate {
			font-size: 11px;
			margin-bottom: 5px !important;
		}
		
		#commentform label {
			display: block;
		}
		
		#commentform input {
			display: block;
			margin-top: 5px;
		}
		
		input, textarea {
			background: #13435a;
			border: 1px solid #195471;
			font-weight: normal;
			font-size: 14px;
			padding: 5px;
		}
		
		textarea {
			width: 500px;
			color: #ffffff;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
		}
		
		#commentform #submit {
			font-weight: bold;
			padding: 10px;
		}
		
		/* Contact Form */
		
		.wpcf7-form {
			margin-top: 15px;
			font-size: 13px;
			font-weight: bold;
		}
		
			.wpcf7-form p {
				margin-bottom: 15px;
				position: relative;
			}
		
			.wpcf7-form input {
				display: inline !important;
				width: 270px;
				color: #b3d9ec;
				font-size: 13px;
				font-weight: bold;
				padding: 8px;
			}
			
			.wpcf7-form label {
				display: inline-block !important;
				width: 120px;
			}
			
			.wpcf7-not-valid-tip {
				color:#000;
			}
			
			.wpcf7-form input[type=submit] {
				background: none;
				color:#ffffff;
				font-size: 13px;
				font-weight: bold;
				float: right;
				width: 55px;
				border: 0px;
				background: url('images/arrow.png') no-repeat 0px 4px;
				padding: 0px;
				padding-left: 10px;
				margin-right: 15px;
				cursor: pointer;
				margin-top: 10px;
			}
			
			.wpcf7-form p.select {
				margin-top: 40px;
			}
			
			.wpcf7-form p.select.first {
				margin-top: 30px;
			}
			
			.newListSelected {
				position: absolute !important;
				top: -10px !important;
				left: 0px !important;
				width: 270px !important;
				color: #b3d9ec;
				font-size: 13px;
				font-weight: bold;
				background: #13435a url('images/dropDown.jpg') no-repeat 257px 2px;
				border: 1px solid #195471;
				padding: 8px;
				margin-bottom: 5px;
				z-index: 20000;
			}
			
			.select.first .newListSelected {
				z-index: 30000 !important;
			}
			
			.newList {
				padding-top: 4px;
			}
			
			.newList li {
				color: #b3d9ec;
				font-size: 13px;
				font-weight: bold;
				background: #13435a;
				border-top: 1px solid #195471;
				padding: 5px;
				padding-top: 8px;
				margin-right: -5px;
				margin-left: -5px;
				margin-top: 5px;
			}
			
			.sideCol.single .newListSelected {
				position: absolute !important;
				top: -10px !important;
				left: 0px !important;
				width: 140px !important;
				color: #b3d9ec;
				font-size: 13px;
				font-weight: bold;
				background: #13435a url('images/dropDown.jpg') no-repeat 127px 2px;
				border: 1px solid #195471;
				padding: 8px;
				margin-bottom: 5px;
				z-index: 20000;
			}
			
			.sideCol.single .wpcf7-form input {
				width: 260px;
			}
			
			.sideCol.single .wpcf7-form input[type=submit] {
				width: 55px !important;
				margin-right: 0px !important;
			}
		
							
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		margin-top: 20px;
		padding-left: 30px;
	}
	
		#footer ul {
			background: #05455c;
			width: 480px;
			text-align: left;
			font-size: 11px;
			margin-bottom: 20px;
			padding-left:20px;
		}
		
			#footer ul li {
				display: inline-block;
				padding: 20px 3px;
			}
			
				#footer ul li a {
					font-weight: bold;
				}
				
					#footer ul li a span {
						color: #ff0000;
					}
					
		#footer p {
			background: #05455c;
			width: 440px;
			text-align: left;
			font-size: 11px;
			margin-bottom: 20px;
			padding: 20px 30px;
			font-weight: bold;
		}
					
								
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign {float:left;}

.rightAlign {float:right;}

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

em {font-style: italic;}
/*.topBox .solid{height:239px; overflow:hidden}*/