/* +++++++++  gci_site.css +++++++++ */
/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; background-color: #969CA3; }

#page_margins { width: auto; min-width: 1000px; max-width: 1280px; margin: 0 auto; padding: 0px; border: 1px solid #000; }

#page { padding: 0px; }

#main { margin: 0px; border-top: 2px solid #000; }

#col1, #col2, #col3 { background-color: #fff; }

#col1_content { padding: 0px;}
#col2_content { padding: 6px 10px 0px 10px;}
#col3_content { padding: 0px;}

/*this is a fix for when a div in the first column has a bottom border
and the first column happens to be the longest column
without it, this would cause a 2px border to sit on top of the footer,
which looks like a mistake.  this should not affect pages where col1 is shorter*/
#col3_content, #col2_content, #col1_content { margin-bottom: -2px; }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
#header { height: 93px; margin: 0px; position: relative; color: #000; background-color: #fff; }

#header h1.siteName { width: 251px; height: 71px; margin: 4px 6px 0px 6px; padding: 0px; border: none; position: relative; float: left; font-size: 1px; line-height: 5px; background: url("http://media.gcimagazine.com/designimages/gci_logo_09.png") no-repeat top left; }

#header h1.siteName a { width: 251px; height: 71px; margin: 0px; padding: 0px; border: none; position: absolute; top: 0px; left: 0px; text-decoration: none; background: transparent; }

#header h1.siteName a:hover { border: none; background: transparent url("http://media.gcimagazine.com/designimages/gci_logo_08_hover.gif") no-repeat top left; }
#header h1.siteName a span { border: none; display: block; text-indent: -9999px; }

/* this is for accessibility, and does not have to be replaced with an image*/
#header p.tagLine { height: 10px; margin: 0px; padding: 0px; position: absolute; top: 75px; left: 12px; font-size: 10px; line-height: 10px; }

/* search box and button */
#header input.text { width: 300px; margin: 0px; padding: 4px 3px; border: 1px solid #000; position: absolute; top: 35px; left: 362px; color: #000; font-size: 13px; }

#header input.submit { position: absolute; top: 35px; left: 684px; }

/*this is the div for the current issue cover and description */
#magazineItems { width: 266px; height: 93px; position: relative; overflow: visible; float: right; background: transparent; }

#magazineItems #magazineItemsText { width: 126px; height: 80px; padding: 6px; overflow: visible; float: left; z-index: 51; text-align: left; }
#magazineItems #magazineItemsText a:link { color: #ea6f00; }
#magazineItems #magazineItemsText a:visited { color: #ea6f00; }
#magazineItems #magazineItemsText a:hover { color: #06f; }

#magazineItems #magazineItemsText p { height: 21px; margin: 0px; z-index: 52; color: #000; font-weight: bold; font-size: 14px; line-height: 21px; text-align: right; }

#magazineItems #magazineItemsText p a:link { color: #ea6f00;}
#magazineItems #magazineItemsText p a:visited { color: #ea6f00;}
#magazineItems #magazineItemsText p a:hover { color: #06f;}

#magazineItems #magazineItemsText ul { margin: 0px; padding-top: 3px;}

#magazineItems #magazineItemsText ul li { margin: 0px 0px 5px 0px; color: #fff; font-size: 10px; line-height: 13px; text-align: right; }

/*  this breaks is ie6 and has a patch to fix it in the patches.css file  */
#magazineItems #magazineItemsImage { width: 115px; height: 153px; padding: 9px 6px 7px 7px; overflow: hidden; float: left; z-index: 50; background: transparent url("http://media.gcimagazine.com/designimages/gci_curCoverBg.png") no-repeat right 0px; }

#magazineItems #magazineItemsImage a img,
#magazineItems #magazineItemsImage a { width: 115px; height: 153px; border: none; }

