@import url('reset.css');
@import url('default.css');
@import url('type.css');

/***

Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em

***/
html								{ background:url(../img/bg-body.jpg); border-top:1px solid #000; }
body								{ background:url(../img/bg-glow.png) center top no-repeat; border-top:1px solid #4896b8;}
.clear								{ clear: both; }
#wrap								{ margin: 0 auto; width: 900px; min-height: 600px;}
#fullbody							{ background: url(../img/bg-lines.gif) center 200px repeat-x; }

img.left							{ float:left; margin:0 15px 10px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
img.right							{ float:right; margin:0 0 10px 15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }


#social								{ position: fixed; right: 0px; width: 57px; padding: 125px 8px 0 0; z-index: 1000; }
#social img							{ padding: 0 0 5px 0;}
#socialmedia-sidebar				{ float: left; width: 210px; padding: 20px 0 0 20px;}

/* Header */

#header								{ position: relative; }
#logo								{ width: 236px; height: 82px; background: url(../img/logo-palmer.png) top left no-repeat; display: block; text-indent: -9999px; float: left; margin: 15px 0 20px; }
#extra-info							{ position: absolute; top:10px; right: 160px; text-align: right; }
#extra-info h2						{ color: #f6df30; font-size: 1.6667em; margin-bottom: 5px; text-shadow: 0 -1px 0 #0b457b; font-weight: bold; }
#extra-info h2 span					{ font-weight: normal; }
#extra-info h3						{ color: #bed6e5; font-size: 1.1667em; text-shadow: 0 -1px 0 #0b457b; }
#no-referrals						{ position: absolute; top:-30px; right: 0; }
.logins a							{ background: #f6e13b url(/media/img/button-BG.jpg) repeat-x; color: #286e9f; margin: 0 0 0 2px; font-weight: bold; padding:4px 8px; display:inline-block; text-shadow:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.logins a:hover						{ background: #fdf6c5; }

/*
** Main Nav */

ul#nav								{ width: 900px; height: 51px; margin: 0; padding: 0; position: relative; }
ul#nav li							{ list-style: none; float: left; background: url(../img/nav-li.jpg) 0 -1px repeat-x; border-top:1px solid #fff; height: 51px; position: relative; }
ul#nav li a							{ color: #1d5d8c; text-shadow: 0 1px 0 #fff; font-size: 1.3333em; margin: 0; padding: 12px 0 9px; display: block; border-right:1px solid #b9c1c7; border-left:1px solid #fff; text-align: center; }
ul#nav li:hover						{ background: url(../img/nav-li-hover.jpg) 0 -1px repeat-x; }
ul#nav li.current					{ background: url(../img/nav-li-current.jpg) center -1px repeat-x; }
ul#nav li.current a					{ color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
ul#nav li:first-child				{ border-left: 1px solid #fff; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; }
ul#nav li:first-child a				{ border-right:1px solid #b9c1c7; border-left:none; }
ul#nav li:last-child				{ border-right: 1px solid #fff; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
ul#nav li:last-child a				{ border-right:none; border-left:1px solid #fff; }
ul#nav #topleft						{ position: absolute; top:0; left: 0; z-index: 200; }
ul#nav #topright					{ position: absolute; top:0; right: 0; z-index: 200; }

/*
** Main Nav - Dropdowns */

ul#nav li ul.dropdown				{ z-index: 10000; display:none; width: auto; position: absolute; top:50px; left:-20px; background:#f2f2f2; background: rgba(242,242,242,.9); border: 1px solid #bbb; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.25); -moz-box-shadow: 0px 2px 3px #888; margin: 0; padding: 6px 0; display: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul#nav li ul.dropdown .arrow		{ position: absolute; left: 50%; margin-left: -6px; top:-7px; }
ul#nav li:hover ul.dropdown			{ width: auto; z-index: 100; }
ul#nav li ul.dropdown li			{ width: auto; margin: 0; padding: 0; background: none; border: none; float: none; height: auto; }
ul#nav li ul.dropdown li a			{ width: auto; color: #1d5d8c; text-shadow: 0 1px 0 #fff; font-weight: normal;  margin: 0; padding: 5px 20px; text-align: left; border: none; font-size: 1.1667em; width: 200px; display: block; }
ul#nav li ul.dropdown li a:hover	{ padding: 4px 20px 4px 15px; border-top:1px solid #b4bec6; border-bottom: 1px solid #fff; border-left: 5px solid #f6df30; }

/*
** Sub Nav */

#sub-col ul#sub-nav								{ padding: 0; width: 250px; margin: 0 10px 15px; }
#sub-col ul#sub-nav li							{ border-bottom: 1px solid #ddd; list-style: none; margin: 0; font-size: 1.1667em; }
#sub-col ul#sub-nav li.current					{ background: url(../img/subnav-li-current.jpg) top left repeat-y; }
#sub-col ul#sub-nav li a						{ padding: 6px 10px; display: block; color: #1e6288; border-bottom: none; }
#sub-col ul#sub-nav li.current a				{ font-weight: bold; }
#sub-col ul#sub-nav li ul						{ margin: 0; padding: 0; border-top: 1px solid #ddd; }
#sub-col ul#sub-nav li ul li a					{ color:#7d7c78; padding: 6px 30px; display: block; font-size: 14px; }
#sub-col ul#sub-nav li ul						{ display: none; }
#sub-col ul#sub-nav li.current ul				{ display: block; }
#sub-col ul#sub-nav li.current ul li			{ background: url(../img/subnav-li-arrow.jpg) 10px 8px no-repeat #fff; }
#sub-col ul#sub-nav li.current ul li a			{ font-weight: normal; }
#sub-col ul#sub-nav li.current ul li.current a 	{ color: #1e6288; font-weight: bold; }
#sub-col ul#sub-nav li ul li:last-child			{ border-bottom: 0; }

.recipe { background: #fcf7ca url(/media/img/recipe-top.jpg) no-repeat; float: left; margin: 5px 0 10px 10px; padding: 75px 10px 10px 10px;}
.recipe h3, .recipe p { font-family: "swister-1","swister-2"; }
.recipe h3 { font-size: 27px !important; }
.recipe p { font-size: 17px !important; }

/*
** Homepage Banner */

#banner								{ width: 900px; height: 323px; background: #fff; position: relative; }
#banner-text						{ position: absolute; top:50%; left: 40px; margin-top: -60px; width: 480px; }
#banner-text h2						{ font-size: 2.3333em; font-family: Georgia, serif; font-style: italic; color: #595756; font-weight: 100; text-shadow: 0 1px 0 #fff; }
#banner-text h3						{ font-size: 1.3333em; color: #595756; text-shadow: 0 1px 0 #fff; font-weight: 100; line-height: 1.3333em; }
#banner-text p						{ text-align: right; }
#banner-text p a.special			{ font-size: 1.3333em; color: #595756; font-weight: bold; text-shadow: 0 1px 0 #fff; background: url(../img/icon-arrow.png) right center no-repeat; padding: 0 20px 0 0; }

/*
** Homepage Buttons */

#banner-buttons						{ width: 900px; margin: 0 0 -15px -13px; padding: 0 13px; height: 130px; background: url(../img/bg-banner-bottom.png) top left no-repeat; }
#banner-buttons span				{ width: 260px; float: left; padding: 10px 20px; }
#banner-buttons span img			{ float: left; margin: 20px 15px 20px 0; }
#banner-buttons span h4				{ font-size: 1.6667em; margin: 10px 0 5px; }
#banner-buttons span h4 a			{ color: #f6df30; text-shadow: 0 -1px 0 rgba(0,0,0,.75); font-family: Georgia, serif;}
#banner-buttons span p				{ color: #fff; width: 270px; }
#banner-buttons span p a			{ color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.75); }

#content							{ background: #fff; border-bottom: 5px solid #8eb0c3; }
#main-col							{ width:570px; padding: 40px 30px; float: right; background: url(../img/bg-maincol.jpg) top left no-repeat; min-height: 300px; }
#full-col							{ width:840px; padding: 40px 30px; min-height: 300px; }
#sub-col							{ padding: 40px 0; }

#player, #player2					{ margin: 10px 0;}

/* =video-thumbs */
#content .video_thumbs				{ list-style:none; clear:both; margin:0; }
#content .video_thumbs li			{ float:left; margin:0 10px 10px 0; list-style:none; }
#content .video_thumbs a,
#content .video_thumbs a:hover		{ border:0; }

.ba									{ width:240px; display: block; height: 130px; position: relative; float: left; margin: 0 10px 10px 0 }
.ba img								{ position: absolute; top:0; left: 0;}




/*
**	=slideshow
*****************************/
#content #images		{ margin:0 0 5px 0; width:580px; height:385px; overflow:hidden; }
#images li				{ position:relative; /*width:714px; height:536px;*/ }
#images p				{ background:#333; background:rgba(0,0,0,0.7); color:#fff; font:1em/1.4 arial,helvetica,sans-serif; margin:0; padding:10px 20px; position:absolute; bottom:0; left:0; }
#images img				{ display:block; margin:0 auto; max-height:536px; }
#thumbs img				{ float:left; margin:0 2px 0 0; max-height:75px; max-width:100px; }



.column { float: left; width: 265px; margin-right: 20px; }




/*
** Footer */

body #footer #footer-links			{margin-left: 0;}

#footer								{ width: 900px; }
#footer	p							{ float:right; text-align: right; color:#9ab7ca; text-shadow: 0 -1px 0 #114874; margin-right: -200px; }
#footer-links						{ margin:20px 0 10px; border-top: 2px solid #5787a8; border-bottom: 2px solid #5787a8; padding: 0 0 15px; }
#footer-links li					{ list-style: none; float: left; width: 165px; margin: 0 27px; padding: 0; }
#footer-links li a					{ font-size:1.1667em; text-shadow: 0 -1px 0 #114874; font-weight: bold; display: block; width: 100%; color:#9ab7ca; border-bottom: 1px solid #5787a8; padding-bottom: 2px; margin: 10px 0 2px; }
#footer-links li ul					{ margin: 0; padding: 0; }
#footer-links li ul li				{ margin: 0; padding: 0; list-style: none; }
#footer-links li ul li p			{ color:#9ab7ca; text-shadow: 0 -1px 0 #114874; text-align: left; }
#footer-links li ul li a			{ color:#9ab7ca; text-shadow: 0 -1px 0 #114874; font-size: 1em; font-weight: normal; padding: 0; margin: 0; border: none; }
#footer-links li a:hover			{ color: #fff; }

#footer-contact						{ float:right; position: relative; top: -138px; width: 165px; margin: 0 50px; }
#footer-contact h2					{ font-size:1.1667em; text-shadow: 0 -1px 0 #114874; font-weight: bold; color:#9ab7ca; border-bottom: 1px solid #5787a8; padding-bottom: 2px; margin: 10px 0 2px; }
#footer-contact p					{ color:#9ab7ca; float: none; text-shadow: 0 -1px 0 #114874; text-align: left; margin: 0; width:180px; }
#footer-contact a					{ color:#9ab7ca; text-shadow: 0 -1px 0 #114874; }

hr { clear: both; border-top: #CCCCCC; border-left: none; border-right: none; margin-bottom: 15px; padding-top: 5px; }