/*   
Theme Name: LloydBell Theme
Theme URI: http://www.mixbroadcast.com
Description: This is the default LloydBell Theme -- WordPress v3.0.1
Author: Micky Curling, MIX Broadcast
Author URI: http://www.mixbroadcast.com
Version: 1.1
*/

* {
	margin: 0px; 
	padding: 0px; 
}

html { 
	background: #cccccc url(images/background.jpg);
}

body { 
	font: 1em Verdana, Arial, serif; 
	line-height:1.5em;
	color:#000040;
}

@media (min-width:600px) {
	body {
		font: 0.75em Verdana, Arial, serif;
		line-height:1.5em;
	}
}

#page_wrap { 
	background: white; 
}

@media (min-width:600px) {
	
	 #page_wrap { 
		width: 800px; 
		margin: 0px auto 20px; 	
		border: 1px solid black;
	}
}

a {
	text-decoration: none;
	color:#000040
}

a:hover {
	text-decoration: underline;
}

/* ------- HEADER STYLES ------- */


#header {
	background: #000040;
	position: relative;
	text-align: right;
	padding: 5vw 2vw;
}
#image1 {
	display: none;
	visibility: hidden;
}

#image2 {
	display: none;
	visibility: hidden;
}

#header_foot {
	display: none;
	visibility: hidden;
}

#header_text {
	display: none;
	visibility: hidden;
}

#logo {
	position: relative; 

}
	
@media (min-width:600px) {
	#header { 
		height: 230px;
		overflow: hidden;
		text-align: left;
		padding: 0;
	}
	
	#header_foot { 
		position: absolute;  
		bottom: 0px;
		left: 0px;
		background: black; 
		padding: 5px 10px 5px 10px;
		height: 1.2em;
		/* required for opacity to work in IE */
		width: 100%;
		/* required for IE before filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
		filter:alpha(opacity=70);
		/* firefox - old */
		-moz-opacity:0.7;
		/* safari - old */
		-khtml-opacity: 0.7;
		/* modern */
		opacity:0.7;
		display: block;
		visibility: visible;
	}
	
	#logo {
		position: absolute;
		top: 10px; 
		right:10px; 
	}
	
	#header_text {
		position: absolute;  
		bottom: 0px;
		left: 0px;
		background: none;
		padding: 5px 10px 5px 10px;
		height: 1.2em;
		width: 100%;
		color: white;
		display: block;
		visibility: visible;
	}
	
	#image1 {
		position: absolute;
		top:0px;
		left:0px;
		display: block;
		visibility: visible;
	}
	#image2 {
		position: absolute;
		top:0px;
		left:0px;
		/* required for opacity to work in IE */
		/*width: 100%;*/
		/* required for IE before filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
		filter:alpha(opacity=0);
		/* firefox - old */
		-moz-opacity:0;
		/* safari - old */
		-khtml-opacity: 0;
		/* modern */
		opacity:0;
		display: block;
		visibility: visible;
	}
}
/* ------- NAV STYLES -------  */

#access {
	border-top: 1px solid white;
	background: #333333;
}

#access ul {
	list-style: none;
	margin: 0;
}

#access a {
	color: white;
	text-decoration: none;
	padding: 3vw 2vw;
	height:1.6em;
	width: 100%;
	overflow: hidden;
	text-align: left;
	float: left;
	font-size: 1.2em;
}

#menu-item-479 a {
	border-right: 0px;
	width: 100%;
}

#menu-item-1668 a {
	border-right: 0px;
	width: 100%;
}

#access li {
	background: #000040;
	overflow: hidden;
	border-top: 1px solid #000050;
}

#access .current_page_item {
	background: #0000AA;
}

* html #access .current_page_item {
	background: #0000AA;	
}

#access .current_page_item {
	background: #0000AA;
}

* html #access .current_page_item {
	background: #0000AA;	
}

#access .current-menu-item {
	background: #0000AA;
}

* html #access .current-menu-item {
	background: #0000AA;
}

@media (min-width:600px) {

	#access {
		display: block;
		height:auto;
		width: 100%;
		overflow: hidden;
	}

	#access a {
		border-right: 1px solid white;
		width: 113px;
		padding: 7px 10px 3px 10px;
	}	
	#menu-item-479 a {
		border-right: 0px;
		width: 140px;
	}
	
	#menu-item-1668 a {
		border-right: 0px;
		width: 110px;
	}	
	
	#access li {
		float: left;
		
	}

}


/* ------- CONTENT STYLES-------  */

.generic_content {
	padding: 40px;
}
.generic_content p{
	margin-bottom: 1em;	
}

.home_content p {
	margin-bottom: 1em;
}

.home_content ul {
	margin-bottom: 1em;
	list-style:inside;
}

.home_left {
	padding:4vw 3vw;
}

.home_right {
	padding:2vw 3vw;
}