/* --- BREADCRUMB styles ---------------------------- */
p.breadcrumb { height: 30px; margin: 0px; padding: 0px 10px; clear: both; color: #363636; font-size: 13px; line-height: 30px; text-decoration: none; }

p.breadcrumb a:link,
p.breadcrumb a:visited { color: #363636; }
p.breadcrumb a:hover, p.breadcrumb a:focus { color: #06f; }

p.breadcrumb span.page { color: #73787d; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { padding: 10px; position: relative; clear: both; color:#fff; text-align: center; background-color: #000; }

div#footer p { color: #fff; font-size: 11px; }
div#footer p a:link { color: #fff; }
div#footer p a:visited { color: #969ca3; }
div#footer p a:hover, div#footer p a:focus { color: #ea6f00; }

/* not used except on the directory side */
div#footer p#reportBug { margin: 0px; padding: 6px 10px; position: absolute; top: 20px; left: 0px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: right; background-color: #333; }
div#footer p#reportBug a:link,
div#footer p#reportBug a:visited { color: #ea6f00; }
div#footer p#reportBug a:hover, div#footer p#reportBug a:focus { color: #fff; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { margin: .5em 0 1em 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; }

h1 { margin: 0px 0px 6px 0px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 24px; }

h2 { margin: 0px 0px 10px 0px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; }

h3 { margin: 0px 0px 7px 0px; color: #363636; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 15px; }

h4 { margin: 0px 0px 5px 0px; color: #73787d; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 11px; text-transform: uppercase; }

h5 { margin: 0px 0px 10px 0px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 13px; line-height: 15px; } /* Author Names */

h6 { margin: 0px 0px 10px 0px; color: #73787d; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; line-height: 15px; } /* from issue or posted date */

/* rss feed icon */
h1.listTitle a { margin: 0px; padding-left: 5px; color: #06f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; text-decoration: none; }
h1.listTitle a img { width: 12px; height: 12px; margin-right: 5px; }
h1.listTitle a:hover:after { content: "Sign up for this RSS Feed"; }
body#homepage h1.listTitle a:hover:after { content: ""; }

sub, sup { margin-left: 1px; position: relative; font-size: .75em; line-height: 2px; vertical-align: baseline; }
sub { top: .25em; }
sup { top: -.5em; }

h1 sup { top: -.6em; font-size: 60%; }
h1 sub { font-size: 60%; }

ul, ol { margin: .5em 0 1em 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35em; }
div#col1_content ul, div#col1_content ol { margin-top: 0px; }
div#col1_content ul ul, div#col1_content ol ol { margin: 5px 0px; }
div#col2_content ul { list-style: disc outside; }

li { margin: 0 0 .5em 25px; }

/* - various list class options for editors - */
div#col2_content ol.references { margin-top: 0px; font-size: 11.5px; list-style: decimal outside; }
div#col2_content ol, div#col2_content ol.num { list-style-type: decimal; }
div#col2_content ol.numTwoDigits { list-style-type: decimal-leading-zero; }
div#col2_content ol.roman, div#col2_content ol.romanLower { list-style-type: lower-roman; }
div#col2_content ol.romanUpper { list-style-type: upper-roman; }
div#col2_content ol.alpha, div#col2_content ol.alphaLower { list-style-type: lower-alpha; }
div#col2_content ol.alphaUpper { list-style-type: upper-alpha; }
div#col2_content ul.square { list-style-type: square; }
div#col2_content ul.circle { list-style-type: circle; }

div#col2_content dl { margin-top: -5px; }
div#col2_content dl dt { margin-top: 10px; font-weight: bold;}
div#col2_content dl dd { padding-left: 10px; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
span.from { color: #73787d; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; }
span.footnote { margin: 3px 0px 8px; padding-top: 3px; display: block; color: #666; font-size: 11px; line-height: 13px; }
span.label { color: #666; }
.weak { color: #73787d; font-weight: normal; font-size: .85em; line-height: 1.25em; }
h1 span.weak { font-size: .7em; }
.attn { color: #900; font-weight: bold; }
.listTitle { margin-bottom: 3px; }
.cursor { cursor: pointer; }
.floatright { margin: 0px 0px 10px 10px; float: right; }
.floatleft { margin: 0px 10px 10px 0px; float: left; }
.clearleft { clear: left; }
.clearright { clear: right; }

a.button, a.button:link { padding: 3px 10px; border: 1px solid #000; display: inline-block; color: #000; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.2); cursor: pointer; background: #e6e6e9 url("http://media.gcimagazine.com/designimages/gci_gradient_bg2.png") repeat-x 0 0; }
a.button:hover, a.button:focus { border-color: #666; color: #333; text-decoration: underline; background-position: 0px -100px; }
a.button:active { border-color: #000; color: #000; text-shadow: -1px -1px 1px rgba(0,0,0,.3); background-position: 0px 0px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }

/*_________________________________________________________________________________
		GENERIC FORM STYLES
===================================================================================*/
#main form { margin-bottom: 10px; overflow: hidden; }

form label { width: 140px; padding: 4px 10px 0px 7px; display: block; float: left; clear: left; font-weight: bold; font-size: 13px; text-align: right; vertical-align: top; }

textarea, 
input.text { width: 225px; margin: 0px 0px 10px 0px; padding: 4px 3px; border: 1px solid #000; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 13px; -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.3); box-shadow: inset 0px 0px 5px rgba(0,0,0,.4); }
textarea:focus, input.text:focus { border-color: #444; -moz-box-shadow: 0px 0px 5px rgba(0,102,255,.7); -webkit-box-shadow: 0px 0px 5px rgba(0,102,255,.7); box-shadow: 0px 0px 5px rgba(0,102,255,.7); }

form div.checkbox { padding-left: 157px; }
input.checkbox,
form div.checkbox input { margin-right: 7px; float: left; }
form div.checkbox label { width: auto; padding: 0px 10px 0px 20px; float: none; text-align: left; }

textarea { max-width: 300px; height: 100px; max-height: 150px; line-height: 16px; }

select { margin: 0px 5px 0px 0px; }

form div.submit { padding-left: 157px; border-bottom: 0px none; }
input.submit { padding: 3px 5px; border: 1px solid #000; color: #000; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,.2); cursor: pointer; background: #e6e6e9 url("http://media.gcimagazine.com/designimages/gci_gradient_bg2.png") repeat-x 0 0; }
input.submit:hover, input.submit:focus { border-color: #666; color: #222; text-decoration: underline; cursor: pointer; background-position: 0px -100px; }
input.submit:active { border-color: #000; color: #000; text-shadow: -1px -1px 1px rgba(0,0,0,.3); background-position: 0px 0px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }

/* -- UTILITY FORM STYLES -- */
input.error, input.validation-failed { margin-left: -1px; border: 2px solid #900; -moz-box-shadow: 0px 0px 5px rgba(153,0,0,.4); -webkit-box-shadow: 0px 0px 5px rgba(153,0,0,.4); box-shadow: 0px 0px 5px rgba(153,0,0,.4); }
input.error:focus, input.validation-failed:focus { border-color: #900; }
fieldset.error { border: 1px solid #900; }
fieldset.error legend, label.error { color: #900; }
div.validation-advice { margin: -7px 0px 10px; padding-left: 157px; color: #900; font-size: 11px; line-height: 13px; }
p.requiredNotice { color: #666; font-size: 12px; }
span.requiredField { margin-right: 2px; color: #900; font-size: 14px; }
form label span.requiredField { margin-left: -7px; }
p.helpText { margin: -6px 0px 10px; color: #666; font-size: 11px; line-height: 13px; }
p.error_message, p.errorMessage { margin: 5px 3px 10px; padding: 5px 10px; border: 2px solid #900; color: #900; font-weight: bold; font-size: 14px; line-height: 17px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 4px rgba(153,0,0,.8); -webkit-box-shadow: 0px 0px 4px rgba(153,0,0,.8); box-shadow: 0px 0px 4px rgba(153,0,0,.8); }
p.thanks_message, p.thanksMessage { margin: 5px 3px 10px; padding: 5px 10px; border: 1px solid #000; color: #000; font-weight: bold; font-size: 13px; line-height: 17px; text-align: center; background-color: #ff8; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.4); box-shadow: 0px 1px 4px rgba(0,0,0,.4); }

/* honeypot */
form div.subject, form label#subjectLabel, form input#subject { display: none !important; }

/*_________________________________________________________________________________
		TABLE STYLES
===================================================================================*/
table { width: 100%; margin: 5px 0px 10px 0px; border-collapse: collapse; color: #000; }
table th, table td { padding: 3px 5px; border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; text-align: left; }
table th { font-weight: bold; font-size: 13px; vertical-align: bottom; line-height: 15px; background-color: #d8dadf; }
table tfoot th { vertical-align: top; }
table td { font-size: 12px; line-height: 14px; vertical-align: middle; background-color: #fff; }

/*_________________________________________________________________________________
		AD STYLES
===================================================================================*/
div#leaderboardAd { height: 92px; margin: 0px auto; padding: 5px 0px; text-align: center; background-color: #969ca3; }
div#leaderboardAd div#leaderboardAdLabel { width: 730px; height: 92px; margin: 0px auto; padding: 0px 0px 0px 10px; display: inline-block; overflow: hidden; text-align: center; background: url("http://media.allured.com/images/advertisment_7x60_v_white.gif") 0px 50% no-repeat; }
div#leaderboardAd div#leaderboardAdLabel div.adBackground { width: 728px; height: 90px; margin: 0px; padding: 0px; border: 1px solid #333; display: inline-block; overflow: hidden; background-color: #fff; }

div.ad { margin: 0px; padding: 15px 5px 10px 5px; border-bottom: 2px solid #000; background: #73787d url("http://media.allured.com/images/advertisment_7x60_h_white.gif") 50% 4px no-repeat; }
div.ad div.adBackground { margin: 0px; padding: 0px; border: 1px solid #000; display: inline-block; overflow: hidden; background-color: #fff; } /* -- this puts a border around any image used in an ad -- */

/*____________________________________________________________________________________________________________
		MAIN STYLES: LIST/DETAIL/GATEWAY PAGES
==============================================================================================================*/
/*_________________________________________________________________________________
		TERTIARY NAV STYLES
===================================================================================*/
div.tertiary_nav { margin: 0px; border-bottom: 2px solid #000; background: url("http://media.gcimagazine.com/designimages/gci_tertiary_arrow.gif") no-repeat 13px 23px; }

div.tertiary_nav h1 { margin: 0px; padding: 3px 10px 4px 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 16px; text-transform: uppercase; background-color: #000; }

div.tertiary_nav ul { margin-bottom: 10px; padding: 10px 0px 0px 19px; background: url("http://media.gcimagazine.com/designimages/gci_tertiary_structure.gif") no-repeat 19px bottom; }
div#col1_content div.tertiary_nav ul li { margin: 0px 0px .5em 0px; padding-left: 8px; font-size: 15px; background: url("http://media.gcimagazine.com/designimages/gci_tertiary_child.gif") no-repeat left top; }

div#col1_content div.tertiary_nav ul li a:link,
div#col1_content div.tertiary_nav ul li a:visited { color: #ea6f00; }
div#col1_content div.tertiary_nav ul li a:hover { color: #06f; }

/*tertiary nav current page styles*/
div#col1_content div.tertiary_nav ul li.curr_page { font-weight: bold; }

/*_________________________________________________________________________________
		LIST STYLES
===================================================================================*/
div.itemDeck { margin: 0px -10px 0px -10px; padding: 5px 10px; border-top: 1px solid #000; }
div.itemDeck:hover { background-color: #f2f2f5; }
div.itemDeck.last { border-bottom: 1px solid #000; }

div.itemDesc { overflow: hidden; }
div.itemDesc h2 { margin: 0 0 4px 0; }
div.itemDesc p { margin: 0px 0px 7px 0px; }
div.itemDesc img { margin: 3px 6px 6px 0px; border: 1px solid #999; float: left; }
div.itemDesc h5 { margin: 0px 0px 5px; }

/* --- Exceptions to list styles - sponsored, paid, formula etc. ----------- */
div.itemList div.sponsored { border-right: 3px solid #969ca3; border-bottom: 3px solid #969ca3; border-left: 3px solid #969ca3; background-color: #F2F2F5; }
div.itemList div.sponsored h4 { margin: -5px -10px 7px; padding: 5px 10px 3px; color: #fff; font-weight: bold; background-color: #969ca3; }
div.itemList div.sponsored div.itemDate h4 { margin: 0px 0px 5px; padding: 0px; color: #73787D; font-weight: normal; background: transparent none; }

div.itemList div.video.gallery div.itemDesc h2 { background: url("http://media.gcimagazine.com/designimages/video_and_photo_icon.png") no-repeat 0% 50%; padding-left: 45px; }
div.itemList div.gallery div.itemDesc h2 { background: url("http://media.gcimagazine.com/designimages/photo_gallery_icon.png") no-repeat 0% 50%; padding-left: 25px; }
div.itemList div.video div.itemDesc h2 { background: url("http://media.gcimagazine.com/designimages/video_icon.png") no-repeat 0px 4px; padding-left: 20px; }

/*_________________________________________________________________________________
		MOST POPULAR STYLES
===================================================================================*/
div#mostReadList { margin: 0px; padding: 6px 10px; border-bottom: 2px solid #000; background-color: #e6e6e9; }

div#mostReadList h2 { margin-bottom: 0px; font-weight: normal; }

div#mostReadList div.mostReadItem { margin: 0px; padding: 3px 0px 0px 0px; border-top: 1px solid #666;overflow: hidden; clear: both;  }
div#mostReadList div.mostReadItem.first { padding-top: 6px; border-top: none; }

div#mostReadList p.mostReadCount { width: 35px; height: 14px; margin: 3px 6px 6px 0px; padding: 1px 0px 9px; border: 1px solid #73787d; display: inline; float: left; color: #363636; font-weight: bold; font-size: 14px; line-height: 14px; text-align: center; background: #fff url("http://media.gcimagazine.com/designimages/gci_most_views_bg.gif") no-repeat 50% 100%; }

div#mostReadList p.mostReadNum { width: 24px; margin: 3px 6px 6px 0px; color: #000; display: inline; float: left; font-size: 14px; line-height: 14px; text-align: right; }

div#mostReadList p.mostReadLink { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 42px; }

/*_________________________________________________________________________________
		ARTICLE DETAIL PAGE STYLES
===================================================================================*/
div#buttons { width: 210px; margin: 0px 0px 10px 0px; line-height: 10px; }

div#buttons a { font-size: 10px; line-height: 13px; }
div#buttons a:link, div#buttons a:visited { color: #ea6f00; }
div#buttons a:hover { color: #06f; }

div#buttons a.emailThis { margin-right: 10px; padding: 0px 0px 0px 18px; background: url("http://media.allured.com/designimages/email_icon.gif") no-repeat 0px 100%; }
div#buttons a.printThis { padding: 0px 0px 0px 18px; background: url("http://media.allured.com/designimages/print_icon.gif") no-repeat 0px 100%; }

/* --- ARTICLE ADD-ONS ------------------ */
div#articleExtras { width: 202px; margin: 0px 0px 10px 10px; padding: 5px 5px 0px 5px; border-color: #000; border-style: solid; border-width: 1px; float: right; background-color: #e9e9e9; -moz-box-shadow: -1px 1px 5px rgba(0,0,0,.3); -webkit-box-shadow: -1px 1px 5px rgba(0,0,0,.3); box-shadow: -1px 1px 5px rgba(0,0,0,.3); }

div#articleExtras div { margin: 0px 0px 5px 0px; padding: 6px; border: 1px solid #73787d; background-color: #fff; } /*  applies to both div#image and any div.addOn  */

div#articleExtras div#articleImage { padding: 0px; text-align: center; } 
div#articleExtras div#articleImage p { margin: 0px 0px 0px 0px; padding: 6px; border-top: 1px solid #73787d; font-size: 11px; line-height: 15.5px; } /* image captions */

div#articleExtras div h2 { margin: 0px; padding: 0px; }

div#articleExtras div#gallery h2.gallery { padding-left: 25px; background: url("http://media.gcimagazine.com/designimages/photo_gallery_icon.png") no-repeat 0% 50%; }
div#articleExtras div#video h2.video { padding-left: 20px; background: url("http://media.gcimagazine.com/designimages/video_icon.png") no-repeat 0px 4px; }

div#articleExtras div ul { margin: 0px 0px 3px 0px; list-style-type: none; }
div#articleExtras div li { margin: .5em 0px 0px 0px; color: #000; line-height: 1.25em; }

/* ------- Sponsored Article Styles ----------- */
div.disclaimer { margin: 0px -10px 7px; padding: 4px 0px; background-color: #969ca3; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.8); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.8); box-shadow: 0px 1px 2px rgba(0,0,0,.8); }
div.disclaimer p { margin: 0px; padding: 0px; color: #fff; font-weight: bold; font-size: 11px; line-height: 10px; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.4); }

div#disclaimer { margin: 10px 0px 0px; padding: 7px 0px 0px; border-top: 1px solid #95989a; clear: both; }
div#disclaimer p { color: #95989a; }

div#col3_content div#sponsorInfo { margin-top: 10px; padding: 5px; border-bottom: 1px solid #95989a; overflow: hidden; text-align: center; background-color: #fff; }
div#col3_content div#sponsorInfo h2 { text-align: center; }
div#col3_content div#sponsorInfo img { max-width: 240px; }
div#col3_content div#sponsorInfo h3 { width: 100%; margin: 10px 0px 2px; padding-top: 5px; border-top: 1px solid #95989a; display: inline-block; text-align: left; }
div#col3_content div#sponsorInfo p { margin: 5px 0px; text-align: left; }

/* --- PAGINATION styles ----------------------------------------------------------- */
div#pagination { margin: 5px 0px; padding: 5px 0px; clear: right; text-align: center; }

/* this is the style for a disabled button, ie previous on page 1 */
div#pagination span { padding: 2px 5px; border: 1px solid #73787d; color: #73787d; font-size: 11px; line-height: 11px; text-decoration: none; background-color: #e6e6e9; }

/*this is for the majority of the page #'s */
div#pagination a span { border: 1px solid #000; color: #000; text-decoration: none; background-color: #fff; }
div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/
div#pagination a:hover span { color: #fff; text-decoration: underline; background-color: #73787d; }
div#pagination span.curr_page { border: 1px solid #000; color: #fff; font-weight: bold; background-color: #000; }

/* --- AUTHOR BIOS / NEWSLETTER SIGNUP AD styles  --------------------------------- */
div#authorBio,
div#nlSignupAd { margin: 20px 10px; padding: 10px 10px 1px; border-top: 1px solid #969ca3; border-bottom: 1px solid #969ca3; overflow: hidden; clear: both; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.3); box-shadow: 0px 0px 7px rgba(0,0,0,.3); }
div#headshot, div#product { width: 120px; margin: 0px 0px 7px 10px; padding: 5px; border: 1px solid #000; float: right; }
div#authorBio div#product p, div#authorBio div#headshot p { margin: 6px 0 0; font-size: 11px; line-height: 15.5px; text-align: center; }
/* - not sure if we ended up using this or not - */
div#product h3 { text-align: center; }

div#nlSignupAd { width: 385px; margin: 20px auto; text-align: center; }
div#nlSignupAd p { font-weight: bold; }

/* --- RELATED CONTENT styles  --------------------------------------------------- */
div#related { margin: 10px -10px 0px; padding: 0px; border-top: 2px solid #000; clear: both; background-color: #e6e6e9; }

div#related div#categoryListWrapper { margin-top: -2px; padding: 10px; border-bottom: 2px solid #000; }
div#related div#contentItems { padding: 10px; border-bottom: 2px solid #000; }

div#related div#contentItems h2 { margin: 0px; line-height: 16px; }

div#related div#contentItems ul { margin: 0px; list-style: none; }
div#related div#contentItems ul li { margin: 10px 0px 0px 0px; color: #73787d; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; line-height: 15px; }
div#related div#contentItems ul li a { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 13px; }

div#related div#categoryListWrapper p#categoryList { margin: 0px; color: #000; font-weight: bold; }
div#related div#categoryListWrapper p#categoryList a { font-weight: normal; }

/* no sure if we still use these - i think these were for list pages where we listed all the categories in each itemDeck
p.categoryList { margin: 10px 0px; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; color: #000; padding-left: 5.5em; text-indent: -5.5em; clear: left; }

div#col1_content div.itemList.product div.itemDesc p.categoryList,
div#col3_content div.itemList.product div.itemDesc p.categoryList { clear: none; }*/

/*____________________________________________________________________________________________________________
		PAGE-SPECIFIC STYLES
==============================================================================================================*/
/*_________________________________________________________________________________
		HOMEPAGE 
===================================================================================*/
body#homepage #col1_content { padding: 0px 10px 0px 10px; }

/* --- CAROUSEL styles  ---------------------------- */
div#carousel { width: 367px; margin: 0px -10px 10px; border-bottom: 2px solid #000; overflow: hidden; }

div#stage { width: 367px; height: 220px; border-bottom: 1px solid #000; overflow: hidden; }

div#stage div.wrapper { width: 367px; height: 220px; position: relative; top: 0px; left: 0px; overflow: hidden; }

div#carousel div.slide { width: 367px; height: 220px; border-bottom: 1px solid #000; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 20; background-color: #fff; }

div#carousel div.topSlide { z-index: 500; }
div#carousel div.btmSlide { z-index: 490; }

div#carousel div.slide div.thumbnail { width: 200px; position: absolute; top: 0px; left: 0px; }
div#carousel div.slide div.thumbnail a { display: block; }

div#carousel div.slide div.copy { width: 167px; height: 220px; padding: 10px 0px; position: absolute; top: -10px; left: 200px; overflow: hidden; background-color: #fff; -moz-box-shadow: -5px 0px 7px #fff; -webkit-box-shadow: -5px 0px 7px #fff; box-shadow: -5px 0px 7px #fff; }

div#carousel div.slide div.copy a { display: block; color: #ea6f00; text-decoration: none; }
div#carousel div.slide div.copy a:visited { color: #754c23; }

div#carousel div.slide div.copy h2 { margin: 0px; }
div#carousel div.slide div.copy h2 a { padding: 10px 10px 4px; }
div#carousel div.slide div.copy p { margin: 0px; }
div#carousel div.slide div.copy p a { min-height: 175px; padding: 3px 10px 10px; }

div#carousel div.slide:hover div.copy a,
div#carousel div.slide div.copy:hover a,
div#carousel div.slide div.copy h2 a:hover,
div#carousel div.slide div.copy p a:hover { color: #06f; text-decoration: underline; }

/* --- CAROUSEL Controls  ---------- */
div#carousel div#controls { height: 30px; position: relative; display: none; z-index: 502; background: url("http://media.gcimagazine.com/designimages/gci_gradient_bg2.png") repeat-x 0 0 #E6E6E9; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4) inset; box-shadow: 0px 0px 3px rgba(0,0,0,.4) inset; }

div#controls p { margin: 0px; padding: 0px; cursor: pointer; }
div#controls p span { display: block; }

div#controls p.jumpTo { width: 25px; height: 24px; border-style: solid; border-color: #000; border-width: 0px 1px 1px; position: absolute; top: 0px; z-index: 30; text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,.2); background-color: transparent; }
div#controls p.jumpTo span { width: 25px; height: 24px; margin: 0px; padding: 0px; display: block; float: none; color: #000; font-weight: bold; font-size: 14px; line-height: 24px; text-decoration: none; background-color: transparent; }
div#controls p.jumpTo span:hover { background-color: #e6e6e9; background-color: rgba(255,255,255,.4); }

div#controls p.current { border-color: #000; z-index: 510; cursor: default; background-color: #000; }
div#controls p.current span { color: #fff; }
div#controls p.current span:hover { background-color: transparent; }

div#controls p#jumpButton1 { left: 218px; }
div#controls p#jumpButton2 { left: 244px; }
div#controls p#jumpButton3 { left: 270px; }
div#controls p#jumpButton4 { left: 296px; }
div#controls p#jumpButton5 { left: 322px; }

div#controls p.skip,
div#controls p.pp { width: 20px; height: 20px; position: absolute; top: 5px; background-position: 0px 0px; background-repeat: no-repeat; }

div#controls p.skip span,
div#controls p.pp span {
	padding: 1px 4px 0px;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 0px;
	position: relative;
	top: -15px;
	display: none;
	z-index: 520;
	color: #000;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	background-color: #fff;
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,.6);
	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,.6);
	box-shadow: 0px -1px 1px rgba(0,0,0,.6);
}

div#controls p#previous { left: 62px; background-image: url("http://media.gcimagazine.com/designimages/gci_cPrev.gif"); }
div#controls p#previous span { left: -9px; }

div#controls p#play { left: 89px; z-index: 511; background-image: url("http://media.gcimagazine.com/designimages/gci_cPlay.gif"); }
div#controls p#play span { left: -7px; }

div#controls p#pause { left: 89px; z-index: 512; background-image: url("http://media.gcimagazine.com/designimages/gci_cPause.gif"); }
div#controls p#pause span { left: -12px; }

div#controls p#next { left: 116px; background-image: url("http://media.gcimagazine.com/designimages/gci_cNext.gif"); }
div#controls p#next span { left: -8px; }
/* end of carousel styles */

body#homepage #col3_content div#upcomingEvents,
body#homepage #col3_content div#stockQuotes { padding: 7px 10px; border-bottom: 2px solid #000; background-color: #e6e6e9; }

body#homepage #col3_content div#upcomingEvents ul { margin: 5px 0px; padding: 0px 5px; border: 1px solid #73787d; display: block; font-size: 12px; background-color: #fff; }
body#homepage #col3_content div#upcomingEvents ul li { margin: 5px 0px; padding-bottom: 5px; border-bottom: 1px solid #000; }
body#homepage #col3_content div#upcomingEvents ul li.last { margin-bottom: 0px; border-bottom: none; font-weight: bold; text-align: right; }

body#homepage #col3_content div#upcomingEvents ul li span { margin-top: 3px; display: block; }
body#homepage #col3_content div#upcomingEvents ul li span.eventDate { margin-top: 0px; color: #000; font-weight: bold; text-transform: uppercase; }
body#homepage #col3_content div#upcomingEvents ul li span.eventLocation { color: #73787d; }

body#homepage #col3_content div#upcomingEvents p { margin: 0px; }

body#homepage #col3_content div#stockQuotes iframe { width: 240px; height: 410px; border: 1px solid #73787d; }

/*_________________________________________________________________________________
		NETWORKING GATEWAY - body#Networking 
===================================================================================*/
div#recentCoverage,
div#eventNews,
div#nextWebinar,
div#ourEvents,
div#careers { margin: 0px -10px; padding: 6px 10px; border-top: 2px solid #000; }

/*_________________________________________________________________________________
		NETWORKING - CAREERS - body#Networking-Careers
===================================================================================*/
div#featuredJob, div#featuredResume { width: 48%; margin: 0px 0px 10px; float: left; }

div#featuredJob { padding: 0px 10px 0px 0px; }
div#featuredResume { padding: 0px 0px 0px 10px; }

div.careerAd { margin: 5px; padding: 6px; border: 1px solid #666; background-color: #fff; }

div#featuredJob h4, div#featuredResume h4 { padding: 0px 3px; color: #fff; font-weight: bold; line-height: 16px; background-color: #73787D; }

div.resumeListing, div.jobPosting { margin: 0px; padding: 10px 0px; border-top: 1px solid #73787D; overflow: hidden; clear: both; }

body#Networking-Careers-Resumes #col1_content p,
body#Networking-Careers-JobOpenings #col1_content p { margin: 3px 10px; }

body#Networking-Careers-Resumes #col1_content h2,
body#Networking-Careers-JobOpenings #col1_content h2 { margin: 10px 10px 3px; }

/* --- Webinars: body#Networking-Webinars   -------------------------------- */
/*div#webinarAction { margin: 10px 0px; padding: 6px 0px; border-style: solid; border-color: #97b7ab; border-width: 1px 0px; text-align: center; color: #5d776d; font-weight: bold; clear: both; }
div#webinarAction a.register { font-size: 16px; }
body#Networking-Webinars div#sponsorInfo { margin: 10px 0px; overflow: hidden; display: inline-block; padding-top: 10px; border-color: #000; border-style: solid; border-width: 1px 0px; }
body#Networking-Webinars div#sponsorInfo img { float: left; clear: left; margin: 0px 0px 10px 0px;}
body#Networking-Webinars div.speaker { clear: left; padding-top: 10px; margin: 0px; border-top: 1px solid #000; }
body#Networking-Webinars div#col2_content div.first { border-top: 0px none; padding-top: 0px; }
body#Networking-Webinars div.speaker img { float: left; margin: 0px 10px 0px 0px;}*/

/*_________________________________________________________________________________
		NETWORKING - CALENDAR OF EVENTS: body#Networking-CalendarofEvents 
===================================================================================*/
body#Networking-CalendarofEvents div#col1_content { padding: 6px 10px 0px 10px; border-bottom: 2px solid #000; background-color: #e6e6e9; }

body#Networking-CalendarofEvents div#col1_content a:link,
body#Networking-CalendarofEvents div#col1_content a:visited { color: #ea6f00; }
body#Networking-CalendarofEvents div#col1_content a:hover { color: #06f; }

body#Networking-CalendarofEvents div#col1_content h2 { margin: 0px 0px 2px 0px; }

body#Networking-CalendarofEvents div#col1_content ul { margin-bottom: 10px; padding: 5px 0px 2px 0px; border: 1px solid #73787d; background-color: #fff; }
body#Networking-CalendarofEvents div#col1_content ul li { margin: 0px 0px 5px 10px; }

body#Networking-CalendarofEvents div#col1_content h3 { margin: 10px -10px 7px; padding: 10px 10px 0px; border-top: 2px solid #000; }

/*_________________________________________________________________________________
		SORTABLE TABLES - used in Calendar of events
===================================================================================*/
table.sortableTable td { padding: 6px; color: #000; }
table.sortableTable td { padding: 6px; border-width: 0px; border-color: #000; vertical-align: top; }

/* ------- table header-width styles --------- */
table.sortableTable thead th#calName { width: auto; }
table.sortableTable thead th#calType { width: 100px; }
table.sortableTable thead th#calLocation { width: 151px; }
table.sortableTable thead th#calDate { width: 102px; text-align: center; }

/* ------- table header styles --------- */
table.sortableTable thead th { padding: 0px; border-color: #000; color: #000; font-size: 12px; line-height: 14px; background-color: #e6e6e9; }

table.sortableTable thead th a { width: 100%; padding: 7px 0px; display: block; text-indent: 7px; }
table.sortableTable thead th a:link,
table.sortableTable thead th a:visited { color: #000; }
table.sortableTable thead th a:hover { color: #06f; }

table.sortableTable thead th.ascending a span { width: 15px; height: 12px; position: absolute; background: url("http://media.gcimagazine.com/designimages/gci_sort_arrow_up.gif") no-repeat right 60%; }
table.sortableTable thead th.descending a span { width: 15px; height: 12px; position: absolute; background: url("http://media.gcimagazine.com/designimages/gci_sort_arrow_down.gif") no-repeat right 55%; }

table.sortableTable thead th#calDate a { text-indent: 0px; }
/*  since date is the only centered header, and the span is not counted towards this, we must move it all over by half the width of the sorted arrow  */
table.sortableTable thead th#calDate.ascending a,
table.sortableTable thead th#calDate.descending a { text-indent: -7px; }

/* ------- table event:row1 styles --------- */
table.sortableTable tr.eventListingLine1 td { padding-top: 10px; }

table.sortableTable tr.eventListingLine1 td.eventTitle { color: #ea6f00; font-weight: bold; }
table.sortableTable tr.eventListingLine1 td.eventType { color: #73787d; font-size: 11px; line-height: 11px; text-transform: uppercase; }
table.sortableTable tr.eventListingLine1 td.eventDate { font-weight: bold; text-align: center; }

/* ------- table event:row2 styles --------- */
table.sortableTable tr.eventListingLine2 td { padding-bottom: 10px; border-bottom-width: 1px; }

table.sortableTable tr.eventListingLine2 td.eventDescription { padding-left: 16px; }
table.sortableTable tr.eventListingLine2 td.eventContactInfo {  }

/* ------- highlighting allured events --------- */
table.sortableTable tr.alluredEvent td { background-color: #f2f2f5; }

/*_________________________________________________________________________________
		ADD EVENT FROM STYLES: body#Networking-CalendarofEvents-AddEvent
===================================================================================*/
form#addEvent { width: 420px; margin-bottom: 7px; padding: 3px 0px; overflow: hidden; }

form#addEvent div#eventStart,
form#addEvent div#eventEnd { margin: 0px 0px 10px; display: block; /*overflow: hidden;*/ clear: left; }

form#addEvent div#eventStart label,
form#addEvent div#eventEnd label { padding: 0px 10px; }

form#addEvent p.helpText { width: 230px; padding-left: 160px; }

form#addEvent textarea { max-width: 250px; }

form#addEvent input.submit { position: relative; left: 157px; clear: both; }

/*_________________________________________________________________________________
		MAGAZINE GATEWAY AND SITE SECTION
===================================================================================*/
div#subItems, div#advItems, div#recentIssues { padding: 6px 10px; border-bottom: 2px solid #000; background-color: #e6e6e9; }

div#subItems h1, div#recentIssues h1 { font-size: 20px; }

div#subItems h2, div#advItems h2, div#recentIssues h2 { margin-bottom: 0px; font-size: 15px; }

div#subItems p { margin-top: 0px; }
div#subItems p a:link,
div#subItems p a:visited { color: #ea6f00; }
div#subItems p a:hover { color: #06f; }

div#subItems ul li { margin: 0px; }
div#subItems ul li a:visited { color: #ea6f00; }
div#subItems ul li a:hover { color: #06f; }

div#recentIssues ul li.issue { margin: 0px; font-weight: bold; font-size: 15px; }
div#recentIssues ul li.blurbs { margin: 0px 0px 15px 0px; line-height: 1.25em; }

/* body#Magazine */
div#magazineInfo { margin: -6px -10px 0px -10px; padding: 6px 10px; }

div#currentIssue, div#comingSoon { margin: 0px -10px; padding: 6px 10px; border-top: 2px solid #000; }

div#currentIssue h1 a:visited { color: #000; }
div#currentIssue h1 a:hover { color: #06f; }

div#currentIssue a.currentIssueCover { width: 117px; height: 170px; margin: 0px 0px 4px 10px; float: right; background: url("http://media.allured.com/designimages/si_view_toc_text.gif") no-repeat 50%; }
div#currentIssue a.currentIssueCover:hover { background-position: 50% 100%;}
div#currentIssue a.currentIssueCover img { border: 1px solid #000; }
 
div#comingSoon div { width: 205px; margin-left: -1px; padding: 0px 10px; border-left: 1px solid #000; float: left; }
div#comingSoon div.nextIssue { margin: 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #000; border-left: none; }
div#comingSoon div h2 { margin: 0px; }
div#comingSoon div p { margin: 7px 0px 2px 0px; color: #73787d; line-height: 15px; }

div#comingSoon h2.subOffer { margin: 10px 0px; display: block; clear: both; }

/* --- Past Issues -------------------------------------------------------------------------------- */
div#pastIssues p.jumpMenu { margin: 6px 0px 10px 0px; color: #000; font-size: 14px; }
div#pastIssues p.jumpMenu a:link { color: #ea6f00; }
div#pastIssues p.jumpMenu a:hover { color: #06F; }

div#pastIssues div.issueYear { width: 716px; margin: -1px 0px 0px; padding: 6px 0px 15px; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow: hidden; clear: left; }
div#pastIssues div.issueYear h2 { margin: 0px; line-height: 16px; }

div#pastIssues div.issueYear div { width: 232px; height: 155px; margin: 10px 10px 0px 0px; float: left; background: #fff url("http://media.allured.com/designimages/cover_art_bg_153.gif") no-repeat 1px 1px; }
div#pastIssues div.issueYear div:hover { background-color: #f2f2f5; }
div#pastIssues div.issueYear div img { width: 115px; margin: 0px 6px 0px 0px; border: 1px solid #000; float: left; }

div#pastIssues div.issueYear div h2 { margin: 0px; padding: 2px 0px 0px 122px; line-height: 20px; }
div#pastIssues div.issueYear div h2 a:link,
div#pastIssues div.issueYear div h2 a:visited { color: #000; }
div#pastIssues div.issueYear div h2 a:hover { color: #06f; }

div#pastIssues div p { margin: 7px 0px 2px 0px; padding: 0px 0px 0px 122px; color: #363636; font-size: 11px; line-height: 11px; }

div#pastIssues div.issueYear div.issue3, div#pastIssues div.issueYear div.issue6, div#pastIssues div.issueYear div.issue9, div#pastIssues div.issueYear div.issue12 { margin-right: 0px; }
div#pastIssues div.issueYear div.issue4, div#pastIssues div.issueYear div.issue7, div#pastIssues div.issueYear div.issue10 { clear: left; }

/* --- TOC Styles -------------------------------------------------------------------------------- */
div#TOC { padding-bottom: 10px; overflow: hidden; }

div.issueNavigation { width: 200px; margin-bottom: 5px; overflow: hidden; float: right; }
div.issueNavigation p.prevIssue { margin: 0px; float: left; text-transform: uppercase; }
div.issueNavigation p.nextIssue { margin: 0px; float: right; text-transform: uppercase; }

div#TOC div#issueExtras #webExclusives h3,
div#TOC h3.articleTitle { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; font-weight: normal; }

div#TOC h2 { margin: 15px 0px 6px 0px; padding-top: 6px; border-top: 1px solid #000; }
div#TOC h5 { margin: 0px; padding: 0px 0px 0px 15px; border: none; color: #73787d; font-style: italic; font-size: 11px; } 

div#TOC div#issueExtras { width: 212px; margin: 0px 0px 10px 10px; float: right; clear: right; background-color: #fff; }
div#TOC div#issueExtras img { width: 200px; height: 266px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #000; float: right; }

div#TOC div#issueExtras #webExclusives { width: 198px; margin-bottom: 10px; border: 1px solid #000; float: right; background-color: #fff; }
div#TOC div#issueExtras #webExclusives h2 { margin: 0px; padding: 0px; border: none; color: #fff; line-height: 26px; text-align: center; background-color: #000; }
div#TOC div#issueExtras #webExclusives h3 { margin: 10px 0px; padding: 0px 6px; }

/* --- Magazine - Advisory Board body#Magazine-AdvisoryBoard  -------- */
body#Magazine-AdvisoryBoard #col2_content h2 { margin-bottom: 0px; padding-top: 10px; border-top: 1px solid #000; clear: right; }
body#Magazine-AdvisoryBoard #col2_content p { margin-top: 0px; }
body#Magazine-AdvisoryBoard #col2_content img { margin: 0px 0px 10px 10px; float: right; }

/*_________________________________________________________________________________
		ADVERTISING PAGE STYLES
===================================================================================*/
body#Advertising div#col1_content { padding: 7px 10px; }

body#Advertising div.adSection { margin: 10px -10px 0px -10px; padding: 10px 10px 0px 10px; border-top: 2px solid #000; }
body#Advertising div#col2_content div.first { margin-top: 0px; padding-top: 0px; border-top: 0px none; }

body#Advertising div#mediakit { width: 180px; margin: 15px 0px 10px 10px; padding: 10px; border: 1px solid #000; float: right; clear: both; text-align: center; }

body#Advertising div#mediakit a { text-decoration: none; }
body#Advertising div#mediakit a span { font-size: 11px; text-decoration: underline; }
body#Advertising div#mediakit p { margin-bottom: 0px; font-size: 11px; }
body#Advertising div#mediakit p a { text-decoration: underline; }
body#Advertising div#mediakit img { margin: 0px; border: 1px solid #000; float: none; clear: none; text-decoration: none; }

body#Advertising div.adExample { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; text-align: center; }
body#Advertising div.adExample img { border: 1px solid #000; }
body#Advertising div#col2 div.last { margin-bottom: 0px; border-bottom: 0px none; }

/*_________________________________________________________________________________
		CONTACT US STYLES
===================================================================================*/
body#ContactUs #col1_content { padding: 7px 10px; }
body#ContactUs #col2_content { padding-bottom: 10px; }
body#ContactUs #col2_content h1 { margin-bottom: 10px;}
body#ContactUs #col2_content h2 { margin-top: 20px;}

body#ContactUs p#corpAddress  { width: 350px; padding-bottom: 10px; border-bottom: 1px solid #73787d; }

body#ContactUs div.contactEntry { width: 350px; margin-bottom: 10px; border-bottom: 1px solid #73787d; }
body#ContactUs div.contactEntry h3 { margin-right: 10px; display: inline; }
body#ContactUs div.contactEntry h4 { display: inline; }
body#ContactUs div.contactEntry p { margin-bottom: 10px; }

body#ContactUs div.last { margin-bottom: 0px; border-bottom: none 0px; }

/* --- feedbackForm div#feedbackForm   ------------------------------------------------ */
#main form#feedbackForm { margin-bottom: 10px; overflow: visible; }

form#feedbackForm label { width: auto; padding: 0px; display: block; float: none; font-weight: bold; font-size: 13px; text-align: left; }

form#feedbackForm input.text { display: block; }

form#feedbackForm p { margin: 5px 0px; clear: both; }

form#feedbackForm div { margin-top: 10px; }

/* this needs to change to a class of helpText */
form#feedbackForm p#helpText { margin: -6px 0px 10px; color: #666; font-size: 11px; line-height: 13px; }

form#feedbackForm textarea { max-width: 234px; max-height: 300px; }

form#feedbackForm input#feedbackSubmit { margin: 0px; width: 70px; display: block; }

/*_________________________________________________________________________________
		BOOKSTORE STYLES body#Bookstore 
===================================================================================*/
div#featured { margin: 10px -10px 0px; padding: 10px 10px 0px; border-top: 2px solid #000; clear: both; }
div#featured div.book { margin-top: 15px; border-bottom: 1px solid #000; overflow: hidden; clear: both; }
div#featured div.book img { margin: 0px 10px 7px 0px; float: left; }

body#Bookstore div.orderLink { padding-top: 10px; text-align: center; }

/*_________________________________________________________________________________
		FAQ STYLES
===================================================================================*/
body#FAQ dl { margin: 0px 0px 15px 0px; padding: 0px; }
body#FAQ dl dt { margin: 0px 0 10px 0; font-size: 16px; line-height: 20px; }

/*_________________________________________________________________________________
		SITEMAP STYLES
===================================================================================*/
body#Sitemap #col2_content h2 a:link, 
body#Sitemap #col2_content h2 a:visited { color: #363636; }
body#Sitemap #col2_content h2 a:hover { color: #06f; }

body#Sitemap div.mapColumn { width: 228px; margin-right: 10px; float: left; }

body#Sitemap div.mapColumn ul { margin: 0px 0px 15px 0px; list-style-type: none; }
body#Sitemap div.mapColumn h2 { margin-bottom: 6px; } /*primary nav */
body#Sitemap div.mapColumn h2 a img { width: 12px; height: 12px; margin-left: 5px; } /* rss logo after all h2's */
body#Sitemap div.mapColumn ul li { margin: 0px 0px 2px 0px; font-weight: bold; } /*secondary nav */
body#Sitemap div.mapColumn ul ul { margin: 0px 0px 0px 15px; }
body#Sitemap div.mapColumn ul ul li { margin: 0px 0px 2px 0px; font-weight: normal; } /*tertiary nav */

/*_________________________________________________________________________________
		NEWSLETTER / RSS STYLES: body#Newsletter-RSS
===================================================================================*/
body#Newsletter-RSS #col1_content, 
body#Newsletter-RSS #col3_content { margin: 0px; padding: 6px 10px; border-bottom: 2px solid #000; background-color: #e6e6e9; }

body#Newsletter-RSS #col1_content ul li,
body#Newsletter-RSS #col3_content ul li { margin-left: 0px; }

ul#pastNewsletters li span { color: #333; font-size: 11px; }

/* ----------- form for E-Newsletter --------- */
form#nlSignup div#info { width: 420px; margin-bottom: 10px; padding: 3px 0px; display: inline-block; overflow: hidden; }

form#nlSignup input.checkbox { display: none; }

form#nlSignup input#nlSubmit { width: 70px; margin: 0px; position: relative; left: 157px; display: block; float: none; clear: both; }

/*_________________________________________________________________________________
		OUR SERP - google site search results page
===================================================================================*/
body#Search div#col2_content { margin-bottom: 0px; }
body#Search div#col2_content iframe { width: 100%; }

/*_________________________________________________________________________________
		DEV STUFF
===================================================================================*/
div#devHeader { width: 540px; border-width: 0px 1px 1px; border-style: solid; border-color: #000; position: fixed; top: 0px; left: 10px; display: block; z-index: 1000; text-align: center; background-color: #9cf; background-color: rgba(153,204,255,.95); -moz-border-radius: 0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 0px 0px 10px 10px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.8); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.8); box-shadow: 0px 1px 4px rgba(0,0,0,.8); }

div#devHeader p#devDivClose { margin: 0px; position: absolute; top: 4px; right: 10px; font-size: 12px; }
div#devHeader p#devDivClose a:link, div#devHeader p#devDivClose a:visited { color: #027; }
div#devHeader p#devDivClose a:hover { color: #900; }

div#devHeader h1 { width: 300px; margin: 0px; float: left; color: #027; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-align: left; text-indent: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
body#splash div#devHeader h1 { height: auto; background: none; }
div#devHeader p#toggleText { height: 24px; margin: 0px; float: left; font-size: 12px; line-height: 24px; text-align: left; }
div#devHeader p#toggleText a#toggleLink { width: 100px; padding-left: 15px; display: block; color: #027; background-position: 0 7px; background-repeat: no-repeat; background-image: url("http://media.allured.com/designimages/expand_icon.gif"); }
div#devHeader p#toggleText a#toggleLink:hover { color: #06f; }
div#devHeader p#toggleText.expanded a#toggleLink { background-image: url("http://media.allured.com/designimages/collapse_icon.gif"); }

div#devHeader div#collapse { width: 500px; margin: 0px auto; padding: 5px 0px 7px; border-top: 1px solid #000; display: none; clear: both; text-align: left; }
div#devHeader div#collapse div { width: 230px; padding: 5px; display: inline-block; overflow: hidden; vertical-align: top; background-color: #6af; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.8); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.8); box-shadow: 2px 2px 3px rgba(0,0,0,.8); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div#devHeader div#collapse div:first-child { margin-right: 10px; }
div#devHeader div#collapse div h2 { color: #000; letter-spacing: 1px; }
div#devHeader div#collapse div ul { margin-bottom: 0px; } 
div#devHeader div#collapse div ul li { margin: 0px 0px 4px 15px; }
div#devHeader div#collapse div ul li span { color: #555; font-size: 10.5px; }
div#devHeader div#collapse p { margin: 7px 0px 0px; padding-top: 5px; border-top: 1px solid #000; display: block; color: #000; text-shadow: 0px 0px 2px rgba(0,0,0,.2); }
div#devHeader div#collapse p a { color: #027; }
div#devHeader div#collapse p a:hover { color: #06f; }

/* -------- debugging Styles -------- */
h1.debug { color: #900; font-size: 12px; }
body#AdTest div#col1_content { padding: 0px 5px; }
code { color: #160; font-family:"Courier New", Courier, monospace; font-weight: bold; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #ea6f00; text-decoration: underline; }
a:visited { color: #754c23; }
a:hover, a:focus { color: #06f; }
a img { border: none; }