/****************************** evenings list view FP *******************************/

.evenings {
	background: url(../images/party-bg.jpg) no-repeat right bottom;
	padding-bottom:168px;
} 

.evenings h2 { 
	background: url(../images/party-champain.jpg) no-repeat right top;
	height:70px;
	padding-top:30px;
	font-size:200%;
	line-height:120%;
}

.evenings h2 span {font-size: 60%}

.evenings h4 {
	background-color: #fff;
	padding:2px;
	margin-top:40px;
} 

.evenings li, .evening li  {
	background:none;
	list-style:none;
	list-style-type:none;
}

.evenings .future .odd, .evenings .future .even {
	background: url(../images/party-cocktail.jpg) no-repeat left top;
	padding-left:100px;
	font-weight:bold;
	font-size:150%;
	border-top:#d00 1px solid;
}

.evenings .future .odd .date, .evenings .future .even .date {
	font-size: 70%;
	color:#d00;
	font-weight:normal;
	height:20px;
	display:block;
	text-align:right;
}

.date .time {font-weight:bold; font-size:150%;padding-left:10px}

.evenings .past .odd, .evenings .past .even {
	background: url(../images/party-cocktail-past.jpg) no-repeat left top;
	padding-left:100px;
	font-weight:bold;
	font-size:150%;
	color:#666;
	border-top:#ccc 1px solid;
}

.evenings .past .odd .date, .evenings .past .even .date {
	font-size: 70%;
	color:#ccc;
	font-weight:normal;
	height:20px;
	display:block;
	text-align:right;
}

.evenings .actions, .evenings .subscribe, .evenings .media  {
	font-size:60%;
	line-height:150%;
}

.evenings .actions li, .evenings .media li, .evening .media li, .evening .actions li {
	display:inline;
	padding-left:0;
	padding-right:10px;
}

.evenings .past .media, .evenings .past .actions  {
	margin-top:0;	
}

/*********************** view all ********************/
.evenings .future-evening {
	background: url(../images/party-cocktail.jpg) no-repeat left top;
	padding-left:100px;
	font-weight:bold;
	font-size:150%;
	border-top:#d00 1px solid;
}

.evenings .future-evening .date {
	font-size: 70%;
	color:#d00;
	font-weight:normal;
	height:20px;
	display:block;
	text-align:right;
}


.evenings .past-evening {
	background: url(../images/party-cocktail-past.jpg) no-repeat left top;
	padding-left:100px;
	font-weight:bold;
	font-size:150%;
	color:#666;
	border-top:#ccc 1px solid;
}

.evenings .past-evening .date {
	font-size: 70%;
	color:#ccc;
	font-weight:normal;
	height:20px;
	display:block;
	text-align:right;
}


/****************************** evening detailed view *******************************/

.evening {
	background: url(../images/party-bg.jpg) no-repeat right bottom;
	padding-bottom:168px;
} 

.evening h2 { 
	background: url(../images/party-cocktail.jpg) no-repeat left top;
	height:70px;
	padding-top:30px;
	padding-left:100px;
	font-size:200%;
}

.evening h4 { 
	padding-top:30px;
	font-size:150%;
}

.evening h5, .evenings h5  { 
	text-align:right;
}


.evening>.date {
	display:block;
	text-align:right;
	border-top:#ccc 1px solid;
	color:#d00;
}

.evening .location, .evening .address {
	display:block;
	font-weight:bold;
	font-size:120%;
}
.evening>p {
	padding:10px;
	background-color:#eaeaea;
}
.evening .media, .evening .actions {
	font-weight:bold;
	
}
.evening .media .link {
	color:#d00;
}
.evening .media #comments_counter, .evening .media #videos_counter, .evening .media #photos_counter {
	font-weight:normal;
	color:#D00;	
}

#evenings_extra .comment {
	background: url(../images/party-comment.jpg) no-repeat left top;
	padding-left: 60px;	
	border-top:#ccc 1px solid;
	padding-top:10px;
	margin-top:10px;
	font-weight:bold;
}

#evenings_extra .comment .date{
	font-weight:normal;
	color:#666;
	float:right;
}

#evenings_extra .comment .date .time{
	font-size:100%;
}


#evenings_extra .comment p{
	font-weight:normal;
}

#evenings_extra .photos {
	text-align:center;
}

#evenings_extra .photos li{
	padding:0;
	display:inline;
}

#evenings_extra .photos img{
	border:#ddd 1px solid;
	padding:5px;
	margin:3px;
	background-color:#fff;
}

#evenings_extra .video{
	padding:5px;
	text-align:center;
}

/****************************** system *******************************/

.invalid {border:#f00 1px solid !important;}
.subscribe .button, .unsubscribe .button  {margin-top:10px}

.leave-comment label {font-weight:bold; color:#666;}
.leave-comment .button {margin-top:10px;}
.leave-comment #comment_email, .leave-comment #comment_name, .leave-comment #comment, .leave-comment #captcha {width:80%}
.asterisk {color:#f00;}

/****************************** system *******************************/

.page-navigation {font-weight: bold; font-size: 80%; border-top: 1px solid #; }
.page-navigation .left {float: left; font-size: 150%; padding-top: 10px;}
.page-navigation .right {float: right; text-align: right;}
.page-navigation ul {list-style: none; margin: 0; padding: 0;}
.page-navigation ul li {display: inline; padding-left:5px;}
.page-navigation ul li a, .page-navigation ul li span {display: inline-block;  padding: 5px; }
.page-navigation .left ul li a { background: #ddd; text-decoration: none; font-size:150%}
.page-navigation .left ul li .current {color:#d00;  font-size:150% }
.page-navigation ul li a:hover, .page-navigation ul li span.current {background: #fff; text-decoration: none;}
.page-navigation .goto {width: 40px; height:14px;}



/**/
.leave-comment input, .leave-comment textarea, .subscribe input, .subscribe textarea {margin-bottom: 10px;}

.subscribe label {color:#666; font-weight:bold;}
/**/
