/*
Theme Name: 
Theme URI: http://www.appsoftdevelopment.com/
Description: Digital Video Arts
Version: 1.0
Author: AppSoft Development
Author URI: http://www.appsoftdevelopment.com/
*/

@charset "UTF-8";
/* CSS Document */

/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p {
	margin: 10px 0px 15px; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }
object:focus {
	outline:none; }
object {
	margin:0px;
	padding:0px; }
a:focus {
	outline:none; }

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme {
	clear: both;
}



a img {border:0}


body{
	background:#000000 url(http://www.digitalvideoarts.com/images/background.jpg) no-repeat fixed top center;
	text-align: center;
	min-width:990px;
	margin:0 auto;
}
body.index2_page{
	background:#1f284a url(http://www.digitalvideoarts.com/images/background-new.jpg) no-repeat fixed top center;
}
body.blog_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/blog_bg.jpg) no-repeat fixed top center;
}
body.method_tony_haines_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/method_tony_haines_bg.jpg) no-repeat fixed top center;
}
body.method_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/method_bg.jpg) no-repeat fixed top center;
}
body.services_hd_editing_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/services_hd_editing_bg.jpg) no-repeat fixed top center;
}
body.services_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/services_bg.jpg) no-repeat fixed top center;
}
body.portfolio_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/portfolio_bg.jpg) no-repeat fixed top center;
}
body.contact_page{
	background:#000000 url(http://www.digitalvideoarts.com/images/contact_bg.jpg) no-repeat fixed top center;
}


p {
	padding:0px 15px;
	font:11px/18px Verdana;
	color:#FFFFFF;
	text-align:justify;
}


/* MAIN WRAPPER */

#main_wrapper {
	width:990px;
	margin:0 auto;
	text-align:left;
	padding:0px;
}





#left_col {
	float:left;
	width:270px;
	margin:0px;
	padding:0px 0px;
	font:bold 10px/20px Verdana;
	color:#3A3A3A;
	text-align:right;
}

#leftnav {
	min-height:500px;
	margin:120px 5px 0px 0px;
	text-align:right;
	background:url(http://www.digitalvideoarts.com/images/leftnav_bg.png) no-repeat;
}
.CollapsiblePanelTab {
	padding:20px 20px 10px 10px;
	background:url(http://www.digitalvideoarts.com/images/nav_divider.png) no-repeat bottom right;
	font:bold 12px Verdana;
	color:#5B5B5B;
	cursor: pointer;
}
.CollapsiblePanelContent {
	background:url(http://www.digitalvideoarts.com/images/leftnav_open_bg.png) repeat-y;
}
.CollapsiblePanelContent a {
	display:block;
	font:10px Verdana;
	padding:8px 20px;
	color:#353535;
	text-decoration:none;
}
.CollapsiblePanelContent a:hover {
	text-decoration:underline;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #B27C22;
}
.nav_link {
}
.nav_link a {
	display:block;
	padding:20px 20px 10px 10px;
	background:url(http://www.digitalvideoarts.com/images/nav_divider.png) no-repeat bottom right;
	font:bold 12px Verdana;
	color:#5B5B5B;
	cursor: pointer;
	text-decoration:none;
}
.nav_link a:hover {
	color: #B27C22;
}



#right_col {
	float:right;
	width:720px;
	margin:0px;
	padding:0px;
}



#header {
}
#logo {
	float:left;
	padding:20px;

}
#contact {
	float:right;
	text-align:right;
	font:10px/20px Verdana;
	color:#CDCDCD;
}



/* NAVIGATION */

#nav {
	width:717px;
	height:20px;
}
#nav.index_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_index.jpg);
}
#nav.portfolio_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_portfolio.jpg);
}
#nav.services_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_services.jpg);
}
#nav.method_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_method.jpg);
}
#nav.news_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_news.jpg);
}
#nav.contact_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_contact.jpg);
}
#nav.media_nav {
	background:url(http://www.digitalvideoarts.com/images/nav_bg_media.jpg);
}

#nav a {
	float:left;
	display:block;
	font:bold 13px Calibri, Helvetica;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
#nav a:hover {
	color:#FFFD75;
}

a#link_home {
	width:14px;
	height:13px;
	margin:3px 26px 4px 10px;
	background:url(http://www.digitalvideoarts.com/images/home_icon.png) top left;
	text-indent:-9000px;
}
a#link_home:hover {
	background:url(http://www.digitalvideoarts.com/images/home_icon.png) bottom left;
}
a#link_portfolio {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_portfolio:hover {
}
a#link_services {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_services:hover {
}
a#link_method {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_method:hover {
}
a#link_news {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_news:hover {
}
a#link_contact {
	width:68px;
	height:13px;
	padding:3px 20px 4px 0px;
}
a#link_contact:hover {
}
a#link_client {
	float:right;
	width:112px;
	height:13px;
	padding:3px 0px 4px 25px;
	color:#242424;
}
a#link_client:hover {
}

