/*

Theme Name: BJG - OWF - 09
Theme URI: http://www.bjorngustafsson.com/
Description: BJG - OWF - 09.
Version: 2.0
Author: BJG
Author URI: http://www.bjorngustafsson.com/

*/
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 10px;
	background-image: url(images/pattern2.png);
	margin: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
}

h1 {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 14px;
	color: #333;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 10px 0px;		/* -------------- top right bottom left ---------------- */
}

h2 {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 	12px;
	color: #555;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 5px 0px;		/* -------------- top right bottom left ---------------- */
}

p {
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
}

a:link, a:visited {
	text-decoration: underline;
	color: #ff9900;
}

a:hover {
	text-decoration: none;
	color: #333333;
}
/* --------------------- Main Div & Class Styles ------------------------ */

#wrapper {
	position: absolute;
	height: auto;
	width: 870px;
	left: 50%;
	margin: 0px 0px 0px -435px;		/* -------------- top right bottom left ---------------- */
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	z-index: 1;
	border: 0px #FFFFFF dotted;
}

#topthing {
	height: 3px;
	width: 100%;
	margin: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	background-color: #ff9900;
	z-index: 1;
}

#topbar {
	height: 10px;
	width: 450px;
	padding: 5px 10px 10px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;	
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	color: #FFFFFF;
	float: right;
	background-color: #ff9900;
}

	#topbar a {
		color: #FFFFFF;
	}

#logo {
	width: 314px;
	height: 59px;
	background-image: url(images/bjg.png);
	margin: 10px 0px 5px 0px;		/* -------------- top right bottom left ---------------- */
	border: 0px #FFFFFF dotted;
	float: none;
}

	#logo img {
		border: none;
	}
	
	#logo a {
		cursor:default;
	}

#menu {
	width: auto;
	height: 13px;
	margin: 0px 0px 10px 0px;		/* -------------- top right bottom left ---------------- */
	padding: 5px 5px 5px 5px;		/* -------------- top right bottom left ---------------- */
	font-size: 13px;
	text-align: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color: #FFF;
	float: left;
}

#menu ul {
	float: left;
	list-style: none;
	width: auto;		
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
	display: inline;
}

#menu ul li {
	display: inline;
	height: auto;	
	margin: 0; 
	padding: 0;
}

#menu ul li a {
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 7px 0px 7px;
	font: normal 12px Franklin Gothic Medium, Arial Narrow Bold, Arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;	
	color: #9e9e9e;
	text-transform: uppercase;
}

#menu ul li a:hover, #menu ul li a:active {
	color: #f7931e;
	border: none;
}

#nav ul li.current_page_item a, #nav ul li.current_page_item a:hover {	
	color: #444;
	text-decoration: none;
}

#sidebar {
	position: absolute;
	width: 180px;
	height: 450px;
	overflow: hidden;
	padding: 10px 10px 10px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	z-index: 5;
	background-color: #FFFFFF;	
	border: 0px #000000 dotted;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: left;
}

	#sidebar img {
		border: none;
	}

#pages_main {
	width: 640px;
	height: 450px;
	overflow: hidden;
	padding: 10px 10px 10px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	text-align: left;
	background-color: #FFFFFF;
	z-index: 5;
	border: 0px #333333 dotted;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: right;
}

	#main_video img {
		border: 1px #333333 solid;
	}
	
#contactinfo {
	width: auto;
	height: 15px;
	overflow: hidden;
	background-color: #FF9900;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;		/* -------------- top right bottom left ---------------- */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-align: left;
	float: left;	
}

	#contactinfo a {
	color: #FFFFFF;
	}
			
#featuredhead {
	width: auto;
	height: 15px;
	overflow: hidden;
	text-align: left;
	z-index: 5;
	border: 0px #333333 dotted;
	float: left;
}	

#featuredvid {
	width: 640px;
	height: 360px;
	overflow: hidden;
	margin: 10px 0px 10px 0px;		/* -------------- top right bottom left ---------------- */
	border: 0px #333333 dotted;	
	z-index: 5;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	float: left;
}	

#featuredtxt {
	width: 490px;
	height: auto;
	overflow: hidden;
	text-align: left;
	z-index: 5;
	border: 0px #333333 dotted;
	float: left;
}

#featuredtag {
	width: 132px;
	height: 22px;
	overflow: hidden;
	margin: 0px 10px 0px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
	float: right;
}	

#socialbar{
	width: 870px;
	height: 30px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 10px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	z-index: 5;
	background-color: #FFFFFF;	
	border: 0px #000000 dotted;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: left;
}

	#socialbar img {
		border: none;
	}

#twitter_div {
	border: 0px #000000 dotted;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: -19px 0px 0px -5px;		/* -------------- top right bottom left ---------------- */
}

	#twitter_div img {
		border: none;
	}

	#twitter_div ul {
		display: inline;
	}

		#twitter_div ul li{
			display: inline;
		}

*:focus { 
-moz-outline: none;
}

.clear {
	clear: both;
}

/* -------------- The WORK layers ---------------- */

#work {
	width: 850px;
	height: auto;
	overflow: hidden;
	padding: 10px 10px 0px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 10px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	z-index: 5;
	background-color: #FFFFFF;	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: left;
}

.workdisp {
	width: 830px;
	height: auto;
	overflow: hidden;
	padding: 10px 10px 10px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 10px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 10;
	background-color: #BEBEBE;	
	border: 0px #000000 dotted;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: right;
	clear: both;
}

.workvideo {
	width: 500px;
	height: 281px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
	border: 1px #333333 solid;
	float: left;
}

.videotag {
	width: 46px;
	height: 16px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
}

	.videotag img {
		border: none;
	}

.interactivetag {
	width: 85px;
	height: 16px;
	right: 20px;
	bottom: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 0px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
}

	.interactivetag img {
		border: none;
	}


.workimages {
	width: 310px;
	height: auto;
	overflow: hidden;
	padding: 10px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 10px 15px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
	border: 0px #333333 solid;
	float: left;
}

	.workimages img {
		border: 1px #333333 solid;
	}

.worktext {
	width: 310px;
	height: auto;
	overflow: hidden;
	padding: 0px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	margin: 0px 0px 10px 15px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
	border: 0px #000000 dotted;
	float: left;
}


#moreCases {
	width: 860px;
	height: 15px;
	overflow: hidden;
	padding: 3px 5px 3px 5px;		/* -------------- top right bottom left ---------------- */
	margin: 10px 0px 0px 0px;			/* -------------- top right bottom left ---------------- */
	z-index: 15;
	background-color: #FFF;
	color: #333333;
	border: 0px #000000 dotted;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: middle;
	clear: both;
}

#moreCases a {
	text-decoration: none;
	color: #FF9900;
}

#moreCases a:hover {
	text-decoration: underline;
	color: #FF9900;
}

.float-left  { 
	float: left; 
	margin: 0px 0px 0px 10px;
}

.float-right { 
	float: right;
	margin: 0px 10px 0px 0px;
}

/* -------------- Footer ---------------- */

#footer {
	width: 850px;
	height: 15px;
	overflow: hidden;		
	padding: 5px 10px 5px 10px;		/* -------------- top right bottom left ---------------- */
	margin: 10px 0px 0px 0px;		/* -------------- top right bottom left ---------------- */
	z-index: 15;
	background-color: #FF9900;
	border: 0px #000000 solid;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;	
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;	
	color: #FFFFFF;
	text-align: center;
	float: left;
	clear: both;
}

#footer a {
	color: #FFFFFF;
}