/*

Title:    Master screen styles
Author:   Mike Kroll - www.imagehat.com
Date:     1/1/2008

------------------------------------------------------

font-sizes:
.833em = 10px; .917em = 11px; 
1em = 12px *default after reset
1.083em = 13px; 1.167em = 14px; 1.25em = 15px; 1.33em = 16px; 1.5em = 18px; 1.833em = 22px; 2em = 24px

me blue: a1c4d5
dark blue: 295e87
*/

@import "reset.css";

html {
	height: 100%;
	background: #07121b url(../images/site/body-bg.jpg) repeat-x 0 0;
}

body {
	height: 100%;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", times, sans-serif;
	line-height: 1.5; 
	color: #585858;
	background: transparent url(../images/site/container-bg.gif) repeat-y 50% 0;
}

a { 
	color: #457498; 
	text-decoration: none; 
}
a:hover { 
	color: #295e87;
	text-decoration: underline;
}


/* =structure
------------------------------------------------------ */

#container {
	width: 980px;
	margin: 0 auto;
	background: #fff;
	position: relative;
}
#main {
	min-height: 500px;
	margin: 0;
	padding: 10px 0;
}
#primary {
	float: left;
	width: 570px; /* 510 with secondary */
	margin: 0 0 0 40px;
	padding: 15px 0 30px 0;
}
#secondary {
	float: right;
	width: 380px;
	margin: 0 20px 0 0;
	padding: 15px 0 0 0;
}
#sidebar {
	float: right;
	width: 300px;
	margin: 0 20px 0 0;
	background: url(../images/site/sidebar-bg.gif) repeat-y 0 0;
}


/* =typography defaults
------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #3f6f98; letter-spacing: 1px; }

h1 { font-size: 1.67em; line-height: 1; margin-bottom: 1.25em; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 0.75em; padding: 5px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.75em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1 em, h2 em, h3 em { letter-spacing: 0; }

#main p, #main ul, #main ol, #main dd { font-size: 13px; }

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: square; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* =header
------------------------------------------------------ */

#header {
	height: 177px;
	background: url(../images/site/header-bg.gif) repeat-x 0 0;
	position: relative;
}
#logo {
	position: absolute;
	top: 4px; left: 20px;
	height: 132px; width: 540px; 
	background: url(../images/site/fjn-logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#logo a {
	display: block;
	height: 130px; width: 400px; 
}

ul#utility { 
	position: absolute;
	top: 7px; right: 30px;
	margin: 0; padding: 0; 
	list-style: none;
	font-family: arial, helvetica, sans-serif;
	font-size: .917em;
	color: #9c9c9c;
}
ul#utility li { 
	display: inline;
	margin: 0; padding: 0 5px;
	border-right: 1px solid #d8d8d8;
}
ul#utility li.last {
	border: 0;
}
ul#utility li a { 
	color: #457498;
	text-decoration: none;
}
ul#utility li a:hover { 
	text-decoration: underline;
}

#login-mini {
	font-size: 11px; font-family: arial, helvetica, sans-serif;
	position: absolute; top: 8px; right: 200px;
	z-index: 20;
	width: 190px; padding: 15px;
	border: 1px solid #6891b0; background: url(../images/site/mini-form-bg.png) repeat top left;
	line-height: 1;
	display: none;
}
#login-mini div {
	margin: 0 0 2px 0; clear: left;
}
#login-mini label {
	display: block; margin: 0 5px 0 0; padding: 5px 0 0 0;
	float: left; width: 60px;
}
#login-mini input.txt {
	width: 115px;
}
#login-mini input.submit {
	margin-left: 5px;
}


/* =navigation
------------------------------------------------------ */

ul#nav {
	position: absolute;
	top: 136px; left: 20px;
	height: 41px; width: 940px;
	margin: 0; padding: 0 0 0 10px; list-style: none;
	background: url(/images/site/nav-bg.gif) no-repeat 0 0;		
}
#nav li {
	float: left;
	margin: 0; padding: 0;
}
#nav li a {
	float: left;
	display: block;	
	height: 41px;
	background-image: url(/images/site/nav-20100616.gif); background-repeat: no-repeat;
	text-indent: -9999px;
}
#n-join a { width: 66px; background-position: -10px 0; }
#n-trends a    { width: 95px; background-position: -76px 0; }
#n-video a     { width: 92px; background-position: -171px 0; }
#n-blog a      { width: 73px; background-position: -263px 0; }
#n-forums a    { width: 97px; background-position: -336px 0; }
#n-jewelers a  { width: 108px; background-position: -434px 0; }
#n-about a     { width: 69px; background-position: -543px 0; }

