/*
Theme Name: Concept CM2
Description: Theme for Concept CM2 website.
Version: 1.0
Author: Chonapat Ngampatravarakul
Tags: black color, fix width, two columns, widgets
*/

body{
	background-color: #000;
	color: #92278F;
	font-family: Arial;
	font-size: 12px;
}
h1{
	color: #fff;
	font-size:16px;
	height:36px;
	line-height:36px;
	margin-bottom:10px;
	padding-left:15px;
	text-transform:uppercase;
}
h1.home{
	background: url(images/red-bar.png) no-repeat left;
}
h1.photo{
	color: #ccc!important;
	text-transform: uppercase;
	background: none!important;
	padding-left: 0;
	height: 25px;
	line-height:25px;
	border-bottom: 1px dotted #92278f;
}
h2{
	color: #fff;
	font-size:14px;
	margin:10px 0;
}
p{
	line-height: 14px;
}
sup  {
	font-size:smaller;
	line-height:normal;
	vertical-align:super;
}
#mainbody{
	width: 840px;
	margin: 25px auto;
}
ul#floatmnu{
	list-style: none;
	position: fixed;
	right: 0;
	top: 0;
}
ul#floatmnu li{
	margin: 3px 0;
}
#header{
	clear: both;
}
#logo{
	float:left;
	position:absolute;
	z-index:99;
}
#logo a{
	display:block;
	font-size:0;
	height:80px;
	margin-left:20px;
	text-indent:-9999px;
	width:100px;
	background: url(images/cm-logo.png) no-repeat;
}
p#flash{
}
#mnu{
	
}
#mnu ul{
	overflow: hidden;
	padding: 10px 15px;
}
#mnu ul li{
	float: left;
	/*background: url(images/mnu-separate.jpg) no-repeat right;*/
}
#mnu ul li a:link, #mnu ul li a:visited{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	line-height: 44px;
	text-align: center;
}
#mnu ul li a:hover{
	color: #EFCA40;
}
.orangebar{
	background: url(images/bg-menu-orange.png) no-repeat center;
}
.redbar{
	background: url(images/bg-menu-red.png) no-repeat center;
}
.greenbar{
	background: url(images/bg-menu-green.png) no-repeat center;
}
.purplebar{
	background: url(images/bg-menu-purple.png) no-repeat center;
}
.bluebar{
	background: url(images/bg-menu-blue.png) no-repeat center;
}
.cyanbar{
	background: url(images/bg-menu-cyan.png) no-repeat center;
}
#content{
	clear: both;
	overflow:hidden;
	/*background: url(images/bg-purple.jpg) no-repeat;
	height: 363px;	*/
	padding-top: 15px;
}
#contentblog{
	clear:both;
	overflow:hidden;
	height: 100%;
	padding:15px 0 25px;
	margin: 0 0 15px;
}
#contentblog #contentbody{
	height: auto;
	width: 550px;
}
#contentblog #left{width: 200px;}
#left{
	float: left;
	margin-left: 20px;
}
#leftblog{
	float: left;
	margin-left: 20px;
	width: 200px;
}
#leftdjs{
	float: left;
	margin-left: 20px;
	color: #fff;
	width: 350px;
}
#leftdjs h1, #contentdjs h1{
	background: none!important;
	text-transform: none;
	padding: 0;
	margin-bottom: 5px;
}
#leftdjs  #pane1{
	width: 330px;
}
.txtorange{
	color: #f7941e;
	font-weight: bold;
	margin-right: 3px;
}
#bandlist img{
	margin: 5px 0;
}
#left ul{
	margin: 0;
	padding: 0;
	list-style: none;
}#left ul li{	margin: 10px 0;}
#leftphoto{
	float: left;
	margin-left: 20px;
	width: 240px;
}
#leftphoto div#pane2{
	width: 240px;
	height: 288px;
}
#bloglist{
	
}
#bloglist h1{
	border-bottom: 1px dotted #92278f;
	padding: 0;
	#width: 300px;
}
#bloglist ul{
	list-style: disc;
	margin: 20px;
}
#content-cat{	border: none!important;	margin: 0 20px!important;}
#content-cat .listevent{	width: 580px!important;}
#content-cat #pane1{
	width: 800px;
	height: 290px;
}
#contentdjs{
	float: left;
	width: 450px;
}
#contentdjs h1{
	background: none;
}
#contentdjs #pane2{
	width: 445px;
	height: 285px;
}
#contentbody{
	border-left:1px dotted;
	float:left;
	margin-left:20px;
	padding-left:25px;
	width:450px;
}
#contentbody-contact{
	float:left;
	width: 380px;
	margin: 20px;
	color: #ccc;
}
#contentbody-contact h2{
	color: #fff;
	font-size:28px;
	font-weight:bold;
	margin:5px 10px;
}
#contentbody-contact h3{
	color: #8dc63f;
	font-size:18px;
	font-weight:normal;
	margin:5px 15px;
}
#contentbody-contact ul{
	list-style: disc;
	margin:20px 15px 20px 30px;
}
#contentbody-contact ul li{
	margin: 3px 0;
}
#contentbody-contact .dot{
	margin-bottom: 15px;
}
#contact-bot{
	font-size: 9px;
	color: #ccc;
}
#contact-bot img{
	float: left;
}
#contact-bot p{
	float:left;
	margin-left:10px;
	width:240px;
}
#contact-bot a:link, #contact-bot a:visited{
	color: #ec008c;
	text-decoration: underline;
}
#contact-bot a:hover{
	text-decoration: none;
}
.social{
	float:right;
	position:relative;
	right:40px;
	top:-18px;
}
.social img{
	margin: 0 10px;
}
#contact-form{
	float: left;
	width: 400px;
}
#contact-form h1{
	background: none;
	margin: 0;
}
#footer{
	overflow: hidden;
	padding-right: 20px;
}
#sharebox{
	float: left;
	color: #fff;
	width:240px;
}
#sharebox a:link, #share a:visited{
	color: #fff;
	text-decoration: none;
}
a.facebook{
	background: url(images/btn-facebook.png) no-repeat left;
	display:block;
	float:left;
	height:17px;
	margin:5px 5px 5px 0;
	width: 17px;
	text-indent: -9999px;
}
a.twitter{
	background: url(images/btn-twitter.png) no-repeat left;
	display:block;
	float:left;
	height:17px;
	margin:5px 5px 5px 0;
	width: 17px;
	text-indent: -9999px;
}
a.YouTube{
	background: url(images/btn_youtube.png) no-repeat left;
	display:block;
	float:left;
	height:17px;
	margin:5px 5px 5px 0;
	width: 17px;
	text-indent: -9999px;
}
a.foursquare{
	background: url(images/foursquare_logo.jpg) no-repeat left;
	display:block;
	float:left;
	height:17px;
	margin:5px 5px 5px 0;
	width: 17px;
	text-indent: -9999px;
}
a.googlemap{
	background: url(images/googlemap_logo.jpg) no-repeat left;
	display:block;
	float:left;
	height:17px;
	margin:5px 5px 5px 0;
	width: 17px;
	text-indent: -9999px;
}
a.addthis_button_compact{
	display:block;
	float:left;
	height:17px;
	color: #fff;
	text-decoration: none;
}
#copy{
	float: left;
	color: #8dc63f;
	margin: 0 40px;
}
#sound{
	float: right;
	color: #ec008c;
	background: url(images/btn-music.png) no-repeat left;
	font-weight:bold;
	padding-left:20px;
	height: 16px;
	margin: 5px 0;
}
#sound .on{
	color: #8dc63f;
	cursor: pointer;
	width: 30px;
	text-align: center;
	padding: 5px 0;
}
#sound .off{
	color: #ec008c;
	cursor: pointer;
	width: 30px;
	text-align: center;
	padding: 5px 0;
}
#player_container{
	margin:0 5px;
}
#linkfoot{
	clear: both;
	text-align: left;
	line-height:15px;
}
#linkfoot a:link, #linkfoot a:visited{
	color: #0072bc;
	text-decoration: none;
}
#linkfoot a:hover{
	text-decoration: underline;
}
div#listing{
	color: #f7941e;
	margin:10px 0;
	overflow:hidden;
}
.listimg{
	float: left;
}
.listcontent{
	float: left;
	margin-left: 30px;
	width: 315px;
	text-align: justify;
}
.listtxt585{
	float: left;
	margin-left: 30px;
	width: 565px;
	color: #fff;
	text-align: justify;
}
.organize{
	color: #fff;
	margin: 20px;
}
.eventlist #pane1{
	width: 440px;
	height: 290px;
}
.eventlist{
	color: #fff;
}
h1.event{	text-transform: uppercase;	color: yellow!important;	background: none!important;	padding: 0;	margin: 0;}
.listevent{	float: left;	margin-left: 25px;	width: 240px;	color: #92278f;}
.listevent h2{	color: #fff;	font-size: 20px;}
.listcontent p, .listevent p{
	float: left;
}
.listingblog{
	clear: both;
	margin: 0 0 12px;
	overflow: hidden;
	color: #fff;
	border-bottom: 1px dotted #92278f;
	padding-bottom: 10px;
}
.listingblog div.more{float:right;margin:5px 0;}
.datetime{color:#ccc;font-size:10px;margin-bottom: 10px;}
.listingblog img{
	float: left;
}
.listingblog a.more-link:link,.listingblog a.more-link:visited{
	color: #8dc63f;
	display:block;
	margin:5px 0 0;
	text-decoration: none;
}
.listingblog a.more-link:hover{
	color: #fff;
}
.listingblog h2{
	font-size: 13px;
	color: #ff6600;
	text-transform: uppercase;
	margin:0 0 10px;
	background:url(images/cm2-bulletpoint.jpg) no-repeat left center;
	padding-left: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.listingblog h2{
	margin-top: 10px;
}
}
.listblog{
	color: #fff;
	float: left;
	width: 320px;
	margin-left: 20px;
}
.txtwhite{
	color: #fff;
	font-weight: bold;
}
ul.list{
	list-style: disc;
	margin: 5px 0 20px 15px;
	color: #8dc63f;
}
ul.list li{
	margin: 5px 0;	
}
ul.list li a:link, ul.list li a:visited{
	color: #8dc63f;
	text-transform: uppercase;
	text-decoration: underline;
}
ul.list li a:hover{
	text-decoration: none;
}

ul.vdolist{
	overflow: hidden;
	height: 110px;
}
ul.vdolist li{
	float: left;
	background: url(images/bg-vdo.png) repeat-x bottom;
	padding-bottom: 27px;
	margin-right:15px;
}
.dot{
	border: 1px dotted #92278f;
}
.dot #pane1{
	height: 110px;
	width: 457px;
}
.dot div.jScrollPaneTrack {
	background: none!important;
}

/*PARTIES*/
.parties{
	color: #ec008c;
	overflow:hidden;
}
.parties div{
	float: left;
	margin-left: 20px;
}
.parties p{
	float: left;
}
.band{
	border-top:1px dotted;
	margin-top:15px;
	overflow:hidden;
	padding-top:10px;
}
.band img{
	float: left;
}
.band h3{
	float:right;
	font-size:13px;
	margin:10px 0 5px 0;
	text-align:left;
	width:230px;
	color: #fff;
}
.band p{
	float:right;
	margin:5px 0 0;
	text-align:justify;
	width:230px;
}
.widgetband{
	float: left;
	color: #fff;
	width: 305px;
	text-align: justify;
}
.widgetband h3{
	color: #b2850b;
	float: left;
}
.txtgray{
	color: #666;
}

.point{
	position: relative;
	top: 5px;
	margin-left: 10px;
}

/*Contact Form*/
#wpcf7-f1-p58-o1{
	background: url(images/bg_form.png) no-repeat;
	width: 378px;
	height: 215px;
	padding: 10px 20px;
	color: #fff;
}
#wpcf7-f1-p58-o1 form{
	
}
#wpcf7-f1-p58-o1 form table{
	border-collapse:separate;
	border-spacing: 2px;
}
#wpcf7-f1-p58-o1 form input{
	border:1px solid #96005f;
	height:18px;
	padding:0 15px;
	width:170px;
}
.btn{
	background: url(images/bg-btn.png) no-repeat;
	color: #fff;
	width: 53px!important;
	border: none!important;
	cursor:pointer;
	font-size: 11px;
	padding:0 0 10px !important;
}
#left div#pane1{	width: 320px;}
#pane1{
	width: 470px;	height: 285px;
}
#pane3{
	height: 140px!important;
	width: 450px;
}
ul.photo{
	list-style: none;
}
ul.photo li{
	float: left;
	padding: 3px 5px;
}
ul.photo li img{
	border: 1px solid #ccc;
}
ul.photo li img:hover{
	border: 1px solid #8dc63f;
}
#bandlist{	width: 300px;}
#bandlist div.listcontent{	width: 300px;	margin: 0;}
.leftphoto{
	margin: 5px 0;
}
.pink9{
	color: #ec008c;
	font-size: 11px;
	font-weight: bold;
}
.linkmore{
	margin: 10px 0;
}
.linkmore a:link, .linkmore a:visited{
	color: #fff;
	text-decoration: none;
}
.linkmore a:hover{
	text-decoration: underline;
}
.tags{
	margin: 10px 0;
}
.tags a:link, .tags a:visited{color:#8DC63F; text-decoration:none;}
.tags a:hover{color:#fff;}
#respond h3, h3#comments{
	color: #fff;
	font-size:18px;
	margin: 10px 0;
	font-weight: normal;
}
ol.commentlist{
	list-style: decimal;
	margin: 0 20px;
}
ol.commentlist li{
	color: #fff;
}
.comment-body p{margin:10px 0;}
#commentform p{
	color: #fff;
	margin: 5px 0;
	clear:both;
}
#contentblog #left h2{margin-top:0; text-transform: uppercase;}
#contentblog #left ul li{margin-top:0;}
#contentblog #left ul li ul{list-style:disc; margin: 0 15px;color:#8DC63F;}

a:link, a:visited{color:#8DC63F; text-decoration:none;}
a:hover{color:#fff;}
.clear{
	clear: both;
}