/*
Theme Name: Mixed Roots Film & Literary Festival
Theme URI:  http://mxroots.com/
Description: MIXED ROOTS FILM & LITERARY FESTIVAL
Version: 1.0
Author: Theme Developed by: Pandora Web Box
Tags:

*/

@charset "utf-8";
/* CSS Document */
body
	{
		margin:0px;
		padding:0px;

  font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
  background: #CE6700
}
 P { font-size : 12px;
line-height : 18px;
padding-bottom : 0;
 padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: justify;
  vertical-align: top;
  margin-bottom: 0;
   margin-top: 0
}
.img a{
  border: none
}


#mainWrap
	{
       	width:917px;
		margin:0 auto;
		padding:0px 0 0 0;
	}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 0px;

background: url(images/menubg.jpg) repeat ;

}
span.title{
  font-size: 14px;
  color: #AE6800
}
span.titleb{
  font-size: 14px;
 
}
.solidblockmenu li{
display: inline;

}

.solidblockmenu li a{
float: left;
color: white;
padding: 25px 8px;
text-decoration: none;
  padding-bottom: 15px
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background:url(images/menubg.jpg) repeat center center;
}
 .floatimgleft {
float:left;
margin-top:0px;
padding-right:5px;
margin-bottom:0px;
  margin-left: 0px
}
.floatimgright {
float:right;
margin-top:0px;
margin-left:0px; padding-left:7px;
margin-bottom:0px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header
	{
		width:917px;
		height:260px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/headera.jpg);
		background-repeat:no-repeat;
	}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	border: none;
    width:600px;
	/* change the values of top and left to adjust the position of the logo*/
	top: 150px;
  font-size: 30px;
  margin-left: 250px
}

#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 14px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #B6D1F8;

	/* change the values of top and left to adjust the position of the slogan*/
   top: 250px; left: 430px;

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#login
	{
		width:917px;
		height:25px;
		float:left;
		margin:0px;
	      	background-image: url(images/menubg.jpg);
  background-repeat: repeat
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content
	{
		width:916px;
		float:left;
		margin:0px;
		padding:0px;
  background: #FFA851
}
#leftPanel
	{
		width:180px;
		float:left;
		margin:0px;
		padding:0px;
  background:#FFA851
}
#leftPanel h4
	{
		width:173px;
		height:36px;
		float:left;
		margin:0px;
		padding:17px 20px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:normal;
		color:#222222;
  padding-left: 10px
}
#leftPanel ul#leftnav
	{
		width:170px;
		float:left;
		margin:0px;
		padding:33px 10px 27px 10px;
	   		display:block;
	}
#leftPanel ul#leftnav li
	{
		width:160px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		display:block;
  line-height: 22px
}
#leftPanel ul#leftnav li a.leftnav
	{
		width:160px;
		float:left;
		margin:0px;
		padding:0 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight: bold;
		color:#444444;
		text-decoration: underline;
		background-image: url(images/arrow.png);
		background-repeat:no-repeat;
		background-position:left;
	}
#leftPanel ul#leftnav li a.leftnav:hover
	{
		text-decoration:none;
	}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#rightPanel
	{
		width:678px;
		float:right;
		margin:0px;
		padding:0px;
  background: #FFFFDF;
  padding-left: 5px;
  padding-bottom: 10px
}
.box-table-a {
font-family : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size : 12px;
margin : 5px;
width : 670px;
text-align : left;
border-collapse : collapse;
border-top : 2px solid #B08500;
border-bottom : 4px solid #B08500;
  margin-bottom: 10px
}
.box-table-a th {
font-size : 13px;
font-weight : bold;
padding : 8px;
background : #DDDDDD;
border-right : 1px solid #B08500;
border-left : 1px solid #B08500;
color : #333333;
  text-align: center
}
.box-table-a td {
padding : 8px;
background : transparent;
border-right : 1px solid #003300;
border-left : 1px solid #003300;
border-top : 1px solid #003300;
color : #000000;
 width : 335px;
padding-bottom : 10px;

  vertical-align: top
}
#rightPanel  h2
	{

       margin: 0px 0px 10px 0;
   	font-size: 32px;
	font-weight: normal;
  color: #003300;
	padding: 27px 0px 0px 0px;
	border-bottom: 1px solid #dadada;
	}
#rightPanel  h2  a
	{

		float:left;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:normal;
	   color:#333333;
	}
#banner .bannerheadingtxt
	{
		width:413px;
		float:left;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
		color:#d0b430;
	}
#rightPanel h3
	{

      margin: 0px 0px 2px 0;
   	font-size: 24px;
	font-weight: normal;
  color: #003300;

	padding: 5px 0px 2px 0px;
  border-bottom: thin dashed #AAAAAA
}
#rightPanel h4
	{

      margin: 2px 0px 3px 0;
   	font-size: 18px;
	font-weight: normal;
  color: #003300;
	padding: 0px 0px 0px 0px;


	}
#rightPanel ul,li{
  line-height: 22px
}

#rightPanel ul#gallery
	{
		width:591px;
		height:163px;
		float:left;
		margin:0px;
		padding:31px 0 0 55px;
		background-image:url(images/gallerybg.jpg);
		background-repeat:repeat-x;
		display:block;
	}
