/*
Theme Name: Partysan.info
Theme URI: http://partysan.info
Description: DJ World
Version: 1.0
Author: Vu Nam Hung
Author URI: http://hutek.info/
*/
.user {
	float:left;
	margin:0 5px 5px 0;
}
.avatar_container {
	float:left;
	margin-right:10px;
	margin-top:5px;
	display:inline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
.navigation {
	height:30px;
}
.attachment {
	text-align:center;
}
.navigation span {
	float:left;
	font-weight:bold;
}
.entry .thumb {
	float:left;
	margin:0 14px 14px 0
}
.entry {
	float:left;
	margin-left:7px;
	display:inline;
	width:627px
}
.fix .module_title {
	width:648px;
	float:left;
}
#page .module {
	float:left;
}
h1,h2,h3,h4,h5 {
	font:Arial, Helvetica, sans-serif;
	color:#757575;
	line-height:1.5em;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}
h4 {
	font-size:12px;
}
.module_title_right h3 {
	padding:5px 10px;
	font-size:12px;
}

	
	
	
	
	
	
	
	
	
	
	
		
/*-------------Gallery-----------------*/
.gallery-item a img
{
border: none !important;
margin: 0px !important;
padding: 0px !important;
width: 141px;
height: 141px;
background: none !important;
}
.small_thumbs .gallery-item  .thumb:hover img {
	margin: -1px 0 0 -1px !important;
}

/*--------Gallery Pagers--------------------*/
.ngg-navigation {
margin-bottom: 10px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev 
{
color: #888888;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover
{
color: #ffffff;
background-color: #888888 !important;
}

/*--------Gallery-Breadcrumbs-----------*/
.ngg-breadcrumbs
{
height: 40px;
}
.ngg-imagebrowser-nav 
{
margin-top: 20px;
}
.ngg-imagebrowser-nav .next, .ngg-imagebrowser-nav .back
{
border: none !important;
}
.ngg-imagebrowser-nav, .ngg-imagebrowser-nav a
{
color: #dddddd !important;
}

/*------Random-Images--------*/
.random_images
{
width: 600px;
margin-left: auto;
margin-right:auto;
text-align: center;
}
.random_images a img
{
width: 188px !important;
margin: 10px 5px;
border: 1px solid #000000;
padding: 0px;
float: left;
background: none !important;
}
.random_images a:hover img
{
border: 1px solid #8da200 !important;
}
.random_images h3
{
text-align: left;
color: #dddddd;
font-weight: normal;
font-size: 14px;
}

/*-----------Other styles-----*/
.ngg-imagebrowser img
{
width: 600px !important;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000 !important;
background: none !important;
padding: 1px !important;
}
.ngg-gallery-thumbnail img
{
width: 200px;
border: 1px solid #000000 !important;
padding: 0px !important;
background: none !important;
}
.ngg-gallery-thumbnail a:hover img
{
border: 1px solid #8da200 !important;
}


/*--------------Abuse---------------*/
.abuse
{
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: right;
}
.abuse .abuse_button
{
height: 20px;
clear: both;
}
.abuse .abuse_button #abuse_btn
{
color: #ffffff;
border: none;
background: none;
float: right;
cursor: pointer;
}
.abuse .abuse_form input, .abuse .abuse_form button
{
color: #ffffff;
border: none;
background: none;
cursor: pointer;
}
.abuse .abuse_form textarea
{
border: 1px solid #dddddd;
background-color: #dddddd;
}
.abuse_message
{
border: 1px solid #000000;
padding: 10px;
margin: 10px;
background-color: #aaff00;
color: #000000;
}
.abuse_error
{
border: 1px solid #000000;
padding: 10px;
margin: 10px;
background-color: #ffaa00;
color: #000000;
}

/*----------Image Nav-----------------*/
.ngg-imagebrowser-nav
{

float: right;
clear: both;
}
.ngg-imagebrowser-nav .back, .ngg-imagebrowser-nav .next
{
float: none !important;
width: 120px;
display: inline;
margin-right: 10px;
}
.ngg-imagebrowser h3
{
clear: both;
}
.ngg-imagebrowser-description
{
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.page
{

float: left;
}


/* new css styles */
.commentInput{
	width:200px;	
	border:1px solid #6a6a6a;
	padding:2px;
	background:#2e2e2e;
	color:#757575;
}	
#comment, .messageArea{
	width:300px;
	height:150px;
	border:1px solid #6a6a6a;
	padding:2px;
	background:#2e2e2e !important;
}
.submitComment{
	border:1px solid #6a6a6a;
	padding:5px;
	background:#2e2e2e !important;
	color:#757575;
}

.navigationImagesTop{
	position:absolute;
	right:20px;
	top:10px;
	width:120px;

}

.randomList{
	margin:0;
	padding:0;
	
}
.randomList li{
	float:left;
	margin:10px 7px;
}

.randomList a{
	padding:0;
	display:block;
	border:1px solid #000;
}
.randomList a:hover{
	padding:0;
	border:1px solid #768700;
}
.claimBlock{
	margin:0 15px 20px 15px;
}
.screenWindow{
	width:300px !important;
}
.subscribe-to-comments{
	width:240px;
	position:relative;
}
.subscribe-to-comments label{
	display:block;
	position:absolute;
	top:18px;
	left:40px;
}
.popularFotos a{
	padding:0;
	display:block;
	border:1px solid #000;
}
.popularFotos a:hover{
	padding:0;
	border:1px solid #768700;
}

.pagination {
	
	
}
.pagination span{
	padding:5px;
	width: 21px;
	height: 21px;
	float:left;
}

.pagination a:link,
.paginationa:visited,
.pagination a:active {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 21px;
	height: 21px;
	background:url(css/layout/rotator_no.gif) no-repeat;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}

.pagination a.active ,.pagination a:hover {
	background-position: 0 -21px;
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: center;
	width: 21px;
	height: 21px;
	background:url(css/layout/rotator_no.gif) no-repeat;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;text-decoration: none;
	
	
}
.blogscoop{
	
	position:absolute;
	width:100px;
	right:100px;
	top:60px;
}


.n-recent_comments {	
	
	float: left;
	width: 278px;
	
		
	}
	
.n-recent_comments ul {	

	float: left;
	width: 278px;
	list-style: none;
	margin: -13px 0px 0px 0px;
	
	}
	
.n-recent_comments ul li {	

	float: left;
	width: 278px;
	margin: 13px 0px 0px 0px;
	
	}
	
.p-userpic-mini {

	float: left;
	width: 32px;
	height: 32px;
	overflow: hidden;
	display: inline;
	margin: 6px 0px 0px 6px; 
	
	}
	
.p-comblock-mini {
	
	float: right;
	width: 235px;
	font-size: 11px;	
	line-height: 14px;
	color: #6e6e6e;
	
	}
	
.p-comblock-top-mini {

	float: left;
	width: 235px;
	height: 32px;
	background: url("images/comblock-top-mini.png") no-repeat 0 0;
	
	}	
	
.p-comblock-repeat-mini {

	float: left;
	width: 207px;
	padding: 0px 10px 0px 18px;
	background: url("images/comblock-repeat-mini.gif") repeat-y 0 0;
			
	}	
	
.p-comblock-bottom-mini {

	float: left;
	width: 235px;
	height: 3px;
	overflow: hidden;
	background: url("images/comblock-bottom-mini.png") no-repeat 0 100%;
	font-size: 0;
	
	}	
	
.p-comblock-content-mini {
	
	float: left;
	width: 100%;
	margin: -25px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	
	}	
	
.p-comblock-text-mini {
	color: #6e6e6e;
}	
	
	
	
	
.commentingForm{
	width: 600px;
	margin-left: auto;
	margin-right:auto;
}
.commentingForm td{
	padding:10px !important;
}

#commentform input,textarea{
	color:#757575;
	margin-top:20px;
	
}
#commentform input{
	font-size:10px;
	margin-top:20px;
	margin-left:20px;
}

