/*  
Theme Name: DJ SEMTEX 1.0 
Theme URI: http://www.djsemtex.com
Description: DJ Semtex v.1 is a 2-column custom theme. Semtex Media Ltd. all rights reserved.
Version: 1.0
Author: DJ Semtex
Author URI: bkconcept@hotmail.com
Version: 1.0Tags: two columns, fixed width, chrome effect, widgets, DJ Semtex branding, fixed width, custom header 


*/


body {
background-image: none !important;
background: #0C1011 !important;	 
font-size: 85%; /* Resets 1em to 10px */
font-family: Arial, Sans-Serif;
color: #fff;
text-align: center;
min-width: 1003px;
}

*::-moz-selection {
background-color:#FF3C00;
color:white;
}

a {
color: #000;
outline: none;
}

h2, h3 { 
font-family: arial, san-serif;
font-weight: lighter;
}

#home {
width: 1003px; 
padding: 0px;
margin: 0 auto 0 auto;
background-color: #0C1011 !important;
background-image:none !important;
text-align: left;
clear: both;
}


#image_flicker {text-align:center; width: 112px; height: 850px;}
#image_flicker img {display:block; margin:auto}
#image_flicker a {text-decoration:none}

/* TOP */

#bg1 { 
background: #0C1011 url(./img/bg_top_1_2.gif) no-repeat;
width: 1003px; 
height: 69px;

}

#bg2 { 
background: #0C1011 url(./img/bg_top_2.gif) repeat-y;
width: 1003px; 
}


#bg3 { 
background: #0C1011 url(./img/bg_top_3_2.gif) no-repeat;
width: 1003px; 
height: 18px;
}

.logo { 
width: 600px;
height: 247px; 
padding-left: 200px;
padding-top: 20px;
background: url () no-repeat;
}

.bannertop { 
width: 850px; 
height: 112px;
border: 0px #2D2D2D solid;
margin-right: 0px;
}

.bannertop li { 
      list-style: none;
}

.swb img { 
padding-right: 60px;
} 


.bannertop a { 
width: 850px; 
height: 112px;
border: 0px #2D2D2D solid;
margin-left: 80px;
clear: both;

}

/* TOP - RSS FEED */ 

.rssfeed { 
float: right;
background-color: transparent;
margin-right: 30px;
margin-top: 3px;
} 


.rssfeed a {
display:block;
height:30px; width:30px;
background:transparent url(./img/rssfeed2.png) no-repeat 0 0;
text-indent:-9009px;
}


.rssfeed a {
   height:30px;
   width:30px;
   background-position: -0px 0;
}

.rssfeed a:hover {
   background-position: 0 -30px;
}


/* MIDDLE */


#mid { 
background: #000 url(./img/bg_mid_1.gif) repeat-y;
width: 1003px;
padding-top: 5px;
padding-bottom: 30px;
overflow: auto; 
clear: both;
}



*html #mid { 
background: #000 url(./img/bg_mid_1.gif) repeat-y;
width: 1003px;
padding-top: 5px;
padding-bottom: 30px;
clear: both;
}



/* MENU */


#mid .menu {
width: 950px;
margin: 0px auto 0 auto;
padding-left:5px; 
}

#mid .menu .strip{
width: 950px;
height: 35px;
background: transparent url(./img/menu.png) repeat-x scroll 0 0px;
border: 1px solid #232728;
clear: both;
}


#mid .menu .nav{
background: transparent url(./img/menu.png) no-repeat scroll 0 0px;
height: 16px;
text-align: center;
float: left;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
display: block;
padding: 9px 8px 10px 8px;
border-left: 1px solid #0C0D0F;
border-right: 1px solid #0C0D0F;
font-family: Arial, Sans-Serif;
}
#mid .menu a.nav:hover{
background: #000 url(./img/menu.png) no-repeat scroll 0 -35px;
font-family: Arial, Sans-Serif;
}


/* MENU-FORM */


form{margin:0;padding:0, background: transparent;   }

.search-box{ /*outer background*/
background:transparent url() no-repeat top left;
height: 26px;
padding: 5px 0 0 5px;
width: 165px;
float: right;
}

input.search-field{ /*input field */
float: left;
border:0;
margin:0;
font-family:tahoma;
font-size: 12px;
padding: 3px 0px 0px 4px;
height:18px;
background: transparent url(./img/search-form.png) no-repeat top left;
width: 123px;
}

input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 21px;
width: 21px;
background:transparent  url(./img/search-icon.png) no-repeat top left;

