/***************************************************************************************************
* 	Copyright © 2005 - 2011, Avaunt IT Solutions. All rights reserved.
* 	Consult your license regarding permissions and restrictions.
*	THIS FILE MAY NOT BE REDISTRIBUTED IN WHOLE OR SIGNIFICANT PART.
*   ------------------------------------------------------------------------------------------------

*   ------------------------------------------------------------------------------------------------
*	PROJECT:			John McNicholl Web Site
*	AUTHOR:				Charlie Logue
*	COPYRIGHT:			© Avaunt IT Solutions - info@avauntit.co.uk
*	DATE:				Friday, August 05th, 2011
*
*	LICENSED TO:		John McNicholl
*	FILE VERSION:		1.01
*   ------------------------------------------------------------------------------------------------
*	DESCRIPTION:		Site Style Information.
*   ------------------------------------------------------------------------------------------------
*	HISTORY:
*   DATE            VERSION     DESCRIPTION
*	05-08-2011		1.01		Project Begin.
*
***************************************************************************************************/

/***************************************************************************************************   
*	DEFAULT STYLES
***************************************************************************************************/
body { padding 0;
       margin: 0;
       font: 0.76em Tahoma, sans-serif;
       line-height: 1.5em;
       background: #ffffff;
       color: #454545;
       border-top: 1px solid #333; }



a 		{ color: #E0691A; }
a:hover { color: #6C757A; }

a 		{ color:#505050; font-weight:normal; text-decoration:none; }
a:hover { color:#808080; text-decoration:underline; }
a img 	{ border : 0; }

h1 	{ font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h2 	{ margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h3 	{ font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
h4	{ font-size: 1.2em; margin-bottom: 3px; color: #000; background: inherit; }
h5	{ font-size: 1.2em; margin-bottom: 3px; margin-top: 3px; color: #000; background: inherit; }

h1 a, h2 a 				{ text-decoration: none; }
h1 a:hover, h2 a:hover 	{ color: #FF6600; background: inherit; }

ul { margin: 0; padding : 0; list-style : none; }

/***************************************************************************************************   
*	LAYOUT STYLES
***************************************************************************************************/
.content { margin: 0 auto;
           width: 960px;
           padding: 0 10px 0 10px; }

#header { height: 120px;
          color: #ffffff;
          margin: 0 0;
          padding: 0 0 0 0;
          background: url(../images/heading.jpg) no-repeat; }

#header a 		{ text-decoration:none; background:inherit; background-color:#872B1C; }
#header a:link, #header a:visited { color:#FF9F00; }
#header a:hover { color:#E0E0E0; }


/***************************************************************************************************   
*	NAVIGATION
***************************************************************************************************/
#navigation { border-top: 1px solid #CCC;
              width:200px;
              float:left;
              margin-top:8px;
              padding-bottom:15px; }

#navlist { background-color: #ffffff; }

#navlist ul { margin-left: 0;
              padding-left: 0;
              list-style-type: none; }

#navlist a { display: block;
             height:16.5px;
             padding: 5px;
             border-bottom: 1px solid #CCC; }

#navlist a:link, #navlist a:visited { color:#CC6714;
                                      text-decoration: none; }

#navlist a:hover { background: #000000 url(../images/arrow.gif) 92% 50% no-repeat;
                   background-color: #F5F5F5;
                   color:#CC6714; }

/***************************************************************************************************   
*	LEFT SIDE
***************************************************************************************************/
		
#left { float: left;
        width: 200px;
        margin: 0 0 10px 0; }
	
#left .image { float: left;
               margin: 0 9px 3px 0; }

#left .boxtop  { clear:both; height:36px; background:#fff url(../images/boxtop.jpg) no-repeat; color: #000; }
#left .boxtop2 { clear:both; height:36px; background:#fff url(../images/boxtop2.jpg) no-repeat; color: #000; }
#left .box { background: #fff url(../images/box.gif) no-repeat bottom left; 
	         color: #5b5b5b; 
	         padding: 0 10px 7px 6px; 
	         margin: 0 0 6px 0; 
}
#left .gigheading { color: #1f2a33;
                    font-weight:bold;
                    text-align:center;
                    padding:4px 0 4px 0; }

#left .giginfo { padding-top:2px;
                 text-align:center;
                 color: #000000;
                 padding-bottom:8px; }

#left .newsheading { color: #1f2a33;
                     font-weight:bold;
                     text-align:center;
                     padding:4px 0 4px 0; }

#left .newsinfo { padding-top:2px;
                   text-align:center;
                   padding-bottom:8px; }