#video_window {
	background:#FFFFFF;
}
#content {
}



/* Sub Nav Wrapper*/
 #subnav_wrapper {   
	position:relitive;
	float:right;
	width:336px;
	margin:0px;
	padding:0px;
	text-align:right;
}

/* Sub Nav Div*/
 #subnav {   
	position:absolute;
	position:fixed;
	float:right;
	width:300px;
	margin:0px 36px 0px 0px;
	padding:0px;
	text-align:right;
	top:285px;
}

/* FLASH PORTFOLIOS*/
#general_reels {
	margin:0px 0px 0px 15px;
}
#general_reels2 {
	margin:0px 0px 0px 15px;
}
#general_reels3 {
	margin:0px 0px 0px 15px;
}

/* FOOTER */

#footer_wrapper {
	width:720px;
	height:100px;
	padding:0px;
}
#footer_wrapper p {
	font:10px/15px Verdana;
	color:#CDCDCD;
	text-align: center;
}
#footer_left {
	float:left;
	text-align:left;
	height:12px;
	padding:15px 0px 0px 0px;
}
#footer_right {
	float:right;
	text-align:right;
	padding:15px 8px 0px 0px;
}

#footer_wrapper a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer_wrapper a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer_line {
	background-color:#FFF;
	width:720px;
	height:1px;

}


/* HEADER TAGS */

h1 {
	padding:0px 15px;
	margin: 5px 0px;
	font:bold 24px Verdana;
	color:#FFFFFF;
}
h2 {
	padding:0px 15px;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h3 {
	padding:0px 15px;
	font:bold 14px/20px Verdana;
	color:#FFFFFF;
}
h4 {
}
h5 {
}
h6 {
}

h2.services_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#85771D;
	border:thin solid #FFFFFF;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.method_header {
	display:block;
	width: 686px;
	padding:3px 15px;
	background:#86561B;
	border:thin solid #FFFFFF;
	font:bold 14px Verdana;
	color:#FFFFFF;
}
h2.index_header {
	padding:3px 15px;
	font:bold 14px Verdana;
	color:#FFFFFF;
}


/* SOCIAL */

 div#s1  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 55px;
 	height:22px;
 	outline: none;
 	background-image: url(http://www.digitalvideoarts.com/images/images/s1.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s1 a:hover {
 	background-position: bottom left;
}

 div#s2  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 79px;
 	height:21px;
 	outline: none;
 	background-image: url(http://www.digitalvideoarts.com/images/images/s2.png);


 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s2 a:hover {
 	background-position: bottom left;
}

 div#s3  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 82px;
 	height:17px;
 	outline: none;
 	background-image: url(http://www.digitalvideoarts.com/images/images/s3.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s3 a:hover {
 	background-position: bottom left;
}

 div#s4  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 71px;
 	height:20px;
 	outline: none;
 	background-image: url(http://www.digitalvideoarts.com/images/images/s4.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s4 a:hover {
 	background-position: bottom left;
}

 div#s5  a {
 	display: block;
 	float: left;
 	padding-left: 0px;
 	width: 75px;
 	height:19px;
 	outline: none;
 	background-image: url(http://www.digitalvideoarts.com/images/images/s5.png);
 	background-position: top left;
 	background-repeat: no-repeat;
 }
 div#s5 a:hover {
 	background-position: bottom left;
}


/* Previous & Next - Float Left & Right */

.alignleft {
float: left;
margin: 10px 0 15px;
color: #FFFFFF;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
padding:0 15px;
}

.alignright {
	float: right;
margin: 10px 0 15px;
color: #FFFFFF;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
padding:0 15px;
}

/* Sociable Style _ DO NOT PASTE BELOW HERE */

div.sociable {
margin: 16px 0;
padding:0 15px;
}


.sociable_tagline {
position: relative;
color: #FFFFFF;
font-family:Verdana;
font-size:12px;
line-height:18px;
}

span.sociable_tagline {
position: relative;
}

span.sociable_tagline span {
display: none; width: 14em;
}

span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: #FFFFFF;
line-height: 1.25em;
}

.sociable span {
display: block;
}

.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}

.sociable ul li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}

.sociable ul li:before {
content: "";
}

.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .8;
-moz-opacity: .8;
filter: alpha(opacity=80);
}

.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.post a {
	color:#FFFFFF;
	text-decoration:underline;
}