/* -------------------------------------------------

Created By: Mason Kessinger / Poccuo

Contact: mason@poccuo.com

------------------------------------------------- */

/*

COLORS:

Red: 					AB2816
Dark Red: 				5C000B
Dark Grey: 				383330
Light Tan: 				EEEBE5
Tan: 					8F7754
Slideshow Brown Bar: 	221C19 
Slideshow Headline: 	F5F6D8
Slideshow Blue: 		576573

*/

/* ------------------------------------------------- */
/* -------------------GLOBAL STYLES----------------- */
/* ------------------------------------------------- */

body 						{ font-size: 12px; line-height: 18px;  color: #666666; background: url(http://www.pergamena.net/_images/_global/header_bkgd.gif) repeat-x center top; font-family: Georgia, serif;}

h1							{ font-size: 28px; line-height: 32px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; }
h2 							{ font-size: 16px; line-height: 21px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; }
h2 a						{ color: #AB2816; }
h3 							{ margin: 1.25em 0 1em 0; }
h4 							{ margin: 0 0 1em 0; }
h5 							{ margin: 0 0 1em 0; }
h6 							{ margin: 0 0 1em 0; }

p 							{ margin: 0 0 1em 0; }

a							{ color: #947c2a; }
a:hover						{ text-decoration: none;}
a:visited					{ }

em							{ font-style: italic;}
strong						{ font-weight: bold;}

img 						{ -ms-interpolation-mode: bicubic; }

/* ------------------------------------------------- */
/* -----------------------FOUNDATION---------------- */
/* ------------------------------------------------- */

#logo 						{ float: left; display:inline; margin: 0 0 0 30px; padding: 0; }
#header						{ overflow: hidden; height: 1%; width: 930px; background-image: url(http://www.pergamena.net/_images/_global/header_bkgd.gif); }
#footer						{ overflow: hidden; height: 1%; clear: both; border-top: 1px #8F7754 solid; margin: 30px 0; padding: 12px 0 0 0;}
#container					{ overflow: hidden; height: 1%; width: 930px; margin: 0 auto; }
#leftcolumn					{ overflow: hidden; height: 1%; width: 205px; padding: 45px 10px 30px 10px; float: left; }
#rightcolumn				{ overflow: hidden; height: 1%; width: 665px; padding: 45px 30px 30px 10px; float: left; }
#singlecolumn				{ overflow: hidden; height: 1%; width: 930px; padding: 45px 30px 30px 10px; float: left; }


/* forum hack */
#forum_header				{ margin: -12px auto 0 auto; overflow: hidden; height: 1%;  height: 121px;  width: 930px; background-image: url(http://www.pergamena.net/_images/_global/header_bkgd.gif); }
#forum_footer				{ margin: 50px auto 0 auto; overflow: hidden; height: 1%; clear: both; border-top: 1px #8F7754 solid; width: 930px; padding: 12px 0 0 0;}


/* ------------------------------------------------- */
/* -----------------------HEADER-------------------- */
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* -----------------------MENU---------------------- */
/* ------------------------------------------------- */

/* - - - - Quicklinks - - - - */

ul#quicklinks				{ float: right; height: 18px; }
ul#quicklinks a				{ font-size: 11px; font-style: italic; color: #FFF; text-decoration: underline; height: 18px; padding: 0 5px 0 0; border-right: 1px #AAA solid; }
ul#quicklinks a:hover		{ text-decoration: none; }
ul#quicklinks li			{ display: inline; margin: 0 5px 0 0; }
ul#quicklinks li.last a		{ border-right: 0px #FFF solid; margin: 0; padding: 0;}

/* - - - - Sub-Menu - - - - */

ul#submenu					{ width: 170px;}
ul#submenu a				{ display: block; font-size: 13px; color: #837E75; background-color: #F3F1ED; text-decoration: none; width: 160px; padding: 10px 10px 10px 10px; border-top: 1px #736E65 solid; }
ul#submenu a:hover			{ color: #62463E; background-color: #EAE8E4; }
ul#submenu a.active			{ color: #62463E; background-color: #F3F1ED; border-top: 1px #62463E solid; }
ul#submenu a.active:hover	{ color: #62463E; background-color: #F3F1ED; }
ul#submenu li				{ margin: 0 0 3px 0;}

/* - - - - Tabs - - - - */

ul#tabbed_menu 				{ float: right; width: 732px; height: 28px; margin: 75px 0 0 0;}
ul#tabbed_menu li			{ display: inline; float: left; color: #383330; }
ul#tabbed_menu li a			{ font-size: 14px; text-align: center; color: #383330; text-decoration: none; padding: 5px 0 0 0;}

	/* - - - - About Us - - - - */

	ul#tabbed_menu.home li#about a						{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px 0px; width: 125px; height: 23px; display: block; }
	ul#tabbed_menu.home li#about a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -28px; }

	ul#tabbed_menu.inside li#about a					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -56px; color: #FFF; width: 125px; height: 23px; display: block; }
	ul#tabbed_menu.inside li#about a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -84px; color: #FFF; }
	ul#tabbed_menu.inside li#about a.active				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -112px; color: #62463E; font-weight: bold;}

	/* - - - - Products & Services - - - - */

	ul#tabbed_menu.home li#products a					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px 0px; width: 190px; height: 23px; display: block; }
	ul#tabbed_menu.home li#products a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -28px; }

	ul#tabbed_menu.inside li#products a					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -56px; color: #FFF; width: 190px; height: 23px; display: block; }
	ul#tabbed_menu.inside li#products a:hover			{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -84px; color: #FFF; }
	ul#tabbed_menu.inside li#products a.active			{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -112px; color: #62463E; font-weight: bold;}

	/* - - - - Resources - - - - */

	ul#tabbed_menu.home li#resources a					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px 0px; width: 132px; height: 23px; display: block; }
	ul#tabbed_menu.home li#resources a:hover			{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -28px; }

	ul#tabbed_menu.inside li#resources a				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -56px; color: #FFF; width: 132px; height: 23px; display: block; }
	ul#tabbed_menu.inside li#resources a:hover			{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -84px; color: #FFF; }
	ul#tabbed_menu.inside li#resources a.active			{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -112px; color: #62463E; font-weight: bold;}

	/* - - - - Makers' Forum - - - - */

	ul#tabbed_menu.home li#forum a						{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px 0px; width: 162px; height: 23px; display: block; }
	ul#tabbed_menu.home li#forum a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -28px; }

	ul#tabbed_menu.inside li#forum a					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -56px; color: #FFF; width: 162px; height: 23px; display: block; }
	ul#tabbed_menu.inside li#forum a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -84px; color: #FFF; }
	ul#tabbed_menu.inside li#forum a.active				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -112px; color: #62463E; font-weight: bold;}

	/* - - - - Shop - - - - */

	ul#tabbed_menu.home li#shop a						{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px 0px; width: 123px; height: 23px; display: block; color: #921F17; }
	ul#tabbed_menu.home li#shop a:hover					{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -28px; }

	ul#tabbed_menu.inside li#shop a						{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -56px; color: #FFF; width: 123px; height: 23px; display: block; color: #F5F6D8; }
	ul#tabbed_menu.inside li#shop a:hover				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -84px; color: #FFF; }
	ul#tabbed_menu.inside li#shop a.active				{ background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -112px; color: #62463E; font-weight: bold;}




/* ------------------------------------------------- */
/* ---------------------FOOTER---------------------- */
/* ------------------------------------------------- */


ul#footer_menu											{ float: left; height: 18px; width: 600px; }
ul#footer_menu li										{ display: inline;}
ul#footer_menu li a										{ font-size: 9px; font-family: Arial, sans-serif; color: #999; text-decoration: none; height: 18px; padding: 0 5px 0 0; border-right: 1px #FFF solid; }
ul#footer_menu li a:hover								{ text-decoration: none; text-decoration: underline; }

#email_signup 											{ float: right; margin: 0;}
#email_signup .inputbox input 							{ float: left; border: 1px #CCC solid; height: 16px; width: 200px; padding: 4px 3px 2px 4px; font: 12px Arial; color: #333; }
#email_signup .button  									{ float: left; width: 34px; height: 22px; border: 1px #CCC solid; border-left: 0px #AB2816 solid;}
#email_signup input.blur 								{ color: #999; }

#email_signup input.error								{ border: 1px #F00 solid; }
#email_signup label.error								{ font-size: 0px; margin: 0; color: #F00; }


#email_signup_big 										{ overflow: hidden; height: 1%; margin: 0 0 30px 0;}
#email_signup_big .inputbox input 						{ float: left; border: 1px #CCC solid; height: 16px; width: 200px; padding: 4px 3px 2px 4px; font: 12px Arial; color: #333; }
#email_signup_big .button  								{ float: left; width: 34px; height: 22px; border: 1px #CCC solid; border-left: 0px #AB2816 solid;}
#email_signup_big input.blur 							{ color: #999; }

#email_signup_big input.error							{ border: 1px #F00 solid; }
#email_signup_big label.error							{ font-size: 0px; margin: 0; color: #F00; }

#copyright												{ clear: both; float: left; font-size: 9px; font-family: Arial, sans-serif; color: #999; margin: 10px 0 0 0; width: 500px;}


/* ------------------------------------------------- */
/* -------------------PRIVACY POLICY---------------- */
/* ------------------------------------------------- */

#privacy_policy p 										{ font-size: 16px; line-height: 21px; color: #666; font-style: italic; margin: 0 0 1em 0; }




/* ------------------------------------------------- */
/* ---------------------SPECIALS-------------------- */
/* ------------------------------------------------- */

.hidden 	{ display: none;}
.clear		{ clear: both;}


