/* Main Tags */


.Bebas {font-weight: normal; font-style: normal; line-height:normal; font-family: 'BebasRegular', sans-serif;}




.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#genres a {color:#343434;}

#genres a:link, a:visited {ccolor:#343434;}
#genres a:hover {color:#267fc2;}

.social4i{
margin-left: 40px;
    width: 600px;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


 body{
	border:0;
	padding:0;
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#ffffff;
	/*background:transparent url(http://www.djpugz.com/wp-content/themes/StarStruck/StarStruck/images/bk.gif) top center no-repeat;*/
	/*background: #2489f2;*/

/* UNBLOCK THIS WHEN NEW DESIGN HAS BEEN DONE */
 
/* background: #f8f7e5 url(images/test.jpg) no-repeat center top; */

/*width: 100%;  display: table;*/


	text-align:center;
} 




.Container {
	width:960px;
	padding:0;
	border:0;
	margin:0 auto;
	text-align:left;



}

#Header {

/* CHANGE HEIGHT TO 340 PX WHEN NEW DESIGN DONE */
	/* height:340px; */
height:510px;
	width:960px;;
	text-align:center;

	 background:transparent url(images/bg_head.gif) top center no-repeat; 

}

#backforth {

width: 640px;
height: 40px;
background-color:blue;

}

.previous {

float:left;
color:#ffffff;
font-size:25px;
font-weight:bold;
width:320px;
height:100px;
background:url('/images/facebook/older.jpg') no-repeat;
text-align:center;
font-family:Helvetica, Arial, sans-serif;

padding-top:50px;
	

}

.next {

float:right;
color:#ffffff;
font-size:25px;
font-weight:bold;
width:320px;
height:100px;
background:url('/images/facebook/newer.jpg') no-repeat;
font-family:Helvetica, Arial, sans-serif;
text-align:center;

padding-top:50px;
}

#RSS {
	float:right;
	margin-top:30px;
	margin-right:-70px;
}

#Facebook	{
	float:right;
	margin-top:100px;
	margin-right:-100px;
}

#Twitter	{
	float:right;
	margin-top:172px;
	margin-right:-100px;
}

#youtube	{
	float:right;
	margin-top:246px;
	margin-right:-100px;
}

#soundcloud{
	float:right;
	margin-top:320px;
	margin-right:-100px;
}

#allmixes	{
	float:left;
	    margin-top:380px;
    margin-right:-70px;
}


/* Navigation */

#Navigation { 
	/* background: transparent url(images/bg_nav.jpg) top left no-repeat; */
	height:38px;
	font-size: 1.0em;
	font-weight:bold;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:36px;
	padding-left:10px;
}

#Navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#Navigation li {
	display: inline;
	margin: 0px;
}

#Navigation li a
{
	height:25px;
	padding-top: 13px;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	float: left;
	

}

#Navigation li .end
{
	height:38px;
	color: #FFFFFF;
	padding:0px;
	text-decoration: none;
	float: left;
	
	text-align:left;
}


a:link, a:visited{color:#5b96de; text-decoration:none;}
a:hover {color:#9da0a4;}
#NavigationFooter  li{
	float:left;
	width:230px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align:left;
text-decoration:none;
}

#NavigationFooter h2 {
	color:#0880f0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	margin:10px 0 5px;
	border-bottom:1px solid #ffffff;
	padding:0 0 3px;
	width:190px;
}

#NavigationFooter a {
	text-decoration:none;
	color:#555555;
}

#NavigationFooter a:hover {
	font-weight:bold;
}


#NavigationFooter li ul {
	margin:0px;
	padding:0px;
	list-style-image: url(images/bullet.gif);
	list-style-position:inside;
}


#NavigationFooter li ul li {
	padding:5px;
	list-style-image: url(images/bullet.gif);
	list-style-position:inside;
	color:#ffffff;
	border-bottom:1px dotted #a6a6a6;
	width:180px;
	margin:0px;
}


#NavigationFooter{
	padding:0px 10px 25px 10px;
	text-align:center;
	color:#000000;
	margin:auto;
	backlground:#000;
}


#sub-panel{
	text-align:center;
	width:1000px;
	margin:auto;
	margin-left:20px;
}
#sub-panel a{
	width:200px;
	color:#FFFFFF;
	float:left;
	text-decoration:none;
	margin-right:auto;
	font-weight:bold;
	/* background:url(images/corner_left.gif) bottom left no-repeat #25434c;*/
}
#sub-panel a span{
	padding:6px;
	/* background:url(images/corner_right.gif) bottom right no-repeat;*/
	display:block;
}

#Main {
	border:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	text-align:left;

	background-color:#ffffff;
	width:941px;
	margin:auto;
	padding-bottom:30px;
}

.postcontent {
	line-height:170%;
}

#posts {
	padding:15px;
	/*background:#ffffff url(images/bg_PostSet.gif) top right no-repeat;*/
	min-height:996px;
}


.clear {
	float:none;
	clear:both;
}

#PostSet {
	width:673px;
	float:left;
}

#Sidebar1 {
	width:255px;
	float:right;
	margin:0;
	padding:0;
/*rounded edges */
	/*background:#ffffff url(images/bg_sidebar.gif) top left no-repeat;*/
	padding-top:10px;


}

