/*  
Theme Name: Grid-Vfx
Theme URI: http://after-dark.be
Description: Custom theme for Grid-VFX
Version: 1.0.0
Author: Karel Van Achte
Author URI: http://www.after-dark.be
*/

/*=== Setup ===*/
html { min-height: 100%; margin-bottom: 1px;}

html { overflow: -moz-scrollbars-vertical !important; }


body {
	background: #000 url(img/background-carbon.png) repeat-x;
}

p{
	color: #ccc;
	letter-spacing: 0;
}
#container {
overflow: hidden;
}

div#container.container_12 {
	background: url(img/highlight.png) no-repeat;

}

#header {
height:151px;
}

img#logo {
top: 52px;
position: absolute;
}

#dropdown{
        
        display: block;
        height:26px;
        width:100%;
        }

#dropdown li a.current_page_item {
color:#E15A0C;	
}

#dropdown li.current_page_item a {
	color: #E15A0C;
}
#dropdown li.current_page_ancestor. a {
color: #6d6d6d;	
}
#dropdown li.page_item.current_page_item ul li.page_item a {
	color: #6d6d6d;
}
#dropdown li.page_item.current_page_item ul li.page_item a:hover {
	color: #E15A0C;
}


/* 
	Menu LEVEL ONE
*/
ul#dropdown                         { position: relative; height:32px;z-index: 2000; }
ul#dropdown li                      { float: left; zoom: 1; text-transform: uppercase;font-size: 11px;text-decoration: none; height:21px;}
ul#dropdown li a                    { text-decoration: none;}
ul#dropdown a:hover		            { color:#E15A0C;text-decoration:none }
ul#dropdown a:active                { color: #E15A0C; }
ul#dropdown li a                    { display: block; color: #777; margin-left: 10px; margin-right: 13px; padding-top: 11px;}
ul#dropdown li#homelink a 			{ margin-left: 0px;}

ul#dropdown li.hover,
ul#dropdown li:hover                { position: relative; }
ul#dropdown li.hover a              { color: #E15A0C; }


/* 
	Menu LEVEL TWO
*/
ul#dropdown ul 						{ background: #0a0a0a;width: 125px;  visibility: hidden; position: absolute; top: 100%; left: 0; font-size: 11px; text-transform: uppercase; z-index: 2000; border-bottom: 8px solid #0a0a0a;}
ul#dropdown ul li 					{ background: #0a0a0a; float: none;height:21px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul#dropdown ul li a					{ width: 100%; display: inline-block; color: #6d6d6d;	} 

/* 
	Menu LEVEL THREE
*/
ul#dropdown ul ul 					{ left: 100%; top: 0; }
ul#dropdown li:hover > ul 			{ visibility: visible; }



div#featured {
width: 510px;	
overflow: hidden;
}

div#featurednav {
	margin-top: 10px;
	color: #ccc;
	font-size: 12px;
	float: right;
}
div#featurednav a{

	color: #ccc;
	font-size: 12px;
	margin-right: 5px;
}

#sidebar div h2 {
color: #fff;
font-size: 14px;
margin-top: 20px;
margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

#featurednav span.featuredactive {
	color: #E15A0C;
	font-size: 12px;
	margin-right: 5px;
}

#featuredtitle{
	color: #E15A0C;
	font-size: 14px;
	margin-top: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
}

#featured img {
	margin-top: 8px;
}

#featuredtitlecontainer div.pagination div.pagcont div.bttnL a img {
margin-top: 0px;	
}
#featuredtitlecontainer div.pagination div.pagcont div.bttnR a img {
margin-top: 0px;	
}

.featuredsquare
{
	width: 10px;
	height: 10px;
	background-color: #767676;
float: left;
margin-left: 10px;
}
.featuredactivesquare
{
	width: 10px;
	height: 10px;
	background-color: #E15A0C;
float: left;
margin-left: 10px;
}



