/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */
 
body{
	
	margin: 0;
	
	padding: 0;
	
	padding-top:50px;
	
  	margin:0 auto;

   font-size: 16px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   
   color: #666666;

   font-weight: normal;

   font-style: normal;
   
   line-height:150%;

   width: 100%;

   min-height: 100%;

   cursor:default;

   overflow:auto;
   
   background-image: url("images/Grunge-background.jpg");
   
    background-repeat: no-repeat;
	
	img {max-width:100%};
}

h1

{

   font-size: 30px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;
   
    margin: 0px 0 0;
	
	padding-bottom: 15px;

}

h2

{

   color: #AF9323;

   margin: 0px 0 0;

   font-size: 27px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;
   
   padding-bottom: 10px;

}

h3

{

   color: #A98E21;

   margin: 10px 0 0;

   font-size: 22px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;
   
   padding-bottom: 10px;

}

h4

{

   color: #AF9323;

   margin: 10px 0 0;

   font-size: 21px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;

}

h5

{

   color: #A98E21;

   margin: 10px 0 0;

   font-size: 18px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;
   
   line-height:150%;

}

 h6

{

   color: #AA8F22;

   margin: 5px 0 0;

   font-size: 16px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;
   
   line-height:150%;

}

table {
    border-collapse: seperate;
}

tbody {
  border-top: 0px;
}

table, th, td {
	border-color:#FFFFFF;
    border: 0px;
}

td {
border-top: none !important;
border-color: #FFFFFF !important;

}



a:link {
	text-decoration:none; 
	color:#CCCCCC}

a:visited { 
    color:#CCCCCC;
	
}

a:hover { 
    color:#FFCC00
	
}

.fcctable {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border:0px solid #000000 !important;;
	border:none !important;
	
	 color: #A98E21;



   font-size: 17px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;


	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.fcctable table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:50px;
	margin:5px;
	padding-left:10px;
	padding-right:10px;
}

.fcctable h4{
	padding:10px 10px 5px 10px;
	margin-bottom:10px;
	font-size:30px;

}

.fcctable p{
	  font-size: 17px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal;
   
   color: #666666;
   
}

.fcctable h5{
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	font-size:18px;
}
.fcctable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.fcctable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	margin-right:10px;
	margin-left:10px;
}
.fcctable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.fcctable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.fcctable tr:hover td{
	
}
.fcctable tr:first-child td{ 
	border-width:0px 0px 0px 0px;
	vertical-align: text-bottom;
}



.fcctable tr:nth-child(odd){ background-color: rgba(248,246,220,0.05); height:50px; margin-left:15px;}
.fcctable tr:nth-child(even)    { background-color: rgba(248,239,239,0.5);  height:50px; margin-left:15px; }

.fcctable td{
	
}.fcctable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.fcctable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.fcctable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}


.fcctable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
	 width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin:10px;
  
}
body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}


#header { background-color:#000000; margin:0 auto;

}
.section {
  margin: 0px;
  padding: 0px;
}






#circle img {
	width: 210px;
	height: 210px;
	border-radius: 100px;
	background-color: #FFCC00;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 6px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c0a63f;
	border-right-color: #c0a63f;
	border-bottom-color: #c0a63f;
	border-left-color: #c0a63f;


}  

#circle img:hover{background-color:#FFCC00} 

#circle span {
	display:block;
	width:80px;
	background-color: rgba(192,166,63,1); 
	z-index: 2px;
	color: white;
	padding:7px 30px 7px 30px;
	margin:0px;
	border-radius: 100px;
	text-align:center;
	top:-40px;
	left:28px;
	border-style:solid;
	border-width:2px;
	border-color:#CCCCCC;
   font-size: 16px;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;

}



#circle span:hover {background-color:#FFCC00} 


.circlesmall {height:30px;}

#circlesmall img {
	max-width: 240px;
	width:100%;
	height: 80px;
	border-radius: 100px;
	background-color: #FFCC00;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 6px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c0a63f;
	border-right-color: #c0a63f;
	border-bottom-color: #c0a63f;
	border-left-color: #c0a63f;


}  

#circlesmall img:hover{background-color:#FFCC00} 

#circlesmall span {
	position: relative;
	display:block;
	width:80%; 
	max-width: 140px;
	background-color: rgba(192,166,63,1); 
	z-index: 2px;
	color: white;
	padding:7px 12px 7px 12px;
	margin:0px;
	border-radius: 100px;
	text-align:center;
	top:-20px;
	left:10px;
	border-style:solid;
	border-width:2px;
	border-color:#CCCCCC;
   font-size: 12px;
   height:40px;
   text-decoration:none;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;

}

#circlesmall span:hover {background-color:#FFCC00} 

.gigspanelcontainer {
	
	margin-left: 12%;
	margin-right: 12%;
	height:225px;
	margin-top:2px;
	width:99%;
	padding-left:40px;
}

#gigsbox 

{ background-color: rgba(255, 249, 245, 0.5);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: rgba(255,253,246, 0.9);
	border-width:3px;
	border-style:solid;
	padding:10px;
}

#gigscentre{


  	width: 95% ;
 	max-width:1200px;
 	margin-left: auto;
	margin-right: auto;
	

}



/* gigs verticle menu */


.gigsvmenu {
	margin:0px;
	font-size: 100%;

   font-family: 'Playfair Display', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 700;

	padding-bottom:0px;
   	position:fixed;
   	top:1px;
   	right:-20px;
  /*	width:16%; */
	max-width:200px;
	min-width:180px;
	width:20%;
	background: url('images/background-menu.png') no-repeat scroll 0px 0px transparent;
	background-position:40px 0px;

   	z-index:1000;
 
	color: #FFCC00;
	padding-right:30px;
	text-align:right;
	line-height:135%;

		
   
	}
	
#gigsvmenu li a {

	color: #ffffff;
	text-decoration: none;
	
	
}	
	
#gigsvmenu li a:link, #gigsvmenu li a:visited {
	color: #ffffff;
	
	
}
	




#gigsvmenu li a:hover {
	color: #FFCC00;
	}
	
#gigsvmenu li a:active {
    color: red;
}
	
#gigsvmenu ul {
	margin: 0;
   padding: 0.1em;
   padding-left:0.2em; /* Set the distance from the list edge to 1x the font size */
   list-style-type: none;
   list-style-position: outside;
   list-style-image: none;
	

}

#gigsvmenu hr {

        border: 0;
    height: 1px;
    background: #333;
	width:60%;
	margin:0px;
	margin-bottom:2px;
	padding:0px;
	padding-bottom:2px;
    background-image: -webkit-linear-gradient(left, #c0a63f, #fff, #c0a63f); 
    background-image:    -moz-linear-gradient(left, #c0a63f, #fff, #c0a63f); 
    background-image:     -ms-linear-gradient(left, #c0a63f, #fff, #c0a63f); 
    background-image:      -o-linear-gradient(left, #c0a63f, #fff, #c0a63f); 
}

/* end of gigs verticle menu */


/*media queries */

@media screen and (max-width: 300px) {
  
		color: red;
    
}