/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All

Author: 		Glen Elkins (www.adverset.co.uk) for Pelham Puppets (www.pelhampuppets.uk.com)
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX, Linux
Created: 		08.09.08
Last modified: 	23.10.08
by: 			GE

******************************************************************************************************
*/

/* GLOBAL RESET */
html, body, p, div, h1, h2, h3, h4, ul, li,table,td, form, fieldset {

	margin: 0px;
	padding: 0px;
	
	/*font-family: Verdana, Arial, serif;*/
	font-family: "Trebuchet MS",Verdana, Arial, serif;
	font-size: 1em;
	
}
/* END GLOBAL RESET */

/* H1, H2, H3, P*/
h1 {

	font-family: "FuturaBT-MediumCondensed",Futura,Verdana, Arial, serif;
	font-size: 200%;
	font-weight: regular;
	
	color: #0089E9;
	
}
	
h2 {

	margin-bottom: 10px;
	
	font-family: "Trebuchet MS",Verdana, Arial, serif;
	font-size: 120%;
	
	color: #009CED;
	
}

h2 a:link { color: #009CED; text-decoration:none;outline:none;}
h2 a:visited { color: #009CED; text-decoration:none;outline:none;}
h2 a:hover { color: #009CED; text-decoration:underline;outline:none;}

h3 {

	font-family: "FuturaBT-MediumCondensed", Futura,Verdana, Arial, serif;
	font-size: 150%;
	
	color: #403838;
	
}

h4 {

	font-family: "FuturaBT-MediumCondensed",Futura,Verdana, Arial, serif;
	font-size: 150%;
	
	color: #FFFFFF;
	
}

p {

	margin-bottom: 10px;
	
	text-align: left;

}

td {

	
	font-family: "Trebuchet MS";
	font-size: 90%;
	
	text-align: left;
	
}

fieldset { border: 0px; }
/* Links - A */
a:link {color: #FF7800;	text-decoration: none;outline:none;}
a:visited { color: #FF7800;	text-decoration:none;outline:none; }
a:hover { color:#FF7800; text-decoration:underline; outline:none;}

/* IMG */
img { border: 0px; }
img a:link { border: 0px; outline:none;}

/* Main Container */
#mc {

	width: 100%;
	
	text-align: center;
	
	
}

	
/* Header */
/* Plus main header - For full 100% background */
#mc_hc {

	width: 100%;
	height: 151px;
	
	background: url('../images/topbg.gif');
	
}

#hc {

	margin: auto;
	
	width: 980px;
	height: 151px;
	
	background:url('../images/topbginner.gif') no-repeat;
	
}

*{text-align:left;}

#hm {

	width: 980px;
	height: 151px;
	
	text-align: left;
	
		/*background: red; /* DEBUG */
		
}

#hm_left_c {

	float: left;
	
}

#hm_right_c {

	float: right;
	
	width: 980px;
	height: 151px;
	
		/*background: yellow; /* DEBUG */
}