#featuredtitlecontainer {
width: 510px;	
float: left;
}


h3.title {
	color: #E15A0C;
	font-size: 14px;
	margin-top: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
}

.title {
	color: #E15A0C;
	font-size: 14px;
	margin-top: 15px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	
}


#sidebar h3.title {
	text-align
}

#home h2 {
color: #fff;
font-size: 12px;
margin-top: 12px;
margin-bottom: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	padding-left: 15px;
	background: url(img/arrow.png) no-repeat 0 2px;
}



#home p {
	font-size: 12px;
	text-align: justify;
	line-height: 1.3;
	color: #6d6d6d;
	letter-spacing: 0;
}


div.content {
	width: 510px;
	margin-top: 8px;
	}


div.content p {
	font-size: 12px;
	text-align: justify;
	line-height: 1.3;
	color: #6d6d6d;
	margin-bottom: 15px;
	letter-spacing: 0;
}

div.content p strong {
	color: #fff;
	font-weight: normal;
	font-style: normal;
}

div.content ul {
	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 15px;
}

div.content li {
	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(img/arrow.png) no-repeat 0 2px;
	
	
}

#sidebar div p {

	font-size: 14px;
	text-align: justify;
	line-height: 1.3;
	color: #999;
	
	
	
}

#sidebar h2 {
color: #fff;
font-size: 12px;
margin-top: 8px;
margin-bottom: 8px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}

#sidebar p {
	font-size: 12px;
	text-align: justify;
	line-height: 1.3;
	color: #6d6d6d;
}


div.icon {
width: 15px;
height:15px;
float: left;
margin-right: 10px;	
margin-bottom: 5px;	
margin-left: 35px;
}

#sidebar div.reels a {
color: #6d6d6d;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
line-height: 16px;


}


#sidebar div.reels a:hover,#sidebar div.reels a:active {
	color:#E15A0C;
}




h3#titleNewsletter {

	margin-bottom: 8px;
	color: #E15A0C;
	font-size: 14px;
	margin-top: 25px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}


span.readmore1 {
	color: #fff;
	text-decoration: underline;
}

div#home {
color: #999;
}

#newsletterform
{
margin-top:8px;
}


#sidebar input.textfield {

 background-color: #333; 
 border: 0;
 height:16px;
 padding-left: 5px;
 width: 225px;
 color: #fff;
 font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#field {
float: left;	

}



#submit {
display: block;
float: right;
height:16px;
	


}

#submit input:hover{
	
	color: #E15A0C;
	cursor: pointer;
	
}






h3#Reels {
margin-bottom: 8px;
	color: #E15A0C;
	font-size: 14px;
	margin-top: 25px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

#sidebar a {
	
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#sidebar a:hover {
	
	color: #E15A0C;
	
}


#footer p {
	margin-top: 15px;
	color: #323232;
	font-size: 11px;
}

#home {
margin-top: 15px;
width: 510px;	
}

div.featured-img {
position:relative;
display:block;

}
div#overlay-playbutton {
position: absolute;
}


div.project-thumb img {
float: left;
background-color: #0a0a0a;
padding: 3px;
}

div.project-thumb img:hover {

background-color: #E15A0C;

}


a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	
	color: #E15A0C;
	
}
div.project-excerpt {
float: right;
width: 360px;	
}

div.projects {
margin-bottom: 25px;	
}

#maincontent div.content div.projects div.project-excerpt p {
margin-top: 8px;
margin-bottom: 0px;	
}

#maincontent div.content div.projects div.project-excerpt p a {
	
}



h2 a {

color: #fff;
font-size: 12px;
margin-bottom: 8px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
	text-decoration: none;
}

span.date a{
float: right;
color: #222;
font-size: 10px;
margin-bottom: 8px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;	
}

span.date a:hover{

color: #E15A0C;
	
}