/* hover */
#n-join a:hover { width: 66px; background-position: -10px -41px; }
#n-trends a:hover    { width: 95px; background-position: -76px -41px; }
#n-video a:hover     { width: 92px; background-position: -171px -41px; }
#n-blog a:hover      { width: 73px; background-position: -263px -41px; }
#n-forums a:hover   { width: 97px; background-position: -336px -41px; }
#n-jewelers a:hover  { width: 108px; background-position: -434px -41px; }
#n-about a:hover     { width: 69px; background-position: -543px -41px; }

/* you-are-here */
body.join #n-join a { width: 66px; background-position: -10px -82px; }
body.trends #n-trends a    { width: 95px; background-position: -76px -82px; }
body.video #n-video a     { width: 92px; background-position: -171px -82px; }
body.blog #n-blog a      { width: 73px; background-position: -263px -82px; }
body.forums #n-forums a    { width: 97px; background-position: -336px -82px; }
body.jewelers #n-jewelers a  { width: 108px; background-position: -434px -82px; }
body.about #n-about a     { width: 69px; background-position: -543px -82px; }



/* =content
------------------------------------------------------ */

p.fin {
	padding-bottom: 3.2em;
	background: url(../images/site/embellish-fin.gif) no-repeat left bottom;
}

#primary ul {
	margin: 0 0 1.5em 0; list-style: none;
}
#primary li {
	list-style: none;
	margin: 0;
	padding: 0 0 .5em 32px;
	line-height: 1.3em;
	background: url(../images/site/bullet.gif) no-repeat 0 4px;
}
#primary li ul {
	margin: 0.5em 0 0 0;
}
#main blockquote {
	margin: 0 0 1.5em; padding: 5px 30px 0 16px;
	background: url(../images/site/quote-open.gif) no-repeat 0 0;
}
#main blockquote p {
	color: #7095b2;
	font-size: 1.5em; font-style: italic; font-weight: normal;
	line-height: 1.2;
}
#main blockquote p.attr {
	margin-top: -1.5em;
	font-size: 1em; color: #888;
}

#main p.button img {
	vertical-align: middle;
	margin-right: 0.5em;
}
#main p.button {
	vertical-align: middle; font-size: 11px;
}

/* issues */

.issue-feature {
	margin-bottom: 2.5em;
}
.issue-feature h2 {
	border: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 22px;
	padding: 56px 0 1.5em;
	text-transform: uppercase;
	background: url(../images/site/h-cover-story.gif) no-repeat top center;
	
	/* removing span element */
	font-variant: small-caps;
	text-transform: none;
	font-size: 28px;
}
/* .issue-feature h2 span, {
	font-size: 28px;
}*/

.issue-feature h3 {
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	margin: -1.5em 0 2em 0;
}
.issue-feature img {
	float: right;
	margin: 0 0 0 10px;
}
#primary .issue-feature p {
	line-height: 1.67em;
}
.issue-download {
	clear: both;
	text-align: center;
	border-top: 1px solid #d8d8d8;
	padding-top: 1.5em;
	margin-bottom: 2em;
}
#primary .issue-download p {
	font-size: 1em;
	margin-bottom: .5em;
}
.issue-toc {
	clear: both;
	padding-bottom: 40px;
	background: url(../images/site/embellish-fin.gif) no-repeat bottom center;
}
.issue-toc h2 {
	text-align: center;
}
.issue-toc dl {
	float: left; width: 265px;
	margin: 0 10px;
}
.issue-toc dt {
	margin: 0.5em 0 0; padding: 0;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}
.issue-toc dd {
	margin: 0 0 6px; padding: 0;
	line-height: 1.2em;
	font-style: italic;
}

/* issue archive listings */

.issue-archive-details {
	float: left;
	width: 340px;
}
.issue-archive-download {
	float: right;
	width: 200px;
	text-align: center;
	padding-top: 1em;
}
.issue-archive-details img {
	float: left;
	margin: 0 15px 0 0;
	border: 3px solid #eff5fb;
}
#main .issue-archive-download p {
	font-size: 0.917em; margin: 0 0 4px;
	line-height: 1.2em;
}
.issue-archive-details h3.volume-info {
	margin: 0 0 1em 0; padding: 0; border: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 0.833em; color: #888;
	text-transform: uppercase;
}
.module .issue-archive-details h2 {
	margin: 5px 0 0.5em 0; padding: 0; border: 0; font-size: 1.5em;
}
.issue-archive {
	padding-bottom: 1.5em;
}
#main p.issue-archive-morelinks {
	margin: 0 0 0.5em 0;
}
.issue-archive-inside {
	background: #eff5fb; margin: 0; padding: 10px 0;
}


/* repeating content styles */

.module {
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #d8d8d8;
}
.module h2 {
	padding: 0; border: 0;
	font-size: 14px;
}
.mod-last {
	border-bottom: 0;
}

/* subsribe options */

.subscription-price {
	float: left;
	width: 130px;
}
.subscription-info {
	float: right;
	width: 430px;
}
p.note {
	font-style: italic;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	color: #9f9f9f;
	line-height: 1.2em;
}
#main p.moneyback {
	margin-top: 1.5em;
	font-size: 11px;
	line-height: 1.3em;
}
ul p.note {
	margin-bottom: .5em;
}