#left .buttons { text-align: right; padding: 4px 3px 0 0;}

/***************************************************************************************************   
*	RIGHT SIDE
***************************************************************************************************/
/* TOP : RIGHT : BOTTOM : LEFT*/	
#right { text-align:left;
         float: left;
         width: 740px;
         margin: 0 0 8px 0;
         padding: 0 0 0 6px; }

#right .heading { width: 740px; }

#right .info { margin: 2px 0 10px 0;
               color: #454545;
               padding: 6px 0 8px 5px; }

#right .articles { border: 1px solid #ccc;
                   padding: 4px;
                   margin: 0 0 10px 0;
                   background: #eee;
                   color: #454545; }


#right .tourdates { border: 1px solid #ccc;
                    margin: 0 0 10px 0; }

#right .articles a 		{ background: #eeeeee; color:#2A1FFF; font-weight:normal; text-decoration:none; }
#right .articles a:hover{ background: #eeeeee; color:#808080; text-decoration:underline; }
#right .articles a img 	{ background: #eeeeee; border : 0; }
	
#right .topbar { height:25px;
                 padding: 4px 0 5px 2px;
                 display: block;
                 margin-bottom: 8px;
                 border-top:1px solid #ccc;
                 border-bottom:1px solid #ccc; }

#right .title { float:left;
                width:440px;
				font: bold 1.8em Arial, Tahoma; 
				letter-spacing: 0.3px;}

#right .pagedate { padding: 4px 0 4px 0;
                   float:right;
                   width: 293px;
				   font: 1em Arial, Tahoma;}

#right .title2 { margin-bottom: 6px; 
				 padding: 6px 0 4px 0; 
				 font: bold 1.4em Arial, Tahoma; 
				 letter-spacing: 0.3px; 
				 border-top:1px solid #ccc;
				 border-bottom:1px solid #ccc;}

#right .image { display: block;
                border: 1px solid #A0A0A4;
                padding: 2px; }

#right .buttons  { text-align: right; padding-top: 4px; }

#right #gallery {text-align:center;}

#right .links { border: 1px solid #ccc;
                padding: 4px;
                margin: 0 0 10px 0;
                background:#FFFFD7;
                color: #454545; }

#right .links a 		{ background: #FFFFD7; color:#AA0000; text-decoration:none; }
#right .links a:hover	{ background: #FFFFD7; color:#808080; }

#right .lovesig {float:right; vertical-align:bottom; padding-right:3px; }
#right .leftfloat {float:left; vertical-align:top; padding-right:3px; }

#welcome { border-bottom: 1px solid #CCC;
           height: 160px;
           padding: 4px 6px 6px 2px; }

#topsection { border-bottom: 1px solid #CCC;
              height:200px;
              padding-bottom:4px;
              margin-bottom:8px; }

#photobox { width:540px;
            float:left; }

#otherlinks { width:180px;
              float:right;
              padding-left:1px;
              padding-top:4px; }

#leftlinks { width:200px;
             padding-top:6px;
			 text-align:center; }

#leftlinks a { padding-top:10px;
               padding-bottom:6px; }