cursor: pointer;
}

input.search-go:hover{ /*search icon hover �Does Not work in ie6? */
background:url(../img/search-icon.png) no-repeat bottom left;
}

/* SEARCH BOX SIDEBAR */ 

.search-form input {
 width: 200px;
margin-bottom: 50px;
}


/* BLOG-CONTENT LEFT */ 

.post-date { 
font-family:arial;
font-size: 15px;
color: #ffffff;
} 

.leftcolumn { 
float: left;
clear: left;
width: 550px;
padding-top: 20px;
padding-left: 35px;
} 

.blogentry { 
width: 550px; 
border: 1px #232728 solid;
background-color:#000;
padding: 20px; 
margin-bottom: 15px;
} 

*html .leftcolumn { 
float: left;
clear: left;
width: 540px;
padding-top: 20px;
padding-left: 35px;
} 

*html .blogentry { 
width: 530px; 
border: 1px #232728 solid;
background-color:#000;
padding: 20px; 
margin-bottom: 15px;
} 

.blogentry a { 
color: #9ACDFF; 
}



.blogentry a:hover { 

color: #FFD800; 
font-family: Arial, Sans-Serif;
text-decoration: underline;
}


.blogentry h3 { 
color: #9ACDFF; 
font-size: 130%;
text-align: left;
font-family: Arial, Sans-Serif;
text-decoration: none;
font-weight: lighter;
text-transform: uppercase;
}

.blogentry h3 a { 
text-decoration: none;
font-weight: lighter;
text-transform: uppercase;
}


.blogentry p { 
color: #D0D0D0; 
text-align: left;
font-size: 90%;
font-family: Arial, Sans-Serif;
}





#mid .title { 
color: #9ACDFF; 
font-size: 200.5%;
text-align: left;
font-family: Arial, Sans-Serif;
} 

#mid .links { 
color: #FFF; 
font-size: 120%;
text-align: left;
font-family: Arial, Sans-Serif;
} 

#mid .copy a { 
color: #FFD800; 
font-size: 100%;
text-align: left;
font-family: Arial, Sans-Serif;
text-decoration: none;
} 



#mid .copy a:hover { 
color: #FFD800; 
font-size: 100%;
text-align: left;
font-family: Arial, Sans-Serif;
text-decoration: underline;
} 

.copy { 
color: #D0D0D0; 
font-size: 130%;
text-align: left;
font-family: Arial, Sans-Serif;
} 


/* BLOG-CONTENT RIGHT */ 

#mid .rightcolumn { 
width: 340px; 
float: right;
padding-top: 20px;
margin-right: 20px;
}

*html #mid .rightcolumn { 
width: 340px; 
float: left;
padding-top: 10px;
margin-left: 0px;
padding-left: 10px;
}

#advert { 
width: 338px; 
height: 252px;
border: 0px #232728 solid; 
margin-bottom: 15px;
background:transparent url(./img/ads/bg_adv.gif) no-repeat;
padding-top: 8px;
} 


.box { 
width: 340px; 
margin-bottom: 25px;
}


/* SIDEBAR */ 



/* GENERAL SIDEBAR STYLES */

.sidebar{float: left;width: 340px; padding-right: 0px; margin-right: 0px; font: bold 10px arial, san-serif; color: #fff;}



.sidebar a { color:#9ACDFF; text-decoration: none;}
.sidebar a:hover { color: #fff; text-decoration: underline;}


.sidebar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebar ul li{margin: 10px 0 0;}

.sidebar ul li h2{
	padding: 8px 10px 6px;
	font: bold 13px arial, san-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #4E4E4E;
	color: #4E4E4E;
}

.sidebar ul ul{
	line-height: 22px;
}

.sidebar ul ul li{
	margin: 0;
	padding: 4px 10px 3px 28px;
	border-bottom: 1px solid #181818;
	background: url(images/x.gif) no-repeat 10px 10px;
}

.sidebar ul ul ul li{
	padding: 0 0 0 10px;
	border: 0;
	background-image: none;
}





/* wp calender */


#wp-calendar{ 
	margin-bottom: 25px; 
	background: url(images/calendarbg.gif) no-repeat top center; 
	color: #ccc; 
	width: 250px;
	font-family: arial, san serif;
}

#wp-calendar th, #wp-calendar td { 
	padding: 4px 6px; 
	text-align: center; 
}

#wp-calendar caption{ 
	color: #666666; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 1.1em; 
	margin-bottom: 12px; 
}