/* video */
.module object {
	display: block;
	border: 5px solid #eff5fb;
}
.mod-video h2 {
	font-size: 1.5em; margin: 7px 0 4px 0;
}
.intro {
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #d8d8d8;
}

/* purchase lists */

#primary ul.cart-list {
	background: none;
	list-style: none;
	margin: 0 30px 1.5em 0; padding: 0;
}
#primary ul.cart-list li {
	background: none;
	border-bottom: 1px dotted #817134;
	padding: 0;
	
}
#primary ul.cart-list li div.item {
	float: left;
	background: #FFF6BF;
	margin-bottom: -3px;
	padding-right: 3px;
	font-weight: bold;
}
#primary ul.cart-list li div.price {
	float: right;
	background: #FFF6BF;
	padding-left: 3px;
	margin-bottom: -3px;
	font-weight: bold;
}

/* =blog
------------------------------------------------------ */

#primary .entry {
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #d8d8d8;
}
#primary .entry h2 {
	font-size: 1.25em; 
	margin-bottom: 4px;
	padding: 0; border: 0;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
}
#primary .entry h2 a, #primary .entry h2:hover {
	text-decoration: none;
}
#primary .entry h3 {
	margin: 0 0 1em 0;
	padding: 0;
	color: #888; font-size: 1em;
}
#primary .entry p {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height:1.3em;
}
#primary p.posted {
	clear: both;
	margin: 20px 0 1em 0;	
	color: #a5a5a5;
	font-size: 1em;
}
#primary .posted span.filed {
	padding: 5px 0 5px 20px;
	background: url(../images/site/icn-folder.gif) no-repeat 0 2px;
}
#primary .posted span.comments {
	margin-left: 8px;
	padding: 5px 0 5px 19px;
	background: url(../images/site/icn-comment.gif) no-repeat 0 2px;
}

#primary p.posted a { color: #a5a5a5; }
#primary p.posted a:hover { color: #3D6C9D; text-decoration: none; background: #DCE9F6; }

/* comments */

#comments {
	margin: 30px 0 0 0;
}
#primary #comments h3 {
	margin: 0 0 18px 0;
	padding-top: 0;
	font-size: 2em;
}
#comments p, #comments dl {
	font-size: 1.2em;
}
dl.comment {
	background: url(../images/site/comment-bot.gif) no-repeat bottom left;
}
dl.comment dt {
	font-weight: bold;
	padding: 5px 15px 14px 0;
	background: #fff url(../images/site/comment-top.gif) no-repeat bottom left;
}
dl.comment dt span { font-weight: normal; font-style: italic; }
dl.comment dd {
	line-height: 1.3;
	padding: 15px 15px 1px 15px;
}

#comment-form {
	margin-top: 25px;
}
#comment-form .input-txt {
	width: 200px;
}
#comment-form .input-area {
	width: 90%;
	height: 150px;
}
#comment-form strong {
	font-weight: bold;
	color: #2c7596;
}

/* archive listings */

#primary dl.archives {
	font-size: 1.2em;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
#primary dl.archives dt {
	font-weight: bold;
	margin: 15px 0 .5em;
	padding: 5px 0 5px 0;
	color: #888;
	/*border-top: 1px dashed #DFDFDF;*/
	border-bottom: 1px dashed #DFDFDF;
}
#primary dl.archives dd {
	margin-left: 0;
}

/* category listing */

#sidebar .mod-blog h2 {
	font-size: 1.3em;
}

/* RSS list */

#sidebar ul.feeds {
	margin: 0; padding: 0;
	list-style-type: none;
}
#sidebar ul.feeds li {
	line-height: 1.2em;
	padding: 3px 0 3px 20px;
	background: url(../images/site/feed-icon-14x14.png) no-repeat 0 3px;
}


/* reader blog */

.reader_info {
	margin: -0.5em 0 .75em 0;
	padding: 10px 8px;
	background: #fff url(../images/site/entry-bg-fade-ltr.gif) repeat-y top left;
}
#primary .entry .reader_info h2 { margin: 8px 0 4px 0; }
#primary .entry .reader_info h3 { line-height: 1.3; margin: 0; }
#primary .entry .reader_info img { float: left; margin: 0 15px 0 0; }

/* saef */

#entryform p { margin: 0 0 1em; }
#entryform p label { display: block; }
#entryform p.checkbox label { display: inline; }

#entryform p input { width: 500px; background-color: #eff5fb; border: 1px solid #ddd; font: inherit; padding: 2px 4px;}
#entryform p select { width: 200px; }
#entryform textarea { background-color: #eff5fb; border: 1px solid #ddd; width: 500px; font: inherit; padding: 4px; margin-top: 0;}