/***************************************************************************************************   
*	GIGDETAILS STYLES
***************************************************************************************************/
.gigdetailsDate { padding:6px 4px 6px 4px;
                  margin-bottom: 8px;
                  font-weight:bold; 
                  font-size:1.2em;
                  text-align:center;
                  color: #ffffff;
                  background: #44567d;
                  border-bottom: solid 1px #898989; }

.gigdetails { padding:2px 4px 2px 4px;
              margin-bottom: 8px;
              width:200px;
              text-align:left;
              color: #2f3c5a; }
    
#gigblock { border-bottom: solid 1px #898989; }

#giginfom { text-align:center;
            font-weight: bold;
            font-family: sans-serif;
            color:#c60c0c;
            font-size:16px;
            padding:4px 0 6px 0;
            margin-bottom:6px;
            border-bottom: solid 1px #898989; }

#gignews { text-align:center;
           font-weight: normal;
           color:#277b1a;
           font-family: sans-serif;
           padding:4px 0 6px 0;
           margin-bottom:6px; }

.monthHeading { text-align:center;
				padding: 4px;
				background-color:#f6f6f6;
				font-weight:bold;
				font-size:15px; }

.rowEnglandDate { background-color:#fafba4;
			  	  padding-left:4px;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#aa3f00; }

.rowEnglandInfo { background-color:#fafba4;
			  	  padding: 0;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#000000; }

.rowEngland { background-color:#fafba4;
			  padding: 0;
			  border-top:1px dotted #A0A0A4;
			  color:#000000; }

.rowEnglandButton { background-color:#fafba4;
			  	  	padding-right:4px;
			  	  	border-top:1px dotted #A0A0A4;
			  	  	color:#aa3f00; }

.rowIrelandDate { background-color:#a1f5ad;
			  	  padding-left:4px;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#aa3f00; }

.rowIrelandInfo { background-color:#a1f5ad;
			  	  padding: 0;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#000000; }

.rowIreland { background-color:#a1f5ad;
			  padding: 0;
			  border-top:1px dotted #A0A0A4;
			  color:#000000; }

.rowIrelandButton { background-color:#a1f5ad;
			  	  	padding-right:4px;
			  	  	border-top:1px dotted #A0A0A4;
			  	  	color:#aa3f00; }

.rownIrelandDate { background-color:#f3bcbc;
			  	  padding-left:4px;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#aa3f00; }

.rownIrelandInfo { background-color:#f3bcbc;
			  	  padding: 0;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#000000; }

.rownIreland { background-color:#f3bcbc;
			  padding: 0;
			  border-top:1px dotted #A0A0A4;
			  color:#000000; }

.rownIrelandButton { background-color:#f3bcbc;
			  	  	padding-right:4px;
			  	  	border-top:1px dotted #A0A0A4;
			  	  	color:#aa3f00; }

.rowScotlandDate { background-color:#a1c1f5;
			  	  padding-left:4px;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#aa3f00; }

.rowScotlandInfo { background-color:#a1c1f5;
			  	  padding: 0;
			  	  border-top:1px dotted #A0A0A4;
			  	  color:#000000; }

.rowScotland { background-color:#a1c1f5;
			  padding: 0;
			  border-top:1px dotted #A0A0A4;
			  color:#000000; }

.rowScotlandButton { background-color:#a1c1f5;
			  	  	padding-right:4px;
			  	  	border-top:1px dotted #A0A0A4;
			  	  	color:#aa3f00; }

/***************************************************************************************************   
*	TEXT BOX STYLES
***************************************************************************************************/
.inputbox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 220px;
}

.telephonebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 160px;
}

.pcodebox { 
	color: #880b1f; 
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 11px;
	border: 1px solid #cccccc;
	padding:2px;
	width: 100px;
}

.textarea {
	color:#880b1f;
	background-color:#FFFFEE;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size:11px;
	border: 1px solid #cccccc;
	padding:2px;
	width:430px;
	height:150px;
	overflow:auto;
	margin-top:4px;
}

.button {
	border-top: solid 1px #d5d5d5;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #d5d5d5;
	background-color:#CCCCFF;
	font-size: 12px;
	padding: 3px 3px 2px 3px;
	cursor: pointer;
}

/***************************************************************************************************   
*	FOOTER STYLES
***************************************************************************************************/

.footer { clear: both;
          margin: 0 auto;
          width: 960px;
          padding: 0 0 10px 0;
          text-align: center;
          border-top: 1px solid #cccccc;
          line-height: 1.8em;
          color: #666666; }

.footer a, a:visited { color:#666666; background:#fff; text-decoration:none; }
.footer a:hover { color:#999999; background:#fff; text-decoration:none; }