#wp-calendar a{ 
	color: #999; 
	text-decoration: none; 
	font-weight: bold; 
}

#wp-calendar td#today, #wp-calendar td#today a, #wp-calendar a:hover { 
	color: #dc4628; 
	font-weight: bold; 
}

#wp-calendar tfoot tr td{ 
	padding: 35px 0px 0px; 
	text-align: left; 
}

#wp-calendar tfoot tr td#next{ 
	text-align: right; 
}







/* COMMENTS SECTION */


ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}





.comments-template h3{ 
	font-family: arial, san-serif;

}




.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	font-family: arial, san-serif;
	color: #fff;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
	font-family: arial, san-serif;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: arial, san-serif;
	font-size: 16px;
}

.commentmetadata{
	font-family: arial, san-serif;
	font-size: 12px;
}

.comments-template p.nocomments{
	font-family: arial, san-serif;b  

}

.comments-template textarea{
	font-family: Arial, Sans-serif;
	font-size: 12px;
}



.navigation { 
	font-family: arial, san-serif;
	font-size: 10px;
	color: #fff;
}

.navigation { 
text-align: center;
}


.navigation a { 
	font-family: arial, san-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

.navigation a:hover { 
	font-family: arial, san-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
}



#footcolumn { 

}


/* SIGN-UP */ 


#signup { 
width: 338px; 
height: 150px;
border: 0px #232728 solid; 
margin-bottom: 15px;
background:#000 url(./img/bg_mlist.gif) no-repeat;
} 



#foot { 
width: 1003px; 
height: 99px;
background:#0C1011 url(./img/bg_bottom.gif) no-repeat;
padding-top: 40px; 
padding-left: 430px;
color: #fff;
font-family: arial, san-serif;
font-size: 12px;

}


/* TWITTER FEED */ 



.twitter ul{
      width:100%;
      margin:0;
      padding:0;
      }

.twitter li {
      display:none;
      list-style:none;
      background: transparent url(./img/spacer.gif) repeat-x;
      margin:0 0px;
      overflow:auto;
      padding:5px;
      color:White;
      font-family:Arial;
      line-height:12px;
      font-size:10px;
      }

.twitter li a {
	color:#D8D8D8;
	text-decoration:none;
	transparent url(./img/spacer.gif) repeat-x
	}


.twitter li a:hover {
	text-decoration:underline;
	}     

.twitter li.hover {
      background: transparent url(./img/spacer.gif) repeat-x;
      }
     
.twitter li img {
      float:left;
      padding:0px;
      border:solid 1px #A1A1A1;
      margin-right:10px;
      width:40px;
      height:40px;
}
 
.twitter li.hover img
{
      border:solid 1px #DFDFDF;
      }
 
.twitter li strong.User
{
      font-size:0.9em;
      display:block;
      font-family:Arial;
      }

.twitter .created_at { font-size:0.9em; color:#DFDFDF; }
 
/** 1.1 SLIDESHOW / SNP / LOGO **/
div#header{position:relative;float:left; width:935px; height:285px; margin:0px; padding:0px; text-align:left;background: transparent;}



#snc { 
margin-left: 38px;
padding-top: 10px;
list-style-type: none;
}

a#logo{position:absolute;clear:both;position:absolute;width:300px;margin:0px;z-index:10;left: 35px; top: 67px;}

#snp{position:absolute;clear:both;top:15px;left:810px;width:158px;height:19px;margin:0px;z-index:10;}

#slideshow {
    position:relative;
    height:285px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 285px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 285px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/* TWEETS */ 



#tweet { 
	padding-left: 0px;
	padding-right: 15px;
	font-family: Georgia, serif;
	font-size: 11pt;
	line-height: 14pt;
	color: #fff;
	background: url(http://www.djsemtex.com/blog/wp-content/themes/DJ_Semtex_V1/img/tweetbg2.png) 0px 0px;
	list-style-type: none; 
	font-style: italic;
	margin: 0px; 
	z-index:10; 	
	width: 380px; 
	position:absolute;	
	clear:both; 
	top:180px;	
	left:27px;
list-style: none; 

} 

#tweet p { 
padding: 0px;
margin: 0px;
float: left;

} 
#tweet a { 
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 15px;
	color: #fff;  
} 



#tweet li { 
background: transparent url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/spacer.gif) repeat-x;
list-style: none; 
}

.twitterPrefix { 
color: #ffffff;
}

.banneradvert { 
text-align: middle;
padding-top: 30px;
padding-left: 140px;
padding-bottom: 20px;
 

}







*html #home,