#entryform p input.button { width: auto; background-color: transparent; border: auto; padding: 0; }
#entryform p input.checkbox { width: auto; background-color: transparent; border: auto; padding: 0;}
#entryform p input.radio { width: auto; background-color: transparent; border: auto; padding: 0;}
#entryform p input.upload { width: auto; background-color: transparent; border: auto; border: 0; padding: 0;}

#entryform span.image_list {
	display: block;
	border-bottom: 1px solid #ddd;
}
#entryform #submit_category {
	float: left; width: 215px;
}
#entryform #submit_buttons {
	float: right; width: 215px;
	padding-top: 1.75em;
}
#entryform p.group {
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

div.notice h2 {
	color: #817134; padding: 0; border: 0; margin: 1em 0;
}

a.post_button {
	float: right;
	position: relative;
	top: -12px;	
}

a.text_button {
	font-family: arial, verdana, sans-serif;
	background: #ffe88e url(../themes/forum_themes/finejewelry/images/forum-button-bg.gif) repeat-x 0 0;
	color: #bf851c;
	font-weight: bold;
	padding: 4px 6px;
	margin: 6px 0;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #ffeda4;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
a.text_button:hover {
	background: #ffe88e;
	color: #906a26;	
}

/* =jewelers Featured Jewelers
------------------------------------------------------ */

/* home page */
#featured-jeweler {
	width: 379px; height: 283px;
	background: url(../images/site/home-feature-bg.png) no-repeat 0 0;
	text-align: center;
	position: relative;
	margin: 0 0 1.5em 0;
}
body#home #main #featured-jeweler h2 {
	padding:12px 0 0 0;border:0;background:none;
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}
body#home #featured-jeweler #featured-img {
	position: absolute; top: 48px; left: 62px;
	height: 188px; width: 250px;
	overflow: hidden;
	margin: auto;
	border: 1px solid #d9d9d9;
}
#featured-jeweler #featured-links {
	position: absolute; bottom: 8px; left: 0;
	width: 379px;
	text-align: center;
	color: #9ab7cd;
}
#featured-jeweler #featured-links #featured-website {
	padding-left: 30px; margin: 0 5px;
	background: url(../images/site/feature-arrow-left.gif) no-repeat 0 5px;
}
#featured-jeweler #featured-links #featured-more {
	padding-right: 30px; margin: 0 5px;
	background: url(../images/site/feature-arrow-right.gif) no-repeat 100% 5px;
}
body#home #featured-jeweler-link {
	text-align: center;
}

/* listings */

/* signup */

div.steps {
    margin: 0 0 1.5em 0;
}
div.steps div {
    float: left;
    margin: 0 15px 0 0;
    height: 44px;
    line-height: 44px;
    color: #cdcdcd;
font-family: arial, sans-serif;
}
div.steps div.step {
    height: 44px;
    width: 44px;
	margin: 0 8px 0 0;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: arial, sans-serif;
    background: #dedede url(../images/site/44x44-bg-grey.gif) no-repeat top left;
}
div.steps div.current {
    color: #888;
}
div.steps div.current div.step {
    background: #9dbfcf url(../images/site/44x44-bg-blue.gif) no-repeat top left;
}
div.steps a {
	color: #cdcdcd;
    text-decoration: none;
}
div.steps a:hover {
	color: #295e87;
    text-decoration: underline;
}

div.badge-maker {
    width: 570px;
    background: #e7e7e7 url(/images/site/box-570-grey-bot.gif) no-repeat left bottom;
    margin-bottom: 1.5em;
}
div.badge-maker .box-inner {
    padding: 15px;
    background: transparent url(/images/site/box-570-grey-top.gif) no-repeat left top;
}
div.badge-maker .box-content {
    background: #fff;
    padding: 15px;
    min-height: 150px;
}

div.badge-maker h3 {
    font-size: 12px;
    color: #666;
    padding: 0 0 0.5em;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    margin: 0 0 10px;
}
#options {
    margin-bottom: 1.5em;
}
#primary #options p {
    font-size: 11px;
    font-family: arial, verdana, sans-serif;
    margin: 0 0 0.5em;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
}
#primary #options label {
    display: block;
    float: left;
    width: 120px;
    margin-right: 4px;
    text-align: left;
}
input#text-url, input#text-name {
	width:90%; font-size: 18px; padding: 8px; color:#888; background-color: #eff5fb; height: auto; line-height: 26px;
}
#widget-preview {
    display: none;
}
#loader {
    height: 150px; background: #ededed url(/images/site/loader-grey.gif) no-repeat 50% 50%;
}
div#source p {
    margin: 0 30px 0 0;
}
textarea#sourcebox {
    width: 450px;
    height: 100px;
    color: #555;
    font: courier, monospace;
    margin: 0 0 12px 0;
    white-space:nowrap;
    overflow: auto;
}