.result{
	width:200px;
	margin-left:20px;
}

.commentList{
	width:600px;
	margin:0 auto;
}

.commentlist {

	float: left;
	width: 626px;
	margin: 0px 0px 35px 0px;
		
	}

.commentlist ol {

	float: left;
	width: 626px;
	list-style: none;
	margin: -20px 0px 0px 0px;
	
	}
	
.commentlist ol li  {

	float: left;
	width: 626px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	}

/*depth -2*/	
.commentlist ol li ul{

	float: left;
	width: 626px;
	list-style: none;
	margin: -20px 0px 0px 0px;
	
	}
	
.commentlist ol li ul li{

	float: left;
	width: 626px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	}
	
	
	
.p-userpic {

	float: left;
	width: 54px;
	height: 54px;
	overflow: hidden;
	display: inline;
	
	}
	
.p-comblock	{
	
	float: right;
	width: 560px;
	font-size: 11px;	
	
	}
	
.p-comblock-top {

	float: left;
	width: 560px;
	height: 32px;
	background: url("images/comblock-top.png") no-repeat 0 0;
	
	}	
	
.p-comblock-repeat {

	float: left;
	width: 524px;
	padding: 0px 14px 0px 22px;
	background: url("images/comblock-repeat.gif") repeat-y 0 0;
			
	}	
	
.p-comblock-bottom {

	float: left;
	width: 560px;
	height: 3px;
	overflow: hidden;
	background: url("images/comblock-bottom.png") no-repeat 0 100%;
	font-size: 0;
	
	}	
	
.p-comblock-content {
	
	float: left;
	width: 100%;
	margin: -28px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	
	}	
	
.p-comblock-title {

	position: relative;
	color: #4e4e4d;
	
	}	
	
.p-comblock-reply {
	
	position: absolute;
	right: 0px; top: 0px;
	font-size: 10px;
	
	}

.p-comblock-text {

	margin: 5px 0px 0px 0px;
	color: #6e6e6e;
	
	}	
.p-comblock-text p{
	margin:0 !important;

}
.avatar{
	
	float:left;
	padding-right:5px;
}
.messageWindow{
	border:1px solid #8da200;
	width:300px;
	margin:0 auto;
	text-align:center;
	padding:10px;
}
.errorsWindow{
	border:1px solid red;
	width:300px;
	margin:0 auto;
	text-align:center;
	padding:10px;
}
	
#respond h3{
	
	margin:10px 20px ;
}