/********************************************

City Lights Blog
Global CSS

Version: 1.0       	

8px = 0.50em
9px = 0.56em
10px = 0.63em
11px = 11px
12px = 0.75em
13px = 0.81em
14px = 0.88em
15px = 0.94em
16px = 1em
17px = 1.06em
18px = 1.13em
19px = 1.19em
20px = 1.25em	
21px = 1.31em
22px = 1.38em
23px = 1.44em
24px = 1.50em
25px = 1.56em
26px = 1.63em
28px = 1.75em
30px = 1.88em
32px = 2.00em
36px = 2.25em
40px = 2.50em

*******************************************/


/******************************************
GLOBAL SETTINGS
*******************************************/

body				{ background: url('/media/_images/global/bkgd.gif') repeat-x; background-color: #124d66; font-size: 12px; line-height: 18px; font-family: Arial, sans-serif; }

strong, b			{ font-weight: bold;}
em, i				{ font-style: italic; font-weight: bold;}
blockquote			{ margin: 20px; font-style: italic; font-weight: normal;}
ul li				{ list-style-type: disc;}
ol li				{ list-style-type: decimal;}

/******************************************
FOUNDATION SETTINGS
*******************************************/

#logo						{ display: none;}
#container					{ overflow: hidden; height: 1%; margin: 0px auto; width: 928px; background-color: #85b6ce;}
#masthead					{ background-image: url("/media/_images/global/masthead.gif"); width: 928px; height: 198px; }	
#logo						{ }
#footer						{ clear: both; margin: 0px auto; width: 928px; padding: 10px 0 20px 0; background-color: #0b3243;}

#left_column				{ width: 600px; clear: left; float: left; padding: 20px 40px 20px 30px; }
#right_column				{ width: 210px; clear: right; float: right; padding: 20px 40px 20px 0; margin: 0; }

/******************************************
MENUS
*******************************************/
#menu									{ border-top: 1px #000 solid; border-bottom: 2px #000 solid;}

ul#header_menu							{ border-top: 1px #628fa5 solid; border-bottom: 1px #628fa5 solid; background-color: #739cb0; padding: 4px 0 4px 18px;}
ul#header_menu li						{ display: inline; margin: 0;}
ul#header_menu li.active a				{ color: #114d66; }
ul#header_menu li a						{ font-family: "Arial Black"; color: #FFF; text-transform: uppercase; font-size: 11px; text-decoration: none; margin: 0 30px 0 10px;}	
ul#header_menu li a:hover				{ color: #114d66; }

ul#footer_menu							{ text-align: center; padding: 4px 0 4px 18px;}
ul#footer_menu li						{ display: inline; margin: 0; }
ul#footer_menu li.active a				{ color: #85b6ce; }
ul#footer_menu li a						{ font-family: "Arial Black"; color: #FFF; text-transform: uppercase; font-size: 11px; text-decoration: none; margin: 0 20px 0 10px;}	
ul#footer_menu li a:hover				{ color: #85b6ce; }

p#copyright								{ text-align: center; font-family: "Arial Black"; color: #FFF; text-transform: uppercase; font-size: 9px; font-weight: normal; text-decoration: none; margin: 10px 20px 0 10px;}

#search									{ width: 280px; position: relative; top: 24px; left: 635px; }
#subscribe								{ width: 280px; position: relative; top: -150px; left: 635px; }
#homelink a								{ display: block; width: 133px; height: 160px; clear: all; position: relative; top: 28px; left: 27px; }

#search form,
#subscribe form							{ float: right; }

#search label,
#subscribe label						{ vertical-align: middle; font-family: "Arial Black"; color: #FFF; text-transform: uppercase; font-size: 11px; }

#search input.text,
#subscribe input.text					{ vertical-align: middle; padding: 1px 2px; font-size: 11px; background-color: #7ba9c0; color: #FFF; border: 0px #000 solid; border-top: 1px #4b6b85 solid; border-right: 1px #c0d8ea solid; border-bottom: 1px #c0d8ea solid; border-left: 1px #4b6b85 solid; }

#search input.button,
#subscribe input.button					{ vertical-align: middle; }

/******************************************
BLOG ENTRY
*******************************************/


#content h2, #content h3					{ font-size: 18px; color: #114d66; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0;}
#content h2 a, #content h3 a				{ text-decoration: none;}
#content h2 a:hover, #content h3 a:hover	{ color: #003d58;  text-decoration: underline;}
#content a									{ color: #114d66;}
#content a:hover							{ text-decoration: none;}
#content p,
#content ul li,
#content ol li								{ font-family: verdana; color: #FFF; font-size: 10px; line-height: 20px; margin: 0 0 12px 0;}
#content ul li								{ list-style-type: disc; margin: 0 0 0 15px;}
#content ol li								{ list-style-type: decimal; margin: 0 0 0 15px;}
#content p.date								{ font-family: verdana; color: #afe5fb; font-size: 14px; font-weight: bold;}

#content #left_column ul li,
#content #left_column ol li									{ margin: 0 0 0 30px;}

#content #left_column .navigation							{ overflow: hidden; height: 1%; display: block; width: 580px; font-size: 11px; padding: 10px; margin: 10px 0 40px 0; background-color: #739cb0; }	
#content #left_column .navigation a							{ color: #114d66; text-decoration: none; font-weight: bold; }	
#content #left_column .navigation a:hover					{ color: #FFFFFF; text-decoration: none; font-weight: bold; }	
#content #left_column .navigation .alignleft				{ float: left; color: #114d66;}
#content #left_column .navigation .alignright				{ float: right; color: #114d66;}

#content #left_column .post									{ margin: 10px 0 40px 0; }

#content #left_column .post .tools							{ float: left; margin: 30px 0 20px 0; font-family: "Arial Black"; }
#content #left_column .post .tools a						{ margin: 0 15px 0 0; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 11px; font-weight: normal;}
#content #left_column .post .tools a:hover					{ color: #114d66; }
#content #left_column .post .tools a img					{ margin: 0 5px 0 0; vertical-align: middle; }

#content #left_column .post a.more-link						{ float: left; display: block; background-color: #FFFFFF; margin: 25px 15px 0 0; border-bottom: 2px #003d58 solid; border-right: 2px #003d58 solid; padding: 2px 9px; font-family: "Arial Black"; color: #003d58; font-weight: normal;  font-size: 12px;  text-transform: uppercase; text-decoration: none;}
#content #left_column .post a.more-link:hover				{ background-color: #003d58; border-bottom: 2px #FFFFFF solid; border-right: 2px #FFFFFF solid; color: #FFFFFF;}

#content #left_column .post .share							{ clear: both; margin: 10px 0 0 0;}
#content #left_column .post .share a						{ margin: 0 5px 0 0;}
#content #left_column .post .share a img					{ vertical-align: middle;}


#right_column p.where_am_i									{ margin: 0 0 30px 0; font-size: 11px; font-weight: bold; line-height: 20px; background-color: #003d58; padding: 20px; color: #FFFFFF; }
#right_column p.where_am_i a								{ color: #FFFFFF; }
#right_column ul li											{ list-style-type: none; margin: 0; font-size: 11px; font-weight: bold; line-height: 20px; color: #628fa5; }
#right_column ul li a										{ color: #FFF; text-decoration: none; }
#right_column ul li a:hover									{ color: #114d66;}
#right_column ul li ul li ul li								{ margin: 0 0 0 20px; font-weight: bold; }
#right_column ul li h2, 
#right_column ul li h3										{ font-size: 18px; color: #114d66; text-transform: uppercase; font-weight: bold; margin: 10px 0 5px 0;}

#right_column ul li											{ padding-bottom: 30px; 	margin-bottom: 30px; 	border-bottom: 1px #6c94a7 solid; }
#right_column ul li	ul li									{ padding-bottom: 0; 		margin-bottom: 0; 		border-bottom: 0px #000 solid; }
#right_column ul li	ul li ul li								{ padding-bottom: 0; 		margin-bottom: 0; 		border-bottom: 0px #000 solid; }

#featured_modules											{ width: 900px; overflow: hidden; margin: 0 0 0 30px;}
#featured_modules img#featured_posts_image					{ margin: 30px 0 0 0;}
#featured_modules .featured_module							{ background-color: #FFF; width: 180px; float: left; padding: 13px; margin: 10px 10px 0 0; border-bottom: 2px #003d58 solid; border-right: 2px #003d58 solid;  }
#featured_modules .featured_module p.featured_text			{ font-size: 12px; line-height: 14px; font-family: Arial; text-transform: uppercase; color: #114d66; font-weight: bold; margin: 10px 0 0 0;}
#featured_modules .featured_module p.featured_text a		{ text-decoration: none;}
#featured_modules .featured_module p.featured_text a:hover	{ color: #628fa5;}

/******************************************
COMMENTS
*******************************************/

ol.commentlist												{ margin: 20px 0 0 0; }
ol.commentlist li											{ margin: 0; padding: 20px 0 0 0;}
ol.commentlist li cite 										{ font-size: 18px; color: #114d66; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; text-decoration: none;}
ol.commentlist li cite a									{ text-decoration: none;}
ol.commentlist li p.date a									{ font-family: verdana; color: #afe5fb; font-size: 14px; font-weight: bold; }

textarea#comment											{ width: 580px; padding: 10px; font-family: Courier; font-size: 14px; line-height: 24px; }
input#author												{ margin: 30px 0 0 0;}
input#author, input#email, input#url						{ padding: 5px 10px; font-family: Courier; font-size: 14px;}
input#submit												{ color: #FFF; padding: 5px; border: 0px; background-color: #114d66; font-family: Arial; font-size: 16px; text-transform: uppercase; font-weight: bold;}


/******************************************
SPECIAL
*******************************************/

.clear 					{ clear: both;}
.hidden					{ display: none;}
hr.breaker				{ border: 0; border-top: 1px #6c94a7 solid; border-bottom: 2px #9cc4d7 solid; margin: 40px 0px;}