@import "reset.css";

/*
COLORS = {
  "home"           => {:full_tint => "rgb(0,149,218)",   :half_tint => "rgb(222,255,255)"},
  "mission"        => {:full_tint => "rgb(12,174,180)",  :half_tint => "rgb(222,255,255)"},
  "press_releases" => {:full_tint => "rgb(12,174,180)",  :half_tint => "rgb(222,255,255)"},
  "links"          => {:full_tint => "rgb(12,174,180)",  :half_tint => "rgb(222,255,255)"},
  "categories"     => {:full_tint => "rgb(45,119,81)",   :half_tint => "rgb(192,228,151)"},
  "providers"      => {:full_tint => "rgb(45,119,81)",   :half_tint => "rgb(192,228,151)"},
  "subscriptions"  => {:full_tint => "rgb(45,119,81)",   :half_tint => "rgb(192,228,151)"},
  "articles"       => {:full_tint => "rgb(126,151,0)",   :half_tint => "rgb(192,228,151)"},
  "stories"        => {:full_tint => "rgb(131,14,135)",  :half_tint => "rgb(200,174,237)"},
  "events"         => {:full_tint => "rgb(236,100,171)", :half_tint => "rgb(236,200,215)"},
  "forums"         => {:full_tint => "rgb(227,173,19)",  :half_tint => "rgb(222,255,255)"},
  "topics"         => {:full_tint => "rgb(227,173,19)",  :half_tint => "rgb(222,255,255)"},
  "posts"          => {:full_tint => "rgb(227,173,19)",  :half_tint => "rgb(222,255,255)"},
  "contact"        => {:full_tint => "rgb(224,130,21)",  :half_tint => "rgb(222,255,255)"},
  "spotlight"      => {:full_tint => "rgb(0,149,218)",   :half_tint => "rgb(209,229,255);"}
}
*/

body
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	text-align: center;
	background-image: url("../images/layout/Home-BG.jpg");
	background-position: top;
/*	background-repeat: repeat-y;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body.about, body.mission, body.press_releases, body.links { background-image: url("../images/layout/About-BG.jpg"); }
body.articles { background-image: url("../images/layout/Articles-BG.jpg"); }
body.contact { background-image: url("../images/layout/Contact-BG.jpg"); }
body.events { background-image: url("../images/layout/Events-BG.jpg"); }
body.forums, body.topics, body.posts { background-image: url("../images/layout/Forums-BG.jpg"); }
body.categories, body.subscriptions { background-image: url("../images/layout/Providers-BG.jpg"); }
body.stories { background-image: url("../images/layout/Stories-BG.jpg"); }
#Page
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#Page.logged_in {width: 1215px;}
#Chat
{
	float: right;
	width: 200px;
	height: 400px;
	margin-top: 10px;
	background: white;
	border: rgb(0,149,218) 2px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 50px rgb(222,255,255);
	-moz-box-shadow: 0 0 50px rgb(222,255,255);
	box-shadow: 10px 10px 5px rgb(222,255,255);
}
#Chat h1 {background: rgb(0,149,218);}
#Chat ul {overflow: auto;}
#Chat li div {padding: 1em 1em 0 2em; background: url("../images/icons/active.png") no-repeat 10px 16px;}
/*#Chat li div {padding: 1em 1em 0 2em;}
#Chat li div.active {background: url("../images/icons/active.png") no-repeat 10px 16px;}
#Chat li div.inactive {background: url("../images/icons/inactive.png") no-repeat 10px 16px;}*/
#Responses {width: 300px; height: 450px; overflow: scroll;}
#chat_chat {width: 250px;}
#container {width: 1000px;}
#Content
{
	width: 964px;
	float: left;
	padding: 11px 18px;
	background-color: #ffffff;
}