#rightPanel ul#gallery li
	{
		width:89px;
		height:119px;
		float:left;
		margin:0 21px 0 0;
		padding:0px;
		display:block;		
	}
#rightPanel ul#gallery li a.book
	{
		width:89px;
		height:119px;
		float:left;
		margin:0px;
		padding:0px;

	}
#rightPanel ul#gallery li a.book:hover
	{
		background-image:url(images/book.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book02
	{
		width:89px;
		height:119px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/book02.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book02:hover
	{
		background-image:url(images/book02.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book03
	{
		width:89px;
		height:119px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/book03.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book03:hover
	{
		background-image:url(images/book03.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book04
	{
		width:89px;
		height:119px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/book04.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book04:hover
	{
		background-image:url(images/book04.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book05
	{
		width:89px;
		height:119px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/book05.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li a.book05:hover
	{
		background-image:url(images/book05.jpg);
		background-repeat:no-repeat;
	}
#rightPanel ul#gallery li.redboldtxt
	{
		width:89px;
		height:13px;
		float:left;
		margin:0 21px 0 0;
		padding:9px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#881600;
		text-align:center;
	}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
#footerWrap
	{
		width:916px;
		height:120px;
		float:left;
		margin:0px;
		padding:18px 0 0 0;
  background: #CA6000
}
#footerWrap ul#footer
	{
		width:680px;
		float: none;
		margin:0 auto;
		padding:0px;
		display:block;
	}
#footerWrap ul#footer li
	{
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#footerWrap ul#footer li.footersap
	{
		width:1px;
		float:left;
		margin:0px;
		padding:0px;
		float: left;
		margin:0px;
		padding:px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#fefab6;
		text-align:center;
	}
#footerWrap ul#footer li a.footer
	{
		float: left;
		margin:0px;
		padding:0 6px 0 6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight: bold;
		color:#fefab6;
		text-align:center;
		text-decoration:none;
	}
#footerWrap ul#footer li a.footer:hover
	{
		text-decoration: underline;
	}
#footerWrap p.copyrights
	{
		width:400px;
		float: right;
		margin:-40px;
		padding:5px 0 3px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#3a4b00;
		text-align:center;
  margin-right: 0px
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
#footerWrap ul#validation
	{
		width:150px;
		float: none;
		margin:0 auto;
		padding:0px;
		display:block;
	}
#footerWrap ul#validation li
	{
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#footerWrap ul#validation li a.xhtml
	{
		width:72px;
		height:18px;
		float:left;
		margin:0 3px 0 0;
		padding:3px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight: bold;
		color:#fffaa1;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background-image:url(images/submit.jpg);
		background-repeat:no-repeat;
	}
#footerWrap ul#validation li a.xhtml:hover
	{
	}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
#innercontentblank
	{
		width:646px;
		float:left;
		margin:0px;
		padding:0px;
	}
#innercontentblank h3
	{
		width:614px;
		height:43px;
		float:left;
		margin:0px;
		padding:10px 0 0 32px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:normal;
		color:#d0b430;
		background-image:url(images/innerheadingbg.jpg);
		background-repeat:repeat-x;
	}
#innercontent
	{
		width:614px;
		float:left;
		margin:0px;
		padding:23px 0 23px 32px;
		background-image:url(images/gallerybg.jpg);
		background-repeat:repeat-x;
	}
#innercontent p.innercontent
	{
		width:582px;
		float:left;
		margin:0px;
		padding:10px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#000;
		text-align:justify;
	}
#innercontent h3
	{
		width:614px;
		height:43px;
		float:left;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		font-weight:normal;
		color:#d0b430;
	}
#innercontent p.contactaddress
	{
		width:475px;
		float:left;
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#000;
	}
#innercontent p.contactboldtxt
	{
		width:475px;
		float:left;
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:normal;
		color:#719200;
	}	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
#contactfeildnameblank
			{
				width:160px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:202px;
				height:400px;
				margin:10px 0 0 0;
				padding:20px 0 0 0;
				float:left;
			}
.contactfeildname
			{
				width:160px;
				margin:0 0 10px 0;
				padding:0px;
				float:left;
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#544b2e;
				text-align:justify;
			}
.contactfeild
			{
				width:202px;
				margin:0 0 2px 0;
				padding:0px;
				float:left;
			}
.contactfeildinput
			{
				width:200px;
				height:20px;
				font-family: "Trebuchet MS";
				font-size:12px;
				color:#595643;
				border:solid 1px #d2e3e9;
				background-color:#fffdfd;
			}
.txtarea
			{
				width:198px;
				height:80px;
				font-family: "Trebuchet MS";
				font-size:12px;
				color:#595643;
				border:solid 1px #d2e3e9;
				background-color:#fffdfd;
			}
.submit
			{
				width:200px;
				height:20px;
				margin:20px 0 0 0;
				padding:0px;
				float:left;
			}
a.submitbutton
			{
		width:60px;
		height:17px;
		float:left;
		margin:10px 0 0 0;
		padding:3px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight: bold;
		color:#ffac87;
		text-align:center;
		text-decoration:none;
		background-image:url(images/submit.jpg);
		background-repeat:no-repeat;
	}
a.submitbutton:hover
	{
		background-image:url(images/submit.jpg);
		background-repeat:no-repeat;
	}
.listbox
		{
				width:202px;
				height:20px;
				float:left;			

				background-color:#fffdfd;
		}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}