span.bttnL	{
width: 12px;
height: 12px;
margin-right: 5px;
background: url("img/nav-L.png") no-repeat 0 0;	
overflow: hidden;
float: left;

}

span.bttnR	{
width: 12px;
height: 12px;
background: url("img/nav-R.png") no-repeat 0 0;	
overflow: hidden;
float: right;
margin-left: 5px;
}


span.bttnR:hover 
{ 
  background-position: 0 -12px;
}

span.bttnL:hover 
{ 
  background-position: 0 -12px;
}

div.pagination {

color: #eff;
font-size: 12px;
text-align: center;
margin-left: 408px;
width: 100px;
}
div.pagination2 {

color: #eff;
font-size: 12px;

}

div.pagcont {
float: right;	
display: block;
height: 12px;
margin-top: 10px;
}

#pagination-container div.pagination div.pagcont {
float: right;	
display: block;
height: 12px;
margin-top: 10px;	
}
div.pagcont2 {	
display: block;
position: absolute;
	top: 200px;
}

h3#featuredtitle {
width: 400px;	
float: left;
}

div#postmeta {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;

color: #6d6d6d;
	font-size: 12px;
}

#maincontent div.content div.news div.news-item p {
margin-bottom: 25px;	
}

#postmeta ul li {
	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-bottom: 2px;
	padding-left: 20px;
	margin-left: 15px;
	background: url(img/arrow.png) no-repeat 0 2px;
	
}
a:active, a:focus {
      outline: 0;
}

div.date {

float: right;
color: #fff;
font-size: 10px;
margin-bottom: 8px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;	

	
}

div.date2 {

float: right;
color: #fff;
font-size: 10px;
margin-top: 10px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;	

	
}


div.rss-icon {

float: right;
margin-top: 10px;
}


#maincontent div.content div.news div.news-item h2 a {
float: left;
width: 450px;	
}

#sidebar h2 a {
float: left;
width: 230px;	
}

h3#latest-news.title {
width: 200px;
float: left;	
}
#clean_contact fieldset.clean-contact label {
color: #777;
font-size: 11px;
text-transform: uppercase;
display: block;
}

input#clean_contact_from_name {
margin-top: 5px;
margin-bottom: 10px;	
width: 510px;
margin-right: 20px;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#clean_contact_send:hover {
color: #E15A0C;	
cursor: pointer;
}


input#clean_contact_from_email {
margin-top: 5px;
margin-bottom: 10px;	
width: 510px;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

input#clean_contact_subject {
margin-top: 5px;
margin-bottom: 10px;	
width: 510px;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

textarea#clean_contact_body {
margin-top: 5px;	
background-color: #333;
height:100px;
border: 0px;
width: 510px;
 padding-left: 5px;
 padding-top: 5px;
 color: #fff;

 margin-bottom: 5px;
 font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;	
}


input {
background-color: #333; 
 border: 0;
 height:16px;
 padding-left: 5px;
 color: #fff;
 font-size: 10px;	
}

#clean_contact fieldset.clean-contact {
margin: 0px;
padding: 0px;
width: 510px;	
}

#clean_contact fieldset.clean-contact label em {
	color: #dc5815;
	margin-left: 3px;
}


div#clean_contact_msg {
-moz-border-radius: 0; -webkit-border-radius: 0;
width: 510px;
padding: 2px 0px 2px 5px;

color: #fff;
background-color: #dc5815;
border: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
display:none;
margin-bottom: 5px;	
}

#footer p a {
margin-top: 15px;
	color: #323232;
	font-size: 11px;
	text-decoration: underline;	
}
#footer p a:hover {
margin-top: 15px;
color: #E15A0C;
font-size: 11px;
text-decoration: underline;	
}

#maincontent div.content h3 {
	color: #E15A0C;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
	
}
#response {color: #fff;
background-color: #dc5815;
border: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
margin-bottom: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
width: 275px;
margin-top: 5px;


}

