/*
Theme Name: 		Trailer
Theme URI: 			http://www.trailermusic.co.uk
Title:      		TRAILER
Authors:     		Martin Law ©2009
*/

/* =Default */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }

html, body { margin: 0; padding: 0;  }
body { font: 80%/1.4 "Trebuchet MS" , Georgia, "Times New Roman", Times, serif; background: url(/_assets/img/bg-01.jpg); background-repeat:repeat-x; background-position:top center; background-color:#000000; }


a { color:#2652C2; }
a:hover { color:#FFF; }

#footer a { color:#575757; }
#footer a:hover { color:#2f77ce; }

#branding span { display: none}
h2 span { display: none}

/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container  { margin: 0 auto; width: 960px;  }
#branding { position: relative; overflow: hidden; height: 1%; }

#content { height:1%; margin: 30px 0 30px 0; overflow:hidden;}

#content-1 { float: left; height:1%;overflow:hidden; width: 290px; margin-bottom:30px; margin-right: 45px}
#content-1pri { float: left; width: 290px; margin-bottom: 20px}
#content-1sec { float: left; width: 290px; }

#content-2 { float: left; width: 290px; }

#content-3 { float: right; width: 290px; }
#content-3pri { float: left; margin-bottom:30px }
#content-3sec { float: left; margin-bottom:30px }
#content-3ter { float: left; margin-bottom:20px }

#content-4 { float: left; width: 620px; margin-left: 15px }

#content-5 { float: left; width: 620px; margin-left: 15px }

#music-content { float: left}

.post-category { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #2F77CE; float: left; width: 100%}

#footer { background: url(/_assets/img/bg-footer.jpg) no-repeat; font-size:12px; height:250px; margin:5px auto 0; width:1000px;}
#footer-1 { float: left; margin-top: 222px; margin-left: 30px }
#footer-2 { float: right; margin-top: 222px; }

#gig-listings { }
#gig-listings tr { border-bottom: 1px dashed #FFFFFF; float: left; padding: 5px 0 5px 12px; width: 98.5%}
#gig-listings td { padding-right: 20px}
#gig-listings td.date { width:250px; font-size: 14px; font-weight: bold; color: #2F77CE; padding: 10px 0 10px 0}
#gig-listings td.venue { width:200px; font-size: 12px; color: #ffffff; padding: 10px 0 10px 0}
#gig-listings td.city { width: 120px; font-size: 12px; color: #ffffff; padding: 10px 0 10px 0}
#gig-listings td.icon { padding: 10px 0 10px 0}
#gig-listings td.venue a { color: #ffffff}
#gig-listings td.eventName { width:200px; font-size: 12px}


/*img*/

#content-4 img { float: left; margin: 0 20px 0 0}

/*h1*/
h1 { float: left; height: 197px }
#branding h1 a  { position: absolute; display: block; width: 279px; height: 197px; background: url(/_assets/img/bg-h1.png) no-repeat;}
#branding ul li { float: left; margin-right: 8px; list-style: none; }

/*h2*/
h2 { height: 37px; margin-bottom: 20px; color: #FFFFFF}
h2.gigs { background: url(/_assets/img/bg-h2-gigs.gif) no-repeat; }
h2.photos { background: url(/_assets/img/bg-h2-photos.gif) no-repeat; }
h2.news { background: url(/_assets/img/bg-h2-news.gif) no-repeat; }
h2.video { background: url(/_assets/img/bg-h2-video.gif) no-repeat; width:290px}
h2.find-us-on { background: url(/_assets/img/bg-h2-find-us-on.gif) no-repeat; width:290px}
h2.music { background: url(/_assets/img/bg-h2-music.gif) no-repeat; }
h2.press { background: url(/_assets/img/bg-h2-press.gif) no-repeat; }
h2.photos { background: url(/_assets/img/bg-h2-photos.gif) no-repeat; }
h2.contact { background: url(/_assets/img/bg-h2-contact.gif) no-repeat; }
h2.newsletter { background: url(/_assets/img/bg-h2-newsletter.gif) no-repeat; width:290px }
#content-2 h2.news { margin-bottom: 0}
#content-1pri h2.gigs { margin-bottom: 5px}

/*h3*/
h3 { font-family: "Trebuchet MS"; color: #2652c2}
#content-2 h3 { font-size: 22px}
#content-4 h3 { font-size: 22px}
#content-4 h3 em { font-size: 12px; font-style: normal; color: #FFFFFF; display: block}
h3 a { text-decoration: none}
#content-1pri h3 { font-size: 16px}


/*h4*/
/*h5*/
/*h6*/

/*p*/
p { color: #FFFFFF}

#content-3pri p, #content-4 p, #content-3sec p, #content-5 p   { margin-bottom: 10px} 
#content-3sec p { width: 250px}

/*blockquote*/

/*ul*/
#branding ul  { float: right; overflow: hidden; height: 1%; padding: 22px 0 0 60px; width: 667px; height: 45px; background: url(/_assets/img/bg-branding.png) no-repeat; margin-top: 115px}
#branding ul li	{ float: left; margin-right: 25px; list-style: none;  }
#branding ul li a 	{ display: block; background-image:url(/_assets/img/bt-home.gif); height: 16px; }
#branding ul li a:hover { background-position: 0 -22px; }
#branding ul li a.home 	{ background-image:url(/_assets/img/bt-home.gif); width: 45px}
#branding ul li a.news 	{ background-image:url(/_assets/img/bt-news.gif); width: 46px}
#branding ul li a.gigs 	{ background-image:url(/_assets/img/bt-gigs.gif); width: 42px}
#branding ul li a.music 	{ background-image:url(/_assets/img/bt-music.gif); width: 54px}
#branding ul li a.video 	{ background-image:url(/_assets/img/bt-video.gif); width: 50px}
#branding ul li a.press 	{ background-image:url(/_assets/img/bt-press.gif); width: 50px}
#branding ul li a.photos 	{ background-image:url(/_assets/img/bt-photos.gif); width: 64px}
#branding ul li a.contact 	{ background-image:url(/_assets/img/bt-contact.gif); width: 76px}

#content-1pri ul { }
#content-1pri ul li { padding: 10px 0 10px 0; border-bottom: 1px dashed #2652c2 }
#content-1pri ul li.top { padding-top: 0 }


#content-1sec ul { float: left; }
#content-1sec ul li { float: left; width: 86px; height: 86px;  margin: 0 16px 15px 0}
#content-1sec ul li.end { margin: 0 }

#content-2 ul { float: left; }
#content-2 ul li { float: left; padding: 15px 0 15px 0; border-bottom: 1px dashed #2652c2 }
#content-2 ul li.top { padding-top: 0 }

#content-3sec ul { float: left; width: 290px; }
#content-3sec ul li { margin-bottom: 10px}
#content-3sec input { padding: 5px; background-color: #272727; border: none; width: 250px; color: #FFFFFF; border: 1px solid #333333 }
#content-3sec input.submit { width: 100px; border: 0}
#content-3sec input.submit:hover { background-color: #5a5a5a; cursor: pointer}

#content-3ter ul { float: left; width: 290px; }
#content-3ter ul li { float: left; margin-right: 18px}
#content-3ter ul li.end { float: left; margin: 0}

#content-5 ul li { list-style: none; margin-bottom: 20px; font-size: 12px; color: #fff }
#content-5 ul li input { width:450px; padding: 3px; background-color:#272727; border:1px solid #333333; color:#fff; margin-top: 5px}
#content-5 ul li textarea { width:450px; padding: 3px; background-color:#272727; border:1px solid #333333; color:#fff; margin-top: 5px}
#content-5 ul li a { color:#7ca40c }
#content-5 ul li input.submit 	{width: 72px; height: 24px; display: block; border: 0; cursor: pointer; color:#fff }
#content-5 ul li input.submit:hover  { background-color: #5a5a5a;  }


#footer-1 ul { }
#footer-1 ul li { float: left; color:#FFFFFF; list-style: none;  }
#footer-1 ul li a { color:#FFFFFF; text-decoration: none}

/*ol*/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dl*/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*forms*/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*tables*/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/