#Sidebar1 div {
	width:244px;
	margin:auto;

}

#Sidebar1 * {
	margin:0;
	padding:0;

}

#Sidebar1 li {
	color:#969696;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.2em;
	padding:4px 0 5px;
}

#Sidebar1 li a {
	background:transparent url(images/bullet2.gif) no-repeat scroll 0 0;
	color:#3b3b3b;
	font-weight:bold;
	padding:0 0 0 16px;
	text-decoration:none;
}

#Sidebar1 ul li {
	border:0px;
}

#Sidebar1 ul, #Sidebar1 ol, #Sidebar1 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


#Sidebar1 h2 {
	color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	margin:0;
	margin-bottom:5px;
	background:#d43201 url(images/title_bg.gif) top left no-repeat;
	width:199px;
	height:31px;
	padding-top:15px;
	padding-left:45px;
}

#downloadlink {
background:url("http://www.djpugz.com/download.gif") no-repeat;
height:45px;
width:336px;
text-align:center;
}

#electro {
padding-top:10px;
	background:url("images/buttonn.gif") no-repeat scroll left top #FFFFFF;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
height:46px;
width:244px;
margin-bottom:10px;
font-weight:bold;
color:#343434;
text-align:center;
}


#progressive {
padding-top:10px;
background:url("images/buttonn.gif") no-repeat scroll left top #FFFFFF;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
height:46px;
width:244px;
margin-bottom:10px;
font-weight:bold;
color:#343434;
text-align:center;
}


#dubstep {
padding-top:10px;
text-align:center;
	  background:url("images/buttonn.gif") no-repeat scroll left top #FFFFFF;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
height:46px;
width:244px;
margin-bottom:10px;
font-weight:bold;
color:#343434;
text-align:center;
}
#Sidebar2 div {
	width:210px;
	margin:auto;
}

#Sidebar2 * {
	margin:0;
	padding:0;
}

#Sidebar2 li {
	color:#969696;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height:1.2em;
	padding:4px 0 5px;
}

#Sidebar2 li a {
	background:transparent url(images/bullet2.gif) no-repeat scroll 0 0;
	color:#3b3b3b;
	font-weight:bold;
	padding:0 0 0 12px;
	text-decoration:none;
}

#Sidebar2 ul li {
	border:0px;
}

#Sidebar2 ul, #Sidebar1 ol, #Sidebar1 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


#Sidebar2 h2 {
	color:#00435d;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	margin:10px 0 5px;
}



#Sidebar2 {
	width:249px;
	float:left;
	text-align:left; 
	margin:0;
	padding:0;
	border-left: 1px solid #cdcdcd;
}

#Sidebar2 img {
	padding:10px;
}


.dateblock {
	background:url(images/dateblock.gif);
	background-repeat:no-repeat;
	width:68px;
	height:70px;
	text-align:center;
	float:left;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-top:3px;
	margin-right:10px;
	padding-top:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.dateblock .day {
	font-size:32px;
	font-weight:bold;
	color:#ffffff;
	padding-top:7px;
	letter-spacing:-1px;
}

.postheader {
	padding:5px 5px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.postheader h1 {
	letter-spacing:-2px;
	font-size:24px;
	margin:3px 0px 3px 0px;
	padding-top:3px;
color:#5b96de;
}

.postheader h1 a:hover {
	text-decoration:none;
}

.postheader a {
	color:#4f4f4f;
	text-decoration:none;
	font-weight:bold;
}

.postheader .postdetails a  {
	font-weight:bold;
}

.postheader .postdetails a:hover {
	border-bottom: 1px dotted #000000;
}

.postheader .postmeta {
	font-size:10px;
	padding-top:3px;
	border-top:1px dotted #cacaca;
	margin-top:3px;
}

.postcomments a {
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

.postcomments {
	padding-top:5px;
	padding-bottom:25px;
	padding-left:10px;
}

.postcontent{

}

#footerBottom {
	background:#ffffff 
	padding-top:2px;
	font-family:Arial,Helvetica,sans-serif;
	color:#4a4a4a;
}

#footerInfo {
	width:941px;
	margin:auto;
	text-align: left;
}

#footer {
	
	width:941px;
	margin:auto;
}


img {
	border:0px;
margin:20px;
}



/* Comments */

.commenttop {
	background:#1f1f1f url(images/comment_bottom.gif) bottom left no-repeat;
	width:628px;
	margin:0px;
	margin-bottom:20px;
	color:#ffffff;
	margin-top:5px;
	min-height:60px;
}

.commenttop a {
	color:#ffffff;
}

.commenttop div {
	background:transparent url(images/comment_top.gif) top left no-repeat;
	padding:3px 10px 2px 10px;
}

/* ADDDEEDDDDD */


 
#social-float {
	position: fixed;
	width:100%;
	top: 0px;
	z-index:9999;
	text-align: center;
 
	background-color: #d4d4d4;
 
	/*border: 5px solid rgba(180, 180, 180, .7);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	
	display:none;

}
 
.sf-twitter {
	height: 62px;
	margin-bottom: 10px;
}
 
.sf-facebook {
	height: 60px;
	margin-bottom: 10px;
}
 
.sf-plusone {
	height: 60px;
}