/* -- Sitewide Text Styles -- */
h1
{
	margin: 0;
	padding: 0.125em 0.5em;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #80c7d5;
}
h1.Spotlight { background-color: #0095da; }
h1 a
{
	display: block;
	color: white;
	text-decoration: none;
}
h1 a:hover
{
	text-decoration: none;
	background-image: url("../images/icons/arrow.png");
	background-position: center right;
	background-repeat: no-repeat;
}
h2, legend
{
	margin: 0;
	color: #0095da;
	font-size: 16px;
	font-weight: bold;
}
h3
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
ol li {margin: 1em 2em; list-style-type: decimal;}
em {font-style: italic;}
p { margin-bottom: 1em; }
a { color: #0095da; text-decoration: none; }
a:hover { text-decoration: underline; }
br.Clear { float: none; clear: both; }

/*##### Header #####*/
#Header
{
	width: 960px;
	height: 180px;
	background-image: url("../images/layout/Header-BG-1.jpg");
	background-repeat: no-repeat;
	padding: 40px 0 0 40px;
}
body.about #Header, body.mission #Header, body.press_releases #Header, body.links #Header { background-image: url("../images/layout/About-Header.jpg"); }
body.articles #Header { background-image: url("../images/layout/Articles-Header.jpg"); }
body.contact #Header { background-image: url("../images/layout/Contact-Header.jpg"); }
body.events #Header { background-image: url("../images/layout/Events-Header.jpg"); }
body.forums #Header { background-image: url("../images/layout/Forums-Header.jpg"); }
body.categories #Header { background-image: url("../images/layout/Providers-Header.jpg"); }
body.stories #Header { background-image: url("../images/layout/Stories-Header.jpg"); }
#Header img { float: left; }
#Header fieldset { float: left; margin-left: 60px; }
#Header p { float: none; margin: 0.25em 0; }
#Header legend { font-size: 21px; color: gray; }
#Header legend span { color: black; }
#Header legend strong { color: #0095da; }
#Header fieldset label
{
	display: inline;
	float: none;
	color: #0095da;
	font-weight: bold;
}
#Header input { display: inline; width: 180px; }
#UserNavigation
{
	float: left;
	padding: 0.5em;
	background-color: gray;
	background-color: rgba(0,0,0,0.5);
}
#UserNavigation li { float: left; margin-right: 0.5em;}
#UserNavigation li:last-child { margin-right: 0; }
#UserNavigation a
{
	display: block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: white;
	font-weight: bold;
	border: solid 1px;
	border-color: gray;
	text-align: center;
}
#UserNavigation a:hover { border-color: white; }

/* -- Navigation -- */
#Navigation
{
	width: 1000px;
	height: 34px;
	text-align: center;
	border-top: solid 1px gray;
	background-color: white;
}
#Navigation li { float: left; }

#Navigation a
{
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-right: solid 1px gray;
	width: 124px;
	height: 24px;
	background-image: url("../images/layout/nav-gradient.png");
	background-repeat: repeat-x;
	background-position-x: inherit;
	padding-top: 3px;
}
#Navigation li:last-child a { border-right: none; width: 125px; }
#Navigation a:hover, #Navigation a.Current
{
	height: 30px;
	background-image: url("../images/layout/nav-current.png");
	background-repeat: repeat-x;
}
#About { background-color: #0caeb4; color: #0caeb4; }
#Providers { background-color: #2d7751; color: #2d7751; }
#Articles { background-color: #7e9700; color: #7e9700; }
#Stories { background-color: #830e87; color: #830e87; }
#Events { background-color: #ec64ab; color: #ec64ab; }
#Forums { background-color: #e3ad13; color: #e3ad13; }
#Contact { background-color: #e08215; color: #e08215; }
#Home { background-color: #0095da; color: #0095da; }


/*##### Content Styles #####*/
#Notice
{
	clear: both;
	margin-bottom: 1em;
	padding: 1em;
	border: solid 2px rgb(227,173,19);
	background-color: rgb(246,216,94);
	color: black;
	text-align: center;
}
#Primary
{
	width: 416px;
	min-height: 500px;
	float: left;
	background-color: white;
	margin-right: 18px;
}
#WidePrimary
{
	width: 826px;
	min-height: 500px;
	float: left;
	background-color: white;
	margin-right: 18px;
}
#Featured
{
	float: left;
	width: 530px;
	margin-bottom: 18px;
	background-color: white;
}
#WideFeatured
{
	float: left;
	width: 964px;
	margin-bottom: 18px;
	background-color: white;
}

#Secondary
{
	width: 392px;
	min-height: 500px;
	float: left;
	margin-right: 18px;
	background-color: white;
}
#Tertiary
{
	width: 120px;
	float: left;
	background-color: white;
}
#Tertiary li { margin-bottom: 18px; }
.AdminModule
{
	width: 49%;
	float: left;
	margin: 0 2% 2% 0;
}
.Box
{
	margin-bottom: 16px;
	padding: 8px;
	clear: both;
	border-color: #d4d4d4;
	border-style: solid;
	border-width: 0 2px 2px 0;
}
.Box li, .Box > a { clear: both; }
.Solid { background-color: #deffff; }
.Constrained {height: 300px; overflow-y: scroll;}
.Spotlight { background-color: rgb(209,229,255); }
.NavigationBox { display: block; margin-top: 0.5em; }
.NavigationBox li { float: left; margin-right: 0.5em; }
.NavigationBox a
{
	padding: 0.125em 0.5em;
	background-color: gray;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
.NavigationBox li.Current a, .NavigationBox a:hover { background-color: #0caeb4; }
.pagination {text-align: center;}


/*##### Spotlight #####*/
#WideFeatured #GetInThere
{
	float: left;
	width: 415px;
	height: 100px;
	overflow: hidden;
	margin-right: 18px;
}
#terms {width: 303px;}
#Spotlight { padding: 0.5em; }
#Spotlight li, ul.Solid li
{
	border-bottom: solid 1px gray;
	padding: 0.5em 0;
}
#Spotlight li:first-child, ul.Solid li:first-child 
{ padding-top: 0; }
#Spotlight li:last-child, ul.Solid li:last-child { border-bottom: none; padding-bottom: 0; }
#Spotlight a { display: block; text-decoration: none; }
#Spotlight img { float: left; }
#Spotlight span { display: block; color: black; }
#Spotlight .fn { font-size: 120%; font-weight: bold; }
#Spotlight .org { display: block; color: #0296da; }
#Spotlight .org span { display: inline; color: #898989; }
#Spotlight .summary { font-size: 12px; }
#Spotlight .adr, #Spotlight .url { font-size: 12px; font-weight: bold; color: #0296da; }
#Spotlight .adr span, #Spotlight .email, #Spotlight .tel { display: inline; }


/*##### Calendar #####*/

#MonthTable
{
	width: 100%;
	margin-bottom: 2em;
	background-color: white;
}
#MonthTable caption
{
	margin: 0;
	padding: 0.125em 0.5em;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: center;
	background-color: #ec64ab;
}
#MonthTable caption a { color: inherit; }
#MonthTable th {
	font-weight: bold;
	padding: 10px 8px 0 0;
	text-align: right;
	background-color: rgb(236,200,215);
}
#MonthTable td
{
	border: solid 1px white;
	text-align: right;
}
#MonthTable td a, #MonthTable td span.NoEvents
{
	display: block;
	padding: 10px 8px 0 0;
	font-size: 110%;
	color: black;
}
#MonthTable td a {background-color: rgb(255,228,187);}
#MonthTable td a:hover
{
	background-color: #ec64ab;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

/*##### Articles #####*/
ul.Articles li { margin: 1em; }
li.NewIssue
{
	clear: both;
	padding-top: 1.5em;
	border-top: solid 2px rgb(0,149,218);
}
li.NewIssue div
{
	float: right;
	width: 100px;
	padding: 0.5em;
	margin-top: -1.5em;
	background-color: rgb(0,149,218);
	color: white;
	text-align: center;
}
.AlignRight { float: right; margin: 0 0 1em 1em; }
.AlignLeft { float: left; margin: 0 1em 1em 0; }
.AlignCenter
{
	display: block;
	margin: 0.5em auto;
	clear: both;
	text-align: center;
}
.AlignLeft img, .AlignRight img, img.AlignLeft, img.AlignRight { border: solid 1px rgb(46,161,225); }
.AlignLeft img:hover, .AlignRight img:hover, img.AlignLeft:hover, img.AlignRight:hover { border: solid 1px rgb(227,173,19); }
fieldset.AdminList img
{
	display: block;
	float: left;
	margin-right: 0.5em;
	width: 100px;
	height: 100px;
}
fieldset.AdminList label { margin-top: 0; }
fieldset.AdminList input { width: 4em; }

.tel, .email, .url, .street-address {display: block;}
a.Button
{
	display: block;
	padding: 0.25em 0.5em;
	background-color: #0095da;
	color: white;
	font-weight: bold;
	text-align: center;
}
a.Button:hover {text-decoration: none;}
tr:hover td.Delete { background: url("../images/icons/delete.png") center no-repeat; }
#Comments {padding: 0 0 0 2em;}
#Comments li
{
	margin: 0.5em;
	padding: 0.5em;
}
#Comments li.Author
{
	border-top: solid 1px rgb(126,151,0);
	border-bottom: solid 1px rgb(126,151,0);
	background-color: rgb(192,228,151);
}
#Comments li.Provider
{
	border-top: solid 1px rgb(12,174,180);
	border-bottom: solid 1px rgb(12,174,180);
	background-color: rgb(222,255,255);
}
#Comments li.Administrator
{
	border-top: solid 1px rgb(131,14,135);
	border-bottom: solid 1px rgb(131,14,135);
	background-color: rgb(200,174,237);
}
#Comments blockquote
{
	margin-bottom: 0.5em;
}

/*##### Providers #####*/
#Categories a
{
	padding: 0.25em 3em 0.25em 0.5em;
	display: block;
	text-align: right;
	font-size: 14px;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: white;
}
#Categories a:hover, #Categories a.Current
{
	background-color: rgb(192,228,151);
	border-color: rgb(161,192,126);
	color: black;
	text-decoration: none;
}

/*##### Forums #####*/
#ForumsList {float: left; margin: 1em 0;}
#ForumsList li {float: left; clear: none; background-color: none;}
#ForumsList li a
{
	display: block;
	padding: 1em;
	width: 106px;
	height: 100px;
	overflow: hidden;
	color: gray;
	border: solid 1px white;
	text-decoration: none;
}
#ForumsList li a.active {background-image: url("../images/icons/black-heart.png"); background-repeat: no-repeat; background-position: bottom right;}
#ForumsList li a.recent {background-image: url("../images/icons/white-heart.png"); background-repeat: no-repeat; background-position: bottom right;}
#ForumsList li a:hover  {background-color: rgb(226, 172, 19); color: white;}
#ForumsList li a strong
{
	display: block;
	margin-bottom: 0.5em;
	color: black;
	font-size: 1.2em;
	line-height: 1em;
}
#Posts           {float: left; margin-top: 2em;}
div.ForumProfile {width: 125px; float: left; padding: 0.5em; text-align: center;}
div.ForumBody    {width: 625px; float: left; padding: 0 1em;}
li.Author        div.ForumProfile {background: rgb(192,228,151);}
li.Provider      div.ForumProfile {background: rgb(222,255,255);}
li.Administrator div.ForumProfile {background: rgb(200,174,237);}
#AttendingPeople {margin-top: 0.5em;}
#AttendingPeople li {margin: 0.5em;}

table.Stats {margin: 0.5em 0 3em 0;}
table.Stats th, table.Stats td {width: 100px; padding: 3px; text-align: right;}
table.Stats th {font-weight: bold;}
table.Stats th.First, table.Stats td.First {width: 300px; text-align: left;}
table.Stats tfoot th {border-top: solid 2px black;}
table.Stats th.Last, table.Stats td.Last {border-left: solid 2px black;}

/*##### Footer #####*/
#Footer
{
	width: 960px;
	padding: 20px 20px 0 20px;
	border-top: solid 2px #d4d4d4;
	float: left;
	background-color: white;
	font-size: 150%;
	font-weight: bold;
}
#Footer span
{
	font-size: 88%;
	margin: 0 0 0 250px;
	color: #0095da;
	font-weight: normal;
}
#Footer span strong { color: black; }

/*##### Forms #####*/
fieldset { margin: 0 0 2em 0; }
label
{
	display: block;
	float: left;
	margin: 1em 1em 1em 0;
}
input
{
	display: block;
	width: 210px;
	font-size: 14px;
}
textarea
{
	display: block;
	width: 445px;
	margin-bottom: 1em;
}
select { display: block; }
#event_starts_at_1i, #event_starts_at_2i, #event_starts_at_3i, #event_starts_at_4i, #event_starts_at_5i,
#event_ends_at_1i, #event_ends_at_2i, #event_ends_at_3i, #event_ends_at_4i, #event_ends_at_5i,
#creditcard_month, #creditcard_year, #event_payment_month, #event_payment_year
{ display: inline; }
form p { margin: 1em 0; float: left; }
button { clear: both; display: block; float: left; }
#person_email, #person_username { width: 200px; }
#person_password, #person_password_confirmation { width: 65px; }
#creditcard_number, #event_payment_number { width: 150px; }
#person_first_name, #person_last_name, #creditcard_first_name, #creditcard_last_name, #event_payment_first_name, #event_payment_last_name { width: 106px; } 
#person_title { width: 200px; } 
#payment_first_name, #payment_last_name { width: 240px; }
#person_summary, #event_description, #article_summary, #story_summary { height: 50px; } 
#person_bio, #article_body, #story_body { height: 300px; }
#event_payment_address1, #event_payment_address2, #address_address1, #address_address2, #person_public_street1, #person_public_street1, #address_country, #event_payment_country {width: 205px;}
#event_payment_city, #person_public_city, #person_private_city, #event_city, #address_city, #person_subscription_profile_id, #creditcard_type, #discount, #event_payment_card_type,
#subscription_plan_amount, #subscription_plan_setup_amount, #subscription_plan_renewal_period, #subscription_plan_trial_period, #subscription_plan_level { width: 90px; }
#event_payment_state, #person_public_state, #person_private_state, #event_state, #address_state, #creditcard_verification_value, #event_payment_verification_value, #person_prefix, #link_sort_code, #press_release_sort_code { width: 30px; }
#event_payment_zip, #person_public_zip, #person_private_zip, #event_zip, #address_zip, #payment_card_verification, #product_price, #product_width, 
#product_height, #subscription_monthly_price, #subscription_yearly_price, #movie_paragraph, #photo_paragraph, #forum_red, #forum_green, #forum_blue { width: 50px; }
#person_public_phone, #person_public_fax, #person_private_phone, #person_private_fax, #event_phone, #event_fax, #address_phone { width: 90px; }
#payment_card_expires_on_1i, #payment_card_expires_on_2i, #press_release_posted_on_1i, #press_release_posted_on_2i, #press_release_posted_on_3i { display: inline; }
#movie_data, #photo_data { width: 445px;}
#movie_caption, #movie_credit, #photo_caption, #photo_credit { width: 130px;}
#comment_body { width: 800px; height: 100px; }
#event_street1, #event_street2, #event_website, #event_email { width: 200px;}