/* 
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.                             
  May not be duplicated or reproduced.
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

em { font-style: normal; font-weight: bold; }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/bg_main.jpg) no-repeat center left; background-attachment: fixed; background-color: #ffffff; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: left; }
a { color: #ec0189; text-decoration: none; }
table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6 { color: #515151; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 30px;}
h3,h4,h5,h6 { font-size: 15px; }
td { vertical-align: top; }
textarea, input, table { font-family: Arial, Helvetica, sans-serif; }
.imgright { margin: 5px 0px 5px 15px; }
.imgleft { margin: 5px 15px 5px 0px; }
.breadcrumb { font-size: 11px; margin: 0px 0px 8px 0px; padding: 3px 0px 3px 0px; color: #666666; border-width: 1px 0px 1px 0px; border-style: dotted; border-color: #cccccc; }
.narrowcolumn { padding-top: 8px; }
.link { background: url(../images/bullet.gif) no-repeat; padding: 0px 0px 0px 20px; font-size: 11px; }

/* framework
 * ------------------------------------------------------------------------- */
#container { margin: 0px; padding: 0px; width: 990px; text-align: left; }
#container:after, #flash_container:after, #side_bar:after, .comment_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	#side_bar { position: absolute; z-index: 3; top: 188px; left: 35px; width: 220px; margin: 0px 0px 0px 0px; text-align: left; line-height: 13px; padding: 0px 0px 30px 0px; }
		#side_bar h3 { height: 14px; margin: 0px 0px 10px 0px; }
		#side_bar p { padding: 0px 0px 15px 0px; }
			#side_bar h3 span { display: none; }

	#left_column { width: 291px; float: left; }
	#blogside_bar { width: 220px; margin: 0px 0px 0px 35px; text-align: left; line-height: 13px; padding: 0px 0px 30px 0px; }
		#blogside_bar h3 { height: 14px; margin: 0px 0px 10px 0px; }
		#blogside_bar p { padding: 0px 0px 15px 0px; }
			#blogside_bar h3 span { display: none; }
				#blogside_bar a { color: #000000; }			
				#blogside_bar ul { line-height: 13px; margin: 0px 0px 15px 0px; }	
			#hdr_freshies { width: 59px; background: url(../images/hdr_freshies.gif) no-repeat;}
				.info_pod, .blog_pod { padding: 0px 0px 0px 0px; }
				.blog_pod a { font-size: 11px; font-weight: bold;  }
				.blog_pod .date  { background-color: #000000; color: #ffffff; padding: 0px 3px 0px 3px; }
			#hdr_info { width: 32px; background: url(../images/hdr_info.gif) no-repeat;}
			#hdr_contact { width: 59px; background: url(../images/hdr_contact.gif) no-repeat;}
				.contact_link { color: #000000; }
			    	a:hover { text-decoration: line-through; }
			#hdr_partners { width: 64px; background: url(../images/hdr_partners.gif) no-repeat;}
			#hdr_respect { width: 56px; background: url(../images/hdr_respect.gif) no-repeat;}
	
	#right_column { width: 699px; float: left; }
		#bloghdr_links { height: 36px; text-align: right; }
			#bloghdr_links ul { margin: 17px 0px 0px 0px; }
			#bloghdr_links li { display: inline; margin: 0px 0px 0px 17px;}
			#bloghdr_links a { color: #000000; }
		#hdr_links { position: absolute; z-index: 3; top: 0px; left: 500px; width: 490px; margin: 0px 0px 0px 0px; text-align: right; line-height: 13px; padding: 17px 0px 0px 0px; }
			#hdr_links li { display: inline; margin: 0px 0px 0px 17px;}
			#hdr_links a { color: #000000; }
		/* search bar */
		#search_bar { width: 539px; height: 35px; text-align: right; }	
			.searchform { text-align: right; background: url(../images/search_bg.png) top right no-repeat; }
			.searchformpage { text-align: left; background: url(../images/search_bg.png) top left no-repeat; padding: 0px 0px 0px 26px }
			.searchfield { width: 135px; font-size: 11px; color: #cccccc; background: none; border: none; vertical-align: top; height: 23px; padding: 4px 0px 0px 0px; } 
			.btn_submit { width: 58px; height: 23px; margin-left: 0px; background: none; border: none; cursor: pointer; }
			
		/* Sub Content */
		#sub_content { color: #cccccc; font-size: 12px; background:url(../images/bg_80.png); margin: 0px; padding: 16px; }
			#sub_content h1 { color: #ffffff; font-size: 22px; padding: 0px 0px 16px 0px; }
			#sub_content p { padding: 0px 0px 16px 0px; }
		/* blog */
		#blog { margin: 0px; padding: 0px; }
		.blog { margin: 0px; padding: 0px; }
			.divline { margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; height: 2px; }
			.divlinebg { background: url(../images/divline.png) top repeat-x; margin-top: 16px; padding: 10px 0px 0px 0px; font-size: 11px; color: #9b9b9b; }
			.commentsdivline { padding: 0px 0px 0px 16px; height: 2px; }
			.blog_left, .comments_hdrleft, .comments_left { color: #cccccc; font-size: 12px; background:url(../images/bg_80.png); width: 539px; float: left; margin: 0px;}
				.blog_left h1 { color: #ffffff; font-size: 22px; padding: 16px 16px 0px 16px; }
				.blog_left h1 a, .blog_left h2 a { color: #ffffff; }
				.blog_left h2 { color: #ffffff; font-size: 18px; font-weight: normal; padding: 16px 16px 0px 16px; }
				.blog_left .category { padding: 0px 16px 16px 16px; font-size: 10px; color: #ec0189; }
				.entry { line-height: 20px; padding: 0px 16px 0px 16px; clear: both; }
					.entry p { padding: 0px 0px 16px 0px; }
					.entry img { }

				.tags { clear: both; line-height: 20px; margin: 0px 16px 0px 16px; display: block; background: url(../images/contactform_bg.png); font-size: 10px; color: #888888; padding: 0px 6px 0px 6px; margin-bottom: 16px; }
					.tags a { color: #888888; }
					.tags span { color: #777777; font-weight: bold; font-size: 10px; }
			.blog_right { width: 160px; padding: 17px 0px 0px 0px; float: left; }
			.sociable-hovers { vertical-align: middle; margin: 0px 0px 5px 0px; position: relative; left: -3px;}
			.comments_hdrright, .comments_right { width: 160px; float: left; }
				.right_hdr { background:url(../images/bg_70.png); padding: 9px 15px 9px 15px; }
					.right_hdr .date { font-size: 11px; color: #cccccc; }
					.right_hdr .time { color: #9b9b9b; }
				.right_info { background:url(../images/bg_60.png); padding: 14px 0px 14px 0px; font-size: 11px; margin: 0px; width: 160px; position: absolute; }
					.right_info a { color: #cccccc; display: block; }
					.right_info a:hover { color: #ffffff; text-decoration: none; }
					.right_info ul { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #8e8e8e; line-height: 23px; margin: 0px 15px 0px 15px}
					.right_info li { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #8e8e8e; padding-left: 21px;}
						.right_info ul ul { border: none; border-width: 0px; padding: 0px; margin: 0px;}
						.right_info li li { height: 20px; padding: 0px; border: none; border-width: 0px; padding: 0px; margin: 0px;}
						.right_info li li a { display: inline; }
						.btn_comments { background: url(../images/icon_comments.png) no-repeat 0px 4px; }
						.btn_permalink { background: url(../images/icon_perma.png) no-repeat 0px 4px; }
						.btn_share { background: url(../images/icon_share.png) no-repeat 0px 4px; }
						.btn_subscribe { background: url(../images/icon_subscribe.png) no-repeat 0px 4px; }
						.btn_trackback { background: url(../images/icon_trackback.png) no-repeat 0px 4px; }
				.navigation { font-size: 11px; font-weight: bold; margin: 12px 0px 12px 0px; height: 20px; }
				.alignleft { float: left; }
				.alignright { float: right; }
				/* comments */
				.comments_hdrleft h3 { color: #ec0189; font-size: 19px; padding: 13px 16px 18px 16px; }
				.comments { padding: 0px 0px 16px 0px; }			
				.comments a { text-decoration: underline; }
					.comments_left { padding: 12px 0px 0px 0px; }
					.comments h5 { padding: 4px 16px 0px 16px;}
					.comments_left p { font-size: 11px; line-height: 20px; padding: 0px 16px 16px 16px; }
					.comments_left .user { font-size: 12px; color: #ec0189; }
					.comments_right p { padding: 15px 15px 9px 15px; }
						.comments_right .date { font-size: 11px; color: #666666; }
						.comments_right .time { color: #aaaaaa; }
				/* comment form */
				.comment_form { width: 539px; background:url(../images/bg_80.png); font-size: 11px; color: #cccccc;}
				.logged_in { font-size: 11px; color: #9b9b9b; }
					.comment_form h3 { color: #ec0189; font-size: 18px; padding: 16px 16px 15px 16px; }
					.comment_form form { margin: 0px 16px 10px 16px; padding: 0px; }
					.comment_form label { width: 82px; padding-top: 4px; display: block; float: left; }
						.smlfield { font-size: 11px; border: none; width: 210px; height: 23px; margin: 0px 0px 5px 0px; background: url(../images/contactform_bg.png); padding: 3px 0px 0px 3px; color: #cccccc; }
						.textfield { font-size: 11px; border: none; width: 420px; height: 90px; margin: 0px 0px 5px 0px; background: url(../images/contactform_bg.png); padding: 3px 0px 0px 3px; color: #cccccc; overflow: hidden; }
				/* contact form */
				.contact_form { font-size: 11px; color: #cccccc; }
					.contact_form form { margin: 0px 16px 10px 16px; padding: 0px; }
					.contact_form label { width: 82px; padding-top: 4px; display: block; float: left; }
						.contact_smlfield { font-size: 11px; border: none; width: 210px; height: 23px; margin: 0px 0px 5px 0px; background: url(../images/contactform_bg.png); padding: 3px 0px 0px 3px; color: #cccccc; }
						.contact_textfield { font-size: 11px; border: none; width: 420px; height: 120px; margin: 0px 0px 5px 0px; background: url(../images/contactform_bg.png); padding: 3px 0px 0px 3px; color: #cccccc; overflow: hidden; }
					
	#copyright { background:url(../images/bg_60.png); margin: 0px 0px 50px 0px; width: 539px; color: #cccccc;  }
		#copyright p { padding: 13px 16px 13px 16px; line-height: 18px; background: url(../images/footer_logo.png) no-repeat 411px 28px;}