#hm_right {

	padding-left: 312px;

	/*margin-top: 50px;*/

	
}

	/* Navigation */
	#hm_right ul { clear:both;list-style:none; }
	#hm_right li { float: left; }
	
	.home a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 104px; height: 74px; background: url('../images/buttons/home.gif'); }
		.home a:hover { outline:none;float: left; display: block; text-indent:-3000px;text-decoration:none;overflow:hidden;width:104px;height:74px;background:url('../images/buttons/home_roll.gif');}
	.shop a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 122px; height: 74px; background: url('../images/buttons/shop.gif'); }
		.shop a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 122px; height: 74px; background: url('../images/buttons/shop_roll.gif'); }	
	.repair a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 195px; height: 74px; background: url('../images/buttons/repair.gif'); }
		.repair a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 195px; height: 74px; background: url('../images/buttons/repair_roll.gif'); }	
	.about a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 132px; height: 58px; background: url('../images/buttons/about.gif'); }
		.about a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 132px; height: 58px; background: url('../images/buttons/about_roll.gif'); }	
	.history a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 92px; height: 58px; background: url('../images/buttons/history.gif'); }
		.history a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 92px; height: 58px; background: url('../images/buttons/history_roll.gif'); }	
	.contact a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 93px; height: 58px; background: url('../images/buttons/contact.gif'); }
		.contact a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 93px; height: 58px; background: url('../images/buttons/contact_roll.gif'); }

	/* Sub Navigation */
	.sub_nav { list-style: none; }

	.timeline a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/timeline.png'); }
	.timeline a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/timelinehover.png'); }

	.range a { outline:none;display: block; width: 210px; height: 29px; text-indent: -3000px; overflow:hidden; background: url('../images/buttons/subnav/range.png');}
	.range a:hover { outline:none;display: block; width: 210px; height: 29px; text-indent: -3000px; overflow:hidden; background: url('../images/buttons/subnav/rangehover.png');}

	.malborough a { outline:none;display: block; width: 210px; height: 32px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/malborough.png');}
	.malborough a:hover {outline:none; display: block; width: 210px; height: 32px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/malboroughhover.png');}

	.mobile a { outline:none;display: block; width: 210px; height: 33px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/mobile.png');}
	.mobile a:hover { outline:none;display: block; width: 210px; height: 33px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/mobilehover.png');}

	.pelpop a {outline:none; display: block; width: 210px; height: 51px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/pelpop.png');}
	.pelpop a:hover { outline:none;display: block; width: 210px; height: 51px; text-indent:-3000px; overflow:hidden; background: url('../images/buttons/subnav/pelpophover.png');}

		/* Sub Navigation - childrens page */
	.sub_nav { list-style: none; }

	.news a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/news_and_views.png'); }
	.news a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/news_and_views_hover.png'); }
	
	.shows a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/ideas_shows.png'); }
	.shows a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/ideas_shows_hover.png'); }
	
	.pup-news a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/puppetry_news.png'); }
	.pup-news a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/puppetry_news_hover.png'); }
	
	
		/* Sub Navigation - home of pelham puppets */
	.sub_nav { list-style: none; }

	.the_puppet_master a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/the_puppet_master.png'); }
	.the_puppet_master a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/the_puppet_master_hover.png'); }
	
	.ilfracombe a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/ilfracombe.png'); }
	.ilfracombe a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/ilfracombe_hover.png'); }
	
	.north-devon a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/north_devon.png'); }
	.north-devon a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/north_devon_hover.png'); }
	
		
		/* Sub Navigation - about */
	.sub_nav { list-style: none; }

	.pelham-today a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/pelham_puppets_today.png'); }
	.pelham-today a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/pelham_puppets_today_hover.png'); }
	
	.how-the-puppets-are-made a {outline:none; display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/how_the_puppets_are_made.png'); }
	.how-the-puppets-are-made a:hover { outline:none;display: block; width: 210px; height: 32px; text-indent: -3000px; overflow: hidden; background: url('../images/buttons/subnav/how_the_puppets_are_hover.png'); }


/* Logo */
#lc {

	position: absolute;
	
	width: 265px;
	height: 195px;
	
}

/* Body */
/* Plus Main Body - For Full 100% background */
#main_container {

	width: 100%;
	
	min-height: 845px;
	
	background: #FFCC00;
	
}

#bc_bc {

	width: 100%;
	min-height: 845px; /* Temporary Value */
	
	background: url('../images/bodybg.gif') repeat-x;
	
}

#bc {

	margin: auto;
	
	width: 980px;
	min-height: 845px;
	
	/*background: url('../images/ibodybg.gif');*/

		
}

#bm {

	width: 980px;
	min-height: 845px;
	
}

#bm_left_c {

	float: left;
	
	width: 401px;
	min-height: 845px;
	
	background: url('../images/leftbg_inner.png') no-repeat;
		
}

#bm_left {

	margin-top: 78px;
	
}

	/* Welcome Box */
	#bm_left_wb {
	
		width: 379px;
		
		margin-top: 35px;
		padding-left: 22px;
		
	}
	

	
#bm_right_c {

	float: left;
	
	width: 578px;
	min-height: 845px;
	
	background: url('../images/rightbg_inner.png') no-repeat;
		
}

#bm_right {

	/*margin-top: 12px;*/
	
}

	/* Right Column Bottom Left & Right Columns */
	#bm_right_left_c {
	
		float: left;
		
		margin-top: 18px;
		padding-top: 18px;
		
		/*width: 308px;*/
		width: 268px;
		
		text-align: left;
		
		/*background:red;*/
		
	}
	
	#bm_right_left {
	
		margin-left: 18px;
	
		
	}
	
		/* Middel column "#bm_right_left" sub navigation class */
		.sub_nav { list-style: none; margin-left: 20px; }

	
	#bm_right_right_c {
	
		float: left;

		margin-top: 18px;
		/*margin-top: 78px;*/
				
		width: 308px;
		/*width: 270px; */
		
		text-align: left;
		
		
	}
	
	#blog { margin-top: 20px; padding-left: 20px; }
	
	#bm_right_right {
	
		margin-left: 20px;
		
	}