@media (min-width:600px) {
	
	.home_left {
		float: left;
		width:340px;
		padding:30px 0px 0px 40px;
	}
	
	.home_right {
		float:right;
		width:340px; 
		padding:30px 40px 0px 0px;
	}
		
}

.widget_header {
	background: gray url(images/background.jpg);
	height: 1.6em;
	padding: 3vw 2vw;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid black;
	margin-bottom: 1em;
}

@media (min-width:600px) {

	.widget_header {
		background: gray url(images/background.jpg);
		height: 1.6em;
		padding: 3px 10px 3px 10px;
		font-size: 1em;
		font-weight: bold;
		border: 1px solid black;
		margin-bottom: 1em;
	}	
}

.widget_body {
	overflow: hidden;
	border-top: none;
}

#welcome{
	height:40.6em;
}

#all img {
	width: 18px;
	height: 18px;
	border: 0;
	vertical-align: middle;
	margin-right: 5px;	
}

hr {
	margin-top: 3px;
	margin-bottom: 3px;
	color: black;
	background-color: black;
	height: 1px;
	border: none;
	height: 0px;
	border-bottom: 1px black solid;
}

.small_date {
	font-size: 0.7em;
	color: grey;
}

.news_more {
	float: right;
	color: grey;
}

/*-------- NEWS STYLES ------- */

.news_content p {
	margin-bottom: 1em;
}

.news_content em {
	font-size: 0.9em;
}

.news_content img {
	border: black solid 1px;
	padding: 0px;
}

.news_left {
	padding: 4vw 3vw;
}

.news_left img {
	width: 18px;
	height: 18px;
	border: 0;
	vertical-align: middle;
	margin-right: 5px;	
}

.news_right {
	padding: 4vw 3vw;
}

@media (min-width:600px) {
	.news_right {
		float:right;
		width:390px; 
		padding:30px 40px 0px 0px;
	}
	
	.news_left {
		float: left;
		width:300px;
		padding:30px 0px 0px 40px;
	}

}

/* ------- FOOTER STYLES-------  */

#footer {
	clear: both;
	padding-top: 5vw;
	padding-bottom: 3vw;
	text-align: center;
	background: #e0e0e0;
	border-top: 1px #000040 solid;
}

#footer span {
	display: block;
	padding-bottom: 5vw;
}

#footer img {
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}

@media (min-width:600px) {
	
	#footer {
		padding-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 0;
		background: none;
		border-top: none;
	}
	#footer #social-left {
		margin-right: 2em;
	}
	
	#footer #social-right {
		margin-right: 2em;
	}
	#footer span {
		display: inline	;
		padding-bottom: none;
	}

}

/* ------- FOUNDERS PAGE -------- */


.founders_row {
	clear: both;
	height: 100%;
	padding: 4vw 3vw;
	overflow: visible;
}

.founders_row p {
	margin-bottom: 1em;
}

.founders_header {
	clear: both;
	height: 100%;
	padding: 35px 40px 0px 40px;
	overflow: visible;
	margin-bottom: -1em;
}

.founders_row img {
	border: 1px solid black;
}

.founders_right {
}

.founders_right .title {
	text-align: center;
	margin-top: 1em;
}

.founders_left {
	text-align: center;
}


@media (min-width:600px) {
	
	.founders_row {
		padding: 35px 40px 0px 40px;
	}
	
	.founders_row img {
		margin-top: 4px;
		border: 1px solid black;
		float: left;
		clear: both;
	}

	.founders_right {
		float: right;
		width: 540px;
	}
	
	.founders_right .title {
		text-align: left;
		margin-top: 0;
	}

	.founders_left {
		text-align: left;
		float: left;
		width: 150px;
	}
}

/* ------- SERVICES PAGE -------- */


.services_row {
	padding:4vw 3vw;
}

.services_header {
}

.services_row img {
}

.services_right {
	padding-top: 5vw;
}

.services_right .title {
	line-height: 3em;
}

.services_left {
		text-align: center;
}

@media (min-width:600px) {
	
	.services_row {
		clear: both;
		height: 100%;
		padding: 35px 40px 0px 40px;
		overflow: visible;
	}
	
	.services_right {
		float: right;
		width: 560px;
		padding: 0;
	}
	
	.services_right .title {
		line-height: inherit;
	}

	.services_left {
		text-align: left;
		float: left;
		width: 120px;
	}
	
	.services_row img {
		margin-top: 4px;
		border: 1px solid black;
		float: left;
		clear: both;
	}
	.services_header {
		clear: both;
		height: 100%;
		padding: 35px 40px 0px 40px;
		overflow: visible;
		margin-bottom: -1em;
	}
			
}

/* ------- CLIENTS PAGE -------- */


.clients_list {
	text-align: center;
	padding: 3vw 0vw;
}

.clients_header {
	clear: both;
	height: 100%;
	padding: 35px 40px 0px 40px;
	overflow: visible;
	margin-bottom: -1em;
}

