/**
 * gigs.css
 *
 * CSS for gigs page
 *
 * CSS
 *
 *  @category CSS
 *  @package  Noke.me.uk
 *  @author   Adam Phillips <adam@pfunc.co.uk>
 *  @license  http://www.pfunc.co.uk pfunc
 *  @link     http://www.pfunc.co.uk
*/

div#gigs {color: #ffffff;}

div#gigs div#giglist_container {float: left; width: 250px; height: 310px;}

div#gigs div#giglist {width: 267px; height: 270px; margin-left: 20px; overflow: hidden; background-image: url(/images/gigs/selected-gig.png); background-position: 8px 17px; background-repeat: no-repeat;}
div#gigs div#giglist ul {margin-top: 35px}
div#gigs div#giglist ul li {padding: 5px; margin: 0px; height: 80px}
div#gigs div#giglist ul li h3 {font-weight: 400; padding: 0px; margin: 0px}
div#gigs div#giglist ul li p {padding: 0px; margin: 0px}

div#gigs div#gignavigation {float: left; clear: left; width: 220px; margin-left: 15px;}
div#gigs div#gignavigation p {width: 50%; float: left}
div#gigs div#gignavigation p#nextgig {text-align: right}

div#gigs div#gigdetails {background-image: url(/images/gigs/details-background.png); width: 250px; height: 310px; background-repeat: no-repeat; float: right}

div#gigs div#gigdetails div#gigdescription {margin-left: 29px; margin-top: 30px; width: 190px; height: 230px}

div#gigs div#gigdetails div#gigdescription img {width: 180px; margin: 0px 5px;}
div#gigs div#gigdetails div#gigdescription h4 {font-size: 90%; font-weight: 400; margin: 0px 5px; padding: 5px 0px;}
div#gigs div#gigdetails div#gigdescription p {font-size: 75%; margin: 0px 5px; padding: 0px;}

div#gigs div#gigdetails div#giglinks {margin-left: 34px;}
div#gigs div#gigdetails div#giglinks p {width: 30px; float: left; font-size: 70%;}

div#clarendon_link {margin: 0px auto; width: 332px; clear: both; margin: 0px auto; padding-top: 20px; text-align: center; font-size: 150%;}
div#clarendon_link a {display: block; background-image: url('/images/gigs/the-clarendon-jam.png'); background-repeat: no-repeat; width: 332px; height: 36px;}
div#clarendon_link a span {display: none}

div#map_outercontainer {position: absolute; display: none; width: 500px; height: 600px; top: 0px; left: 0px; margin-top: -250px; padding-top: 100px}

div#mapend_left {background-image: url(/images/gigs/mapcontainer-bg-left.png); background-repeat: no-repeat; background-position: center; width: 50px; height: 600px; top: 0px; left: 0px; float: left; margin-top: -50px;}
div#mapend_right {background-image: url(/images/gigs/mapcontainer-bg-right.png); background-repeat: no-repeat; background-position: center; width: 50px; height: 600px; top: 0px; left: 0px; float: right; margin-top: -50px;}
div#map_innercontainer {background-image: url(/images/gigs/mapcontainer-bg-centre.png); background-repeat: repeat-x; background-position: center; height: 600px; top: 0px; left: 0px;  margin-top: -100px; margin-left: 50px; margin-right: 50px;}

div#map_container {width: 400px; height: 400px; margin-top: 50px; padding-top: 100px; margin-left: 0px}
div#map_contents {display: block; width: 400px; height: 400px}

div#map_outercontainer div#map_navigation {margin: 0px auto; text-align: center; padding-top: 20px; font-size: 90%}
div#map_outercontainer div#map_navigation span {padding: 20px}
div#map_outercontainer div#map_navigation span a {}
div#map_outercontainer div#map_navigation span a:hover {border-bottom: 1px dotted #ffffff
}

div#directions_container {float:right; height:400px; margin-right:0px; margin-top:-415px; overflow:auto; width:270px; padding-right: 20px; font-size: 90%}

div#directions_container div#directions_form input#fromlocation {width: 145px}

div.googledir table {background-color: transparent !important; border: none !important; color: #ffffff !important;}

div.googledir div {color: #ffffff !important; font-size: 90%; }
div.googledir div a {color: #ffffff !important; font-size: 90%; }
div.googledir div table {color: #ffffff !important; font-size: 80%; }
div.googledir div table  tr td {border: none !important}

div#infowindow_container {}
div#infowindow_container h3 {color: #000000 !important}
div#infowindow_container img {width: 180px; height: 134px;}

div#clarendon_popup {margin-left: 10px; margin-top: -465px;}

div#clarendon_popup img#clarendon_img {position: absolute}
div#clarendon_popup img#jam_img {position: absolute; margin-top: 230px; margin-left: 325px;}
div#clarendon_popup div {color: #ffffff; font-size: 90%; margin-left: 160px; padding: 5px; margin-top: -20px; position: absolute; width: 220px}