#no-spam {
margin-top: 5px;
color: #323232;
font-size: 10px;
font-weight: normal;
font-style: normal;	}

#home ul li.page_item a h2 {
float: left;
margin-right:5px;	
}

#home ul li.page_item a h2:hover {
color: #E15A0C;	
}
#maincontent div.content img{
background-color: #0a0a0a;
padding: 3px;
}

#pagination-container div.pagination div.pagcont a img {
padding: 0px;	
}

div#pagination-container {
	position: absolute;
	top: 183px;
	display: block;
	width: 820px;
	height: 50px;
}

#catdescription ul {
margin-top: 0;	
}

#maincontent div.content div a.thickbox img:hover{

background-color: #E15A0C;

}

strong {
	color: #fff;
	font-weight: normal;
	font-style: normal;
}

#home ul {
	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-top:5px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#home li {
	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
	
}




#featuredtitlecontainer div.pagination div.pagcont a img {
margin: 0;	
}

#pagination-container div.pagination div.pagcont a img {
margin: 0;
background:none;
}

#pagination-container div.pagination div.pagcont a img:hover {
opacity:0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
background:none;
}



#featuredtitlecontainer div.pagination div.pagcont a img:hover {
opacity:0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;

}

span#pagenums {
	font-size: 14px;
}


#home div.postmeta ul li {

	font-size: 12px;
	line-height: 1.3;
	color: #6d6d6d;
	margin-bottom: 2px;
	padding-left: 20px;
	margin-left: 15px;
	background: url(img/arrow.png) no-repeat 2px 2px;
	float: none;
	text-transform: none;
	
}

div.postmeta ul{
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;

color: #6d6d6d;
font-size: 12px;
}

#maincontent div.content div.news div.news-item h2 a {


color: #fff;
font-size: 12px;
margin-bottom: 8px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
	text-decoration: none;
	
}	
#maincontent div.content div.news div.news-item h2 a:hover {


color: #E15A0C;

}
#footer {
	
margin-bottom: 10px;
margin-top: 10px;
}

#footer div p {
margin-top: 5px;	
}

#home div.postmeta {
margin-top: 10px;
	
}

#home div.postmeta ul li.info {
margin-top: 10px;
background: url(img/info.png) no-repeat 0 2px;	
}

#maincontent div.content ul li.quicktime {
	background: url(img/black-quicktime-16x16.png) no-repeat 0px 0px;
}

#maincontent div.content ul li.wmv {
	background: url(img/WMV-logo.png) no-repeat 0px 0px;
}
#maincontent div.content ul li.pdf {
	background: url(img/pdf-16x16.png) no-repeat 0px 0px;height: 16px;
}
#maincontent div.content ul li.edl {
	background: url(img/edl.png) no-repeat 0px 0px;
}
#maincontent div.content ul li.omf {
	background: url(img/omf.png) no-repeat 0px 0px;
}


#maincontent div.content ul li.quicktime span.codecno {
color: #E15A0C;	
}

#maincontent div.content ul li.wmv span.codecno {
color: #E15A0C;	
}

#maincontent div.content div.projects div.project-thumb a img:hover {
	background-color: #E15A0C;
}


.pagination2
{
font-size : 10px;
list-style-type : none;
margin : 0;
overflow : hidden;
padding : 2px 0;
}
.pagination2 li
{
display : inline
}
.pagination2 a,.pagination2 a:visited
{
color : #777;
text-decoration : none
}
.pagination2 a:hover
{
color :  #E15A0C;
text-decoration : underline
}
.pagination2 .pagination2-prev a
{
background : url(img/nav-L.png) no-repeat left center;
float : left;
padding-left : 20px
}
.pagination2 .pagination2-next a
{
background : url(img/nav-R.png) no-repeat right center;
float : right;
padding-right : 20px;
text-align : right
}

#home div.postmeta ul.pagination2 {
	border-bottom:none;
	border-top:none;
}