/* Latest News Box */
#lnc {

	clear:both;
	

	width: 308px;
	height: 224px;
	
	background:url('../images/latestnewsbg2.png');
	background-repeat: no-repeat;
}

#ln {

	width: 308px;
	height: 205px;
	
		/*background: yellow; /* DEBUG */
}

#ln_exerpt {

	width: 195px;
	
	padding-top: 75px;
	padding-left: 60px;

	font-family: "Trebuchet MS";
	font-size: 90%;
}

#ln_read_login {

	width: 195px;
		
	font-family: "Trebuchet MS";
	font-size: 80%;	
}

#ln_logged_in_as {

	width: 195px;
	
	
	font-family: "Trebuchet MS";
	font-size: 80%;	
	
}


	
/* FOOTER */
#mc_fc_c {

	clear: both;
	
	width: 100%;
	height: 191px;
	
	text-align: center;
	
	color: #FFFFFF;	
	
	background: url('../images/footerbg.gif');
	
}

#mc_fc {

	margin: auto;
	
	width: 980px;
	height: 191px;
	
	font-size: 80%;
	
	color: #FFFFFF;	
		
		/*background: red;*/
	
}

#mc_fc_left {

	float: left;
	
	text-align:left;

}

	#mc_fc_left ul { margin-left: 20px;margin-top:20px;list-style-image: url('../images/footer_bullet.gif'); }

	#mc_fc_left ul a:link { outline:none;color: #FFFFFF; text-decoration: none; }
	#mc_fc_left ul a:visited { outline:none;color: #FFFFFF; text-decoration: none; }
	#mc_fc_left ul a:hover { outline:none;color: #FFFFFF; text-decoration: underline; }
	
#mc_fc_right {

	float: left;
	
	margin-left: 120px;
	margin-top: 20px;
	
}

#mc_fc_bottom_c {

	clear: both;
	
	
	/*padding-top: 50px;*/
	
}

#mc_fc_bottom {

	padding-top: 40px;
	
	text-align:center;
	
}
	

/*****************/
/* Extra Classes */
/*****************/

/* ITALIC FONT */
.italic {

	font-style: italic;
	
}

/* BOLD FONT */
.bold {

	font-weight: bold;
	
}

/* BOLD & ITALIC */
.bolditalic {

	font-style: italic;
	font-weight: bold;
	
}

/* 80% SIZE */
.text_80 {

	font-family: "Trebuchet MS";
	font-size: 80%;
	
}

/* 70% Size */
.text_70 {

	font-size: 70%;

}

/* FLOATING LEFT */
.float_left {

	float: left;
	
}

/* Spacer */
.spacer {

	clear: both;
	
	font-size: 20%;
	
}

/* Green links */
.green_link a:link { outline:none;text-decoration:none; color: #018D01; }
.green_link a:visited { outline:none;text-decoration:none; color: #018D01; }
.green_link a:hover { outline:none;text-decoration: underline; color: #018D01; }

/* CLEAR */
.clear { clear: both;}

/* BLOG STARS IMAGE */
.blogstars {

	clear: both;
	
	width: 216px;
	height: 13px;
		
	background: url('../images/blogstars.png');
	
}

/* BLOG DATE BG */
.calendar_bg {

	width: 43px;
	height: 43px;
	
	font-size: 80%;
	
	color: #FFFFFF;
	
	text-align: center;
		
	background: url('../images/calendar_bg.png');
	
}

.calendar {

	text-align:center;

	height: 20px;

	padding-top: 1px;
	
}



.yellowstar {

	width: 14px;
	height: 13px;
	
	background: url('../images/yellowstar.gif');
	
}

/* SLIDER CONTENT BOXES */
.slider_box {

	float: left;
	
	width: 241px;
	
}

.green_text { color: #018D01; }

/* Error */
.error { color: red;margin-bottom: 10px;  }

/* Inner Pages Extra Layout */
.account_links { font-size: 70%; }