.clients_list img {
	border: 1px solid black;
	width: 100px;
	height: 100px;
	margin: 1vw;
}

@media (min-width:600px) {
	.clients_list {
		padding: 0;
		margin-top: 27px;
		margin-left: 34px;
		text-align: left;
	}
	
	.clients_list img {
		
		float: left;
		margin: 22px;
	}
}


/* ------- CLIENTS DETAIL PAGE ------- */

.client_content {
	padding: 4vw 3vw;
}

.client_content img {
	border: 1px black solid;
	padding: 0px;
}

.client_content p {
	margin-bottom: 1.5em;
	word-wrap: break-word;
}

.client_details_right {
}

.client_details_left {
	margin-bottom: 1em;
}

.client_details_left img {
	width:100px;
	height: 100px;
}

.mejs-container {
	clear: both;
	margin-bottom: 0.5em;
	border: 1px black solid;
}	

audio {	
	clear: both;
	margin-bottom: 0.5em;
	width: 100%;

}	

.client_content em {
	font-size: 0.9em;
}
	
video {	
	clear: both;
	margin-bottom: 0.5em;
	width: 100%;
	height: auto;
	background: black;
}
	
.me-cannotplay {
	width: 100% !important;
	height: 100% !important;	
	background: black;
	margin-bottom: 1em;
}

@media (max-width:600px) {
	.mejs-container {
		width: 100% !important;
		height: 56% !important;
		padding-bottom: 56% !important;
		overflow: hidden !important;
	}

	.mejs-overlay {
		width: 100% !important;
		height: 100% !important;
	}
	
}

@media (min-width:600px) {
	
	.client_content {
		padding: 49px 50px 40px 56px;
		height: 100%;
		overflow: hidden;
	}
	.client_details_right {
		float: right;
		width: 548px;
	}
	
	.client_details_left {
		float: left;
		width: 120px;
		margin-bottom: 0;
	}

	audio {	
		clear: both;
		margin-bottom: 0.5em;
	}	

	video {	
		clear: both;
		margin-bottom: 0.5em;
	}	
	
	.mejs-container {
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.mejs-overlay {
		max-width: 100% !important;
	}
}

/*----- CONTACT STYLES ----*/

.contact_content textarea {
	border: 1px black solid;
	padding: 5%;
	width: 90%;
	font-size: 1em;
}
.contact_content input {
	border: 1px black solid;
	padding: 5%;
	width: 90%;
	font-size: 1em;
}
.contact_content p {
	margin-bottom: 1em;
}
.contact_content .left {
	padding: 4vw 3vw;
}
div.wpcf7 {
	padding: 4vw 3vw;
}
input.wpcf7-submit {
	padding: 5px;
	float: right;
	width: 10em;
	margin-right: -2px;
}

@media (min-width:600px) {
	.contact_content textarea {
		border: 1px black solid;
		width: 320px;
		padding: 5px;
	}
	.contact_content input {
		border: 1px black solid;
		padding: 5px;
		width: 320px;
	}
	.contact_content .left {
		padding: 40px;
		padding-right: 20px;
		width:340px;
		float: left;
	}
	div.wpcf7 {
		padding: 40px;
		padding-left: 20px;
		float: right;
		width: 340px;
	}
	input.wpcf7-submit {
		padding: 5px;
		float: right;
		width: 10em;
		margin-right: 8px;
	}

}

/*----- BLOG STYLES ----*/

.blog {
	padding: 4vw 3vw;
}

.blog .navigation {
	font-weight: bold;
	margin-top: 1em;
}

.blog .category-blog {
	
}

.blog h2 {
	margin-top: 1em;
	margin-bottom: 0.8em;
	line-height: 1.5em;
}

.blog p {
	margin-bottom: 1em;
}

.blog span {
	font-size: 1em !important;
}
.blog .meta {
	color: #848484;
	border-bottom: 1px dotted silver;
	margin-top: 1em;
	padding-bottom: 1em;
}

@media (max-width:600px) {
	.blog img {
		width: 100%;
		height: auto;
	}
}

@media (min-width:600px) {
	.blog {
		padding: 0;
		margin: 30px;
	}
	
}

/*----- NEXTGEN GALLERY STYLING ------*/

.gallery_thumb { /* custom code for lb template */
	margin-right: 7px;
	float: left;
	margin-bottom: 2em;
	font-style: italic;
	font-size: 0.8em;
}

.picture_footer {
	margin-top: 0.4em;
	font-style: italic;
	font-size: 0.8em;
}


.big_small_video {
	margin-bottom: 20px;
	background: black;
	text-align: center;
	border: 5px black solid;
}

.big_small_video iframe {

}

@media all and (max-width: 490px) {

	.big_small_video {
		position: relative;
		padding-bottom: 75%; /* = 4:3 56.25% =  16:9 */
		padding-top: 25px;
		height: 0;
		margin-bottom: 20px;	
	}
	
	.big_small_video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}