/* =trends
------------------------------------------------------ */
.carousel-wrap {
    margin: 0 20px 0 20px;
    background: url(/images/site/slider_bg.gif) repeat-y 0 0;
}
.carousel-header {
    background: url(/images/site/slider_bg_top.gif) no-repeat 0 0;
}
.carousel-header h1 {
    border-bottom: none;
    background: url(/images/site/slider_rule.gif) no-repeat bottom left;
    margin: 0 48px;
    padding: 15px 0 15px;
    text-align: center;
}
.carousel {
    position: relative;
}
.carousel-container {
    margin: 10px 48px;
    height: 163px; overflow: hidden;
}
.carousel ul {
    margin: 0; padding: 0; list-style: none; background: none;
}
.carousel li {
    float: left;
    margin: 0 1px 0 0; padding: 0;
    width: 210px; height: 163px;
    background: url(/images/site/slider_thumb_bg.png) no-repeat 0 0;
}
.carousel li a {
    display: block;
    margin: 5px;
    height: 153px; width: 200px; overflow: hidden;
    line-height: 1;
    background: #dae7f4;
}
.carousel li a:hover {
    background: #5479a9;
    color: #fff;
    text-decoration: none;
}
.carousel li a.current {
    background: #395b86;
    color: #fff;
    text-decoration: none;
}
.carousel li img {
    margin: 5px;
}
.carousel li span {
    display: block;
    margin: 0 10px;
    line-height: 1;
    text-align: center;
	/*overflow: hidden;*/
}
.carousel .next, .carousel .prev {
    position: absolute; top: 60px;
    width: 24px; height: 24px;
    text-indent: -9999px;
}
.carousel .next {
    right: 15px;
    background: url(/images/site/slider_btn_right.gif) no-repeat 0 0;
    text-indent: -9999px;
}
.carousel .prev {
    left: 15px;
    background: url(/images/site/slider_btn_left.gif) no-repeat 0 0;
}
.carousel-bottom {
    padding: 10px;
    text-align: center;
    height: 15px;
    background: url(/images/site/slider_bg_bot.gif) no-repeat bottom left;
}
.carousel-pagination {
    float: left;
    position: relative; left: 50%;
}
.carousel-pagination a {
    display: block;
    margin: 0 2px;
    height: 8px; 
    width: 8px;
    text-indent: -9999px;
    background: url(/images/site/slider_pagination_bg.gif) no-repeat 0 0;
    float: left;
    position: relative; left: -50%;
}
.carousel-pagination a.activeSlide {
    background-position: 0 -8px;
    font-weight: bold;
}

#trends-content {
    margin: 20px 37px;
}
#trends-content div {
    padding-bottom: 25px;
}
#trends-content h2 {
    text-align: center;
    margin: 0 0 20px; padding: 0; border: 0;
    font-style: italic;
    font-size: 1.6em;
}
ul.trends-images {
    margin: 0 0 0 5px; padding: 0; background: none;
}
ul.trends-images li {
    margin: 0; padding: 0; list-style: none; background: none;
    float: left; line-height: 0;
}
ul.trends-images li img {
    border: 5px solid #dae7f4;
    margin: -5px 0 -5px -5px;
}

/* home page - narrower, different bg gradient */
body#home .carousel-wrap,
body#home .carousel-header,
body#home .carousel-bottom { background: none; }
body#home .carousel-wrap { margin: 0 45px; }
body#home .carousel-header h1 { padding-top: 30px; }
body#home .carousel li { margin: 0 3px 0 0px; }
body#home .carousel .prev { background: url(/images/site/slider_btn_left_alt.gif) no-repeat 0 0; }

/* jquery tipsy plugin */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/images/site/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #395b86; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* =sidebar
------------------------------------------------------ */

/* Subpage navigation */
#subnav {
	margin: 0 0 1.5em; padding: 0;
	list-style: none;
}
#subnav li {
	margin: 0; padding: 0 0 2px;
	background: url(../images/site/subnav-bg.gif) repeat-x left bottom;
}
#subnav li a {
	display: block;
	padding: 4px 0;
	color: #727272; text-decoration: none;
}
#subnav li a:hover {
	color: #295e87; text-decoration: none;
}
#subnav li a.active {
	color: #295e87; text-decoration: none;
	margin-left: -30px; padding-left: 30px;
	background: url(../images/site/subnav-on.gif) no-repeat left center;
}
#subnav {
	padding: 18px 30px 0 30px;
	background: url(../images/site/subnav-top.gif) no-repeat 0 0;
}

/* sidebar modules */
.sidebar-module {
	margin: 0 30px 1.5em 30px;
}
.sidebar-issue {
	text-align: center;
	font-size: 12px;
	line-height: 1.2em;
	margin-top: 35px;
}

#main .sidebar-benefits .benefits-cover { 
	margin-bottom: 0.5em;
	text-align: center;
	position: relative;
}
#main .sidebar-benefits .benefits-cover img {
	border: 5px solid #c1dbee;
	margin: 0 auto;
}
#main .sidebar-benefits .benefits-burst {
	width: 95px; height: 95px;
	position: absolute; top: 157px; right: 0;
	background: url(../images/site/cover-burst.png) no-repeat 0 0;
}

#main .sidebar-issue p, #main .sidebar-benefits p {
	font-size: 1em; line-height: 1.3em; margin-bottom: 0.5em;
}

.sidebar-module ul {
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
.sidebar-module ul li {
	margin: 0;
	padding: 0 0 .4em 32px;
	line-height: 1.3em;
	font-size: .917em; line-height: 1.3em;
	background: url(../images/site/bullet-sidebar.gif) no-repeat 0 4px;
}

.sidebar-benefits {
	padding: 0 0 1em;
	background: url(../images/site/subnav-bg.gif) repeat-x left bottom;
}


.sidebar-cap {
	margin-bottom: 0;
	padding-bottom: 155px;
	background: url(../images/site/sidebar-bot.gif) no-repeat left bottom;
}

.sidebar-module h2 {
	margin-top: 35px;
	border-color: #cfe3f2;
	border-bottom: 0;
	padding-bottom: 20px;
	background: url(../images/site/sidebar-embellish.gif) no-repeat center bottom;
	text-align: center;
}

.sidebar-mod-info {
	padding-top: 20px;
}
.sidebar-mod-info p {
	font-size: 1.2em; font-family: arial, helvetica, sans-serif; line-height: 1.2; margin: 0 0 1em 0; color: #888;
}



/* =home page
------------------------------------------------------ */

body#home #primary {
	width: 510px;
}

body#home #main h2 {
	border-bottom: 0;
	padding-top: 7px;
	padding-bottom: 20px;
	background: url(../images/site/header-embellish.gif) no-repeat center bottom;
	text-align: center;
}
body#home #main .entry h2 {
	font-size: 1.25em; 
	margin-bottom: 4px;
	padding: 0; border: 0;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	background: none;
}


/* Current issue spotlight banner - replaces with home_070408.css
#issue-banner {
	height: 287px;
	margin: 6px 20px 0 20px;
	background: url(../images/site/banner-bg.jpg) no-repeat 0 0;
	position: relative;
}
#issue-inside {
	width: 490px;
}
#issue-inside h2 {
	position: absolute;
	top: 22px; left: 20px;
	height: 77px; width: 126px;
	margin: 0; padding: 0; border: 0;
	text-indent: -9999px;
	background: url(../images/site/issue-premiere-title.gif) no-repeat 0 0;
}
#issue-inside dl {
	margin: 0;
	padding: 20px 0 0 175px;
	color: #295e87;
	line-height: 1.3em;
}
#issue-inside dt {
	margin: 0; padding: 0;
	font-weight: bold;
	font-style: italic;
}
#issue-inside dd {
	margin: 0 0 6px; padding: 0;
}
#issue-inside #inside-photo {
	position: absolute;
	top: 99px; left: 20px;
}
#issue-inside #inside-link a {
	display: block;
	height: 34px; width: 181px;
	position: absolute;
	top: 229px; left: 175px;
	text-indent: -9999px;
	background: url(../images/site/banner-more-btn.gif) no-repeat 0 0;
}
#issue-inside #inside-link a:hover {
	background-position: 0 -34px;
}
#issue-cover img {
	position: absolute;
	bottom: 0; right: 10px;
}
#issue-cover a {
	display: block;
	width: 246px; height: 39px;
	position: absolute;
	bottom: 32px; left: 567px;	
	text-indent: -9999px;
	background: url(../images/site/banner-download-btn.gif) no-repeat 0 0;
}
#issue-cover a:hover {
	background-position: 0 -39px;
}
*/
/* mission statement */
#mission {
	margin: 0 0 1.5em 0;
	padding: 20px 20px 35px 20px;
	font-size: 13px;
	color: #7b6747;
	border-top: 1px solid #f4e396;
	background: #fffcee url(../images/site/box-bot-yellow.gif) no-repeat center bottom;
}
#mission a {
	color: #906a26;
	text-decoration: none;
}
#mission a:hover {
	color: #bf851c;
	text-decoration: underline;
}


/* forum links */
dl.fjc-links {
	margin-top: -8px;
}
dl.fjc-links dt {
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	padding: 8px 0 0 30px;
	background: url(../images/site/icn-forum-bullet.gif) no-repeat 0 12px;
}
dl.fjc-links dd {
	margin: 0;
	padding: 0 0 8px 30px;
	border-bottom: 1px dashed #d8d8d8;
}
dl.fjc-links dd.posted {
	color: #a5a5a5;
	font-size: 1em;
}
dl.fjc-links dd.posted a { color: #a5a5a5; }
dl.fjc-links dd.posted a:hover { color: #3D6C9D; text-decoration: none; background: #DCE9F6; }

/* subscribe promo buttons */
#subscribe-promo {
	margin: 0 0 1.5em;
	padding: 20px 20px 0 20px;
	background: #edf5fb url(../images/site/promo-top-right.gif) no-repeat top right;
}
#subscribe-promo dl {
	margin: 0; padding: 0 0 20px 0;
	background: url(../images/site/promo-button-bg.gif) no-repeat 0 0;
}
#subscribe-promo dl dt {
	margin: 0; padding: 7px 20px 0 50px;
	color: #3c6c91;
	font-family: Verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
#subscribe-promo dd {
	margin: 0; padding: 0 20px 0 50px;
}
#subscribe-promo a {
	padding: 0 2px;
	color: #986618;
	background: #fff5cd;
	border-bottom: 1px solid #f4e396;
}
#subscribe-promo a:hover {
	text-decoration: none;
}
p.archive-select {
	margin-top: -1em;
	vertical-align: middle;
}
p.archive-select select {
	width: 180px; margin-right: 10px;
	vertical-align: middle;
}
p.archive-select input {
	vertical-align: middle;
}



/* =footer
------------------------------------------------------ */

#footer {
	clear: both;
	margin: 0 10px;
	padding: 25px;
	text-align: center;
	color: #9c9c9c;
	font-family: arial, helvetica, sans-serif;
	font-size: .917em;
	background: url(../images/site/footer-bg.gif) no-repeat 0 0;
}
ul.tabs { 
	margin: 0; padding: 0; 
	text-align: center;
	list-style: none;
}
ul.tabs li { 
	display: inline;
	margin: 0; padding: 0 5px;
	border-right: 1px solid #d8d8d8;
}
ul.tabs li.last {
	border: 0;
}
ul.tabs li a { 
	color: #9c9c9c;
	text-decoration: none;
}
ul.tabs li a:hover { 
	color: #9c9c9c;
	text-decoration: underline;
}
p.copyright {
	margin-top: 1.5em;
	text-align: center;
}


/* =forms
------------------------------------------------------ */

label { font-weight: normal; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { color: #3f6f98; font-weight: normal; padding: 0 .4em; font-weight: normal; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* Horizontal Form */
form.hform p { margin: 0 0 .75em; }
form.hform p label { float: left; width: 120px; margin-right: 10px; text-align: right; }
form.hform p input { width: 200px; background-color: #eff5fb; }
form.hform p select { width: 200px; }
form.hform textarea { background-color: #eff5fb; }
form.hform p input.button { width: auto; background-color: transparent; margin-top: 1em; }
form.hform p input.checkbox { width: auto; background-color: transparent; }
form.hform p input.radio { width: auto; background-color: transparent; }
form.hform p input.upload { width: auto; background-color: transparent; }
form.hform p.checkbox { margin-left: 130px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }
form.hform p.upload { margin-left: 130px; }

/* Vertical Form */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }
form.vform p.checkbox label { display: inline; }

/* user messages */
form.hform .error { background:#FBE3E4; } /* elements */
div.error, p.error, .notice,.success { margin-bottom:1em;border:2px solid #ddd;padding:0.8em; }
div.error, p.error { background:#FBE3E4;color:#D12F19;border-color:#FBC2C4; }
.notice { background:#FFF6BF;color:#817134;border-color:#FFD324; }
.success { background:#E6EFC2;color:#529214;border-color:#C6D880; }
div.error a, p.error a { color:#D12F19; text-decoration: underline; }
.notice a { color:#817134; text-decoration: underline; }
.success a { color:#529214; text-decoration: underline; }

/* misc */
form span.note { font-size: 10px; color: #888; font-style: italic; }
form label em { color: #b93c28; font-weight: bold; }

div.notice-purchase {
	background:#FFF6BF;color:#817134;border: 2px solid #FFD324;
	padding: 1.5em 2em 0 1.5em;
	margin-bottom:1em;
}
div.notice-purchase a {
	color:#817134; text-decoration: underline;
}


/* =Search
-------------------------------------------------------------- */

#search-form { margin: 0 0 25px 0; }
#keywords {
	padding: 1px 3px;
	width: 250px;
	background: #fff;
	border: 1px solid #94B2D1;
	vertical-align: middle;
}
#search-btn {
	margin-left: 7px;
	vertical-align: middle;
}
#primary dl#search-results {
	margin: 0 0 1.5em 0;
	padding: 10px 0 0 0;
}
#primary dl#search-results dt {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.083em;
}
#primary dl#search-results a { text-decoration: underline; }
#primary dl#search-results dd {
	margin: 0 0 10px 0; 
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #d5d5d5;
	line-height:1.2em;
}
#primary dl#search-results dd span.date { color: #b4b4b4; }
form#search-filter {
	margin: 0 0 15px 0;
	padding: 15px 0 15px 15px;
}
form#search-filter h3 {
	margin: 0 0 8px 0;
	padding: 0;
	border: 0;
	font-size: 1.3em;
	font-weight: normal;
}
form#search-filter select, .search-options select { 
	margin: 0 10px 0 0; 
}


/* =polls
------------------------------------------------------ */

/* vote */
ul.poll, #primary ul.poll {
	list-style: none;
	margin-left: 0; padding: 0;
}
ul.poll li,  #primary ul.poll li {
	background: none; padding-left: 0;
}
ul.poll li.poll-question, #primary ul.poll li.poll-question {
	font-size: 1.1em;
	font-style: italic;
	margin-bottom: 4px;
}
ul.poll label {
	margin-left: 5px;
}
#main p.poll-question { font-size: 1.3em; margin-bottom: 0.5em;}

/* results */

ul.poll-answers, #primary ul.poll-answers { 
	margin: 0 0 1em; 
	padding: 0; 
	list-style: none; 
}
ul.poll-answers li, #primary ul.poll-answers li { 
	margin: 0; padding: 0 0 5px 0; 
	float: left;
}
ul.poll-answers .pollbar { 
	width: 150px; float: left; margin-right: 10px; 
	border: 1px solid #f4e396; padding: 2px;
	background: #fff;

}
ul.poll-answers .answer { display: block; float: left; width: 155px; }
ul.poll-answers .answer em { font-family: arial, verdana, sans-serif; font-style: normal; color: #888; }

ul.poll-answers .percentage { background: #f4e396; font-family: arial, verdana, sans-serif; }
ul.poll-answers .percentage small { padding: 0 4px; white-space: nowrap; }

.lg-poll .poll-total-votes {
	clear: both;
}
#main .lg-poll .poll-total-votes p {
}

.lg-poll #submission {
	position: relative; margin: 0 0 1.5em;
}
.lg-poll #loading {
	position: absolute;
	bottom: 10px; left: 70px;
	padding: 0 0 0 22px;
	background: url(../images/site/ajax-loader.gif) no-repeat 0 0;
}



/* archive listing */

h2.poll-question { font-size: 1.4em; margin-bottom: 3px; }
#main p.dateline { color: #888; font-size: 1em; margin-bottom: 0.5em;}



/* =tables
------------------------------------------------------ */


/* =microformats
------------------------------------------------------ */


/* =misc
------------------------------------------------------ */

.paging {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: .833em;
}
.paging a {
	padding: 3px 6px; border: 1px solid #a1c4d5;
	text-decoration: none;
}
.paging a:hover {
	background: #eff5fb;
	text-decoration: none;
}
.paging b, .paging strong {
	padding: 3px 6px; border: 1px solid #295e87; background: #295e87;
	color: #fff;
}
.backlink {
	padding-bottom: 1.5em;
	border-bottom: 1px dashed #d8d8d8;
}
a.more {
	padding-right: 9px;
	background: url(../images/site/arrow-right.gif) no-repeat 100% 4px;
}
a.more-down {
	padding-right: 12px;
	background: url(../images/site/arrow-down.gif) no-repeat 100% 6px;
}
a.more-link {
	padding-right: 30px;
	background: url(../images/site/bullet-right.gif) no-repeat 100% 5px;
}

img.photo {
	float: right;
	margin: 0 0 10px 10px;
	border: 5px solid #eff5fb;
}
/* now with more caption! */
div.photo {
	float: right;
	margin: 0 0 10px 10px;
	border: 5px solid #eff5fb;
	background: #eff5fb;
}
div.photo img {
	margin: 0; border: 0; float: none;
}
div.photo div.caption {
	padding: 6px 20px; float: none;
	text-align: center; font-size: 11px; font-style: italic; line-height: 1.1;
	color: #758fa9;
}

/* file icons and formatting */
a.pdf, p.pdf a { padding: 4px 0 4px 25px; background: url(../images/site/icn-pdf.gif) no-repeat 0 center; }
a.doc, p.doc a { padding: 4px 0 4px 25px; background: url(../images/site/icn-doc.gif) no-repeat 0 center; }
a.xls, p.xls { padding: 4px 0 4px 25px; background: url(../images/site/icn-xls.gif) no-repeat 0 center; }
a.url, p.url a { padding: 4px 0 4px 25px; background: url(../images/site/icn-world.gif) no-repeat 0 center; }
a.txt, p.txt a, a.rtf, p.rtf a, a.file, p.file a { padding: 4px 0 4px 25px; background: url(../images/site/icn-txt.gif) no-repeat 0 center; }
span.file-size { color: #888; font-style: italic; text-transform: lowercase; }
#content ul.downloads li {	padding-left: 0; background: none; }

hr, .hide {
	display: none;
}

.highlight { 
	background: #fff6cd; 
}

/* self-clearing floats */

.wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}