@charset "UTF-8";
/*-----------------------------------------------------------------------
frasermackenziedesign.com Style Sheet

version:	1.0
updated:	January 3, 2011
author:		Fraser Mackenzie
email:		hello@frasermackenziedesign.com
website:	http://www.frasermackenziedesign.com
/*-------------------------------------------------------------------- */




/* =GLOBAL STYLES
---------------------------------------------------------------------------------------------- */
html {
	height: 100%;
	font-size: 100.01%;
}
body { 
	font: 62.5%/1.5 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background: #d2d2d2 url(../images/bg_brown.gif) repeat;
	color: #37332d;	
	overflow-y: scroll;
}




/* =LAYOUT
---------------------------------------------------------------------------------------------- */
#upper_container {
	background: #c9c9c9 url(../images/bg_body_tile.jpg);
	margin: 0 auto;
	width: 100%;
	position:relative;
}
	#top_line {
		height: 10px;
		width: 100%;
		background-color: #403b33;
	}
	#content_container {
		margin: 0 auto;
		width: 980px;
		position: relative;
		text-align: left;
	}
		#header {
			height: 165px;
		}
			#logo {
				margin:-10px 0 0 0;
			}
				#logo a {
					display: block;
					width: 252px;
					height: 142px;
					background: url(../images/logo.png) no-repeat;
					font-size: 1em;
					text-indent: -9999px;
					text-decoration: none;
					z-index: 9;
				}
					#logo a:hover {
						background-position: 0 -145px;
					}
					#logo a:active {
						background-position: 0 -144px;
					}
			.panel .wrapper { 
				margin: 20px 10px 0 10px; 
				padding: 0 0 20px 0; 
				position: relative;
			}
	#skyline {
		background: url(../images/bg_footer_skyline.png) no-repeat top center;
		height: 70px;
		width: 960px;
		margin:40px auto 0;
	}
#lower_container {
	margin: 0;
	padding-top: 25px;
	width: 100%;
	clear: both;
}
	#footer {
		width: 960px;
		margin: 0 auto;
	}
		.footer_column {
			width: 190px;
			float: left;
			margin: 0 30px 80px 0;
		}
		.credits_column {
			width: 250px;
			margin: 30px 0 50px 0;
			float: right;
		}
			#footer ul {
				font-size: 1.2em;
				line-height: 1.6;
				text-shadow: #000 1px 1px 0;
			}
			.footer_column li {
				font-size: 1.1em;
			}
#twitter_footer {
	height: 70px;
	width: 100%;
	position:fixed;
	background: #57b5e0; 
	left: 0;
	bottom: 0;
	z-index: 11000;
}
	#tweet_wrapper {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
		img.bird {
			position: absolute;
			top: -32px;
			left: 0;
		}
		div.tweet {
			width: 780px;
			float: left;
			padding: 3px 0 0 0;
			position: relative;
			text-align: left;
		}
		#twitter_follow_me {
			width: 156px;
			height: 45px;
			float: right;
			padding: 10px 0 0 0;
		}




/* =TYPOGRAPHY
---------------------------------------------------------------------------------------------- */
h1 {
	font-size: 1.8em;
	margin-bottom: 1px;
	text-indent: -9999px;
}
h2 {
	font-size: 3.5em;
	letter-spacing: -0.5pt;
	line-height: 1;
	margin-bottom: 5px;
	background: url(../images/dots_lightbg.gif) bottom left repeat-x;
	padding-bottom: 7px;
}
h3 {
	font-size: 2.3em;
	font-weight: normal;
	margin: 20px 0 5px 0;
	padding: 0;
	line-height: 1.2;
}
h4 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h5 {
	font-size: 1.5em;	
}
p {
	margin: 0 0 13px 0;
	font-size: 1.4em;
	text-shadow: #fff 0 1px 0; 
}
em {
	font-style: oblique;
}
strong {
	font-weight: bold;	
}

/* H1 HEADINGS */
#home h1, #about h1, #services h1, #work h1, #contact h1 {
	height: 96px;
	margin: 0 10px 0 10px;
}
#home h1 {
	background: url(../images/h1_home.png) no-repeat;
}
#about h1 {
	background: url(../images/h1_about.png) no-repeat;
}
#services h1 {
	background: url(../images/h1_services.png) no-repeat;
}
#work h1 {
	background: url(../images/h1_portfolio.png) no-repeat;
}
#contact h1 {
	background: url(../images/h1_contact.png) no-repeat;
}

/* SIDEBAR TEXT & LINK COLOUR */
.reverse_txt_clr h3 {
		color: #fff;	
		margin: 0 0 0 0;
	}
.reverse_txt_clr h5 {
	margin: 0 0 -1px 0;
}
.reverse_txt_clr p {
	color: #CCC7B4;
	text-shadow: #000 1px 1px 0;
	font-size: 1.2em;
}
.reverse_txt_clr h4, .reverse_txt_clr h5, .reverse_txt_clr a {
	color: #fff;
}

/* PORTFOLIO SECTION */
.portfolio_wrapper h4 {
	text-shadow: none;
	color: #57b5e0;
	margin: 5px 0;
}
.portfolio_wrapper h5 {
	margin: 20px 0 5px 0;
	text-shadow: none;
}
.portfolio_wrapper p {
	font-size: 1.3em;
	line-height: 1.5;
}	

/* FOOTER SECTION */
#footer h4 {
	background: url(../images/dots_darkbg.png) bottom left repeat-x;
	margin: 0 0 5px 0;
	color: #CCC7B4;
	font-size: 1.9em;
}

	/* Footer Text/Link Color */
	#footer p, #footer li, #footer a, #footer_nav a:link, #footer_nav a:visited {
		color:#CCC7B4;	
	}




/* =MAIN-NAVIGATION & BUTTONS
---------------------------------------------------------------------------------------------- */
/* MAIN MENU */
.coda-nav ul { width: 570px !important; height: 55px; position: absolute; right: 0; top: 61px;}
.coda-nav li { display: block !important; float: left !important; margin: 10px 0 0 0; }
.coda-nav a { width: 0; background: url(../images/menu.png) !important; height: 33px; display: block; margin-right: 0 !important; padding: 0 !important;}

	/* LINK & VISITED */
	.coda-nav .tab2 a, .coda-nav .tab2 a:visited { background-position:0 0 !important; width: 114px; }
	.coda-nav .tab3 a, .coda-nav .tab3 a:visited { background-position: -114px 0 !important; width: 175px;}
	.coda-nav .tab4 a, .coda-nav .tab4 a:visited { background-position: -289px 0 !important; width: 134px;}
	.coda-nav .tab5 a, .coda-nav .tab5 a:visited { background-position: -423px 0 !important; width: 147px;}
	
	/* HOVER & SELECTED */
	.coda-nav .tab2 a:hover, .coda-nav .tab2 a.current { background-position: 0 -34px !important;}
	.coda-nav .tab3 a:hover, .coda-nav .tab3 a.current { background-position: -114px -34px !important;}
	.coda-nav .tab4 a:hover, .coda-nav .tab4 a.current { background-position: -289px -34px !important;}
	.coda-nav .tab5 a:hover, .coda-nav .tab5 a.current { background-position: -423px -34px !important;}
	
	/* ACTIVE */
	.coda-nav .tab2 a:active { background-position: 0 -33px !important;}
	.coda-nav .tab3 a:active { background-position: -114px -33px !important;}
	.coda-nav .tab4 a:active { background-position: -289px -33px !important;}
	.coda-nav .tab5 a:active { background-position: -423px -33px !important;}

/* MAIN MENU SEPERATOR DOTS */
#coda-nav-1 ul {
	background: url(../images/menu_bg.png) no-repeat;
	margin-right: 10px;
}

/* MAIN BUTTONS - "Find out more" / "Get in touch" */
ul.buttons_main,
ul.buttons_services {
	width: 394px;
	height: 34px;
	margin-top: 20px;
}
	ul.buttons_main li,
	ul.buttons_services li {
		margin: 0;
		overflow: hidden;
		text-indent: -9999px;
		display: inline;
		float: left;
		padding-right: 8px;
	}
		ul.buttons_main li a,
		ul.buttons_services li a {
			background: url(../images/buttons.png) no-repeat; 
			width: 100%; 
			height: 100%; 
			display: block; 
		}

/* "Find out more" BUTTON */
ul.buttons_main li#btn1 {width: 147px; height: 34px;}
ul.buttons_main li#btn1 a {background-position: 0 0;}
ul.buttons_main li#btn1 a:hover {background-position: 0 -35px;}
ul.buttons_main li#btn1 a:active {background-position: 0 -34px;}

/* "Get in touch" BUTTON */
ul.buttons_main li#btn2, ul.buttons_services li#btn2 {width: 147px; height: 34px;}
ul.buttons_main li#btn2 a, ul.buttons_services li#btn2 a {background-position: -147px 0;}
ul.buttons_main li#btn2 a:hover, ul.buttons_services li#btn2 a:hover {background-position: -147px -35px;}
ul.buttons_main li#btn2 a:active, ul.buttons_services li#btn2 a:active {background-position: -147px -34px;}

/* "View my work" BUTTON */
ul.buttons_services li#btn1 {width: 147px; height: 34px;}
ul.buttons_services li#btn1 a {background-position: 0 -69px;}
ul.buttons_services li#btn1 a:hover {background-position: 0 -104px;}
ul.buttons_services li#btn1 a:active {background-position: 0 -103px;}

/* Twitter footer "Follow me" BUTTON */
ul.button_twitter li#btn1 {width: 147px; height: 39px;}
ul.button_twitter li#btn1 a {background-position: 0 0;}
ul.button_twitter li#btn1 a:hover {background-position: 0 -39px;}
ul.button_twitter li#btn1 a:active {background-position: 0 -38px;}

/* Contact "Send message" button */
	input.submit  {
		background: url(../images/buttons.png) no-repeat -147px -69px;
		height: 34px;
		width: 147px;
		text-indent: -9999px;
		border: 0;
	}
		input.submit:hover  {background-position: -147px -104px; cursor: pointer;}
		input.submit:active  {background-position: -147px -103px; cursor: pointer;}

/* SERVICES BUTTONS */
ul.buttons_services {
	margin-top: 30px;
}


/* Testimonials Arrows */

	/* left arrow */
	.nested_testimonials .testimonialscoda-nav-left a {
		background: url(../images/arrows.png) no-repeat; 
		width: 11px;
		height: 15px;
		text-indent: -9999px;
		position: absolute; 
		left: 175px; 
		top: 27px; 
	}
	.nested_testimonials .testimonialscoda-nav-left a:link, 
	.nested_testimonials .testimonialscoda-nav-left a:visited {background-position: 0 0;}
	.nested_testimonials .testimonialscoda-nav-left a:hover {background-position: 0 -17px; }
	.nested_testimonials .testimonialscoda-nav-left a:active {background-position: 0 -16px;}
	
	/* right arrow */
	.nested_testimonials .testimonialscoda-nav-right a {
		background: url(../images/arrows.png) no-repeat -11px 0; 
		width: 11px;
		height: 15px;
		text-indent: -9999px;
		position: absolute; 
		left: 188px; 
		top: 27px; 
	}
	.nested_testimonials .testimonialscoda-nav-right a:hover {background-position: -11px -17px; }
	.nested_testimonials .testimonialscoda-nav-right a:active {background-position: -11px -16px; }

/* =CLASSES
---------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.no_margin {
	margin: 0;	
}
.left { 
	float: left; 
}
.right { 
	float: right; 
}
.dotted_underline_lightbg {
	background: url(../images/dots_lightbg.gif) bottom left repeat-x;
	padding-bottom: 7px;
	clear: both;
}




/* =MISCELLANEOUS
---------------------------------------------------------------------------------------------- */
a:active, a:focus { 
	outline: 0; 
}




/* =LINKS
---------------------------------------------------------------------------------------------- */
a:link,
a:visited {color: #57b5e0; text-decoration:none;}
a:hover,
a:active {color: #57b5e0; text-decoration:underline;}

/* RIGHT-SIDEBAR LINKS */
.reverse_txt_clr a {font-size: 1em; text-shadow: #000 1px 1px 0;}
.reverse_txt_clr a:link,
.reverse_txt_clr a:visited {color: #CCC7B4; text-decoration:none;}
.reverse_txt_clr a:hover,
.reverse_txt_clr a:active {color: #57b5e0; text-decoration:none;}

/* FOOTER LINKS */
#footer a:link,
#footer a:visited {text-decoration:none;}
#footer a:hover,
#footer a:active {color: #57b5e0; text-decoration:none;}

/* TWITTER FOOTER */
#twitter_footer a:link,
#twitter_footer a:visited {color: #E3F6FF; text-decoration:underline;}
#twitter_footer a:hover,
#twitter_footer a:active {color: #403b33; text-decoration:none;}




/* =SECTIONS
---------------------------------------------------------------------------------------------- */
/* SHARED */
.leftcol_48 {
	width: 48%;	
	float:left;
	display: inline;
	padding:0;
}
.rightcol_48 {
	width: 48%;	
	float: right;
	display: inline;
	padding:0;
}
.maincol {
	width: 68%;	
	float: left;
	overflow: hidden;
	padding:0;
}
#rightcol_contact, #testimonials_wrapper, #rightcol_process { /* Set sidebar border radius & shadow */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow:0 1px 5px #8e8e8e;
	-webkit-box-shadow:0 1px 5px #8e8e8e;
	box-shadow: 0 1px 5px #8e8e8e;
}

/* HOMEPAGE */
#rightcol_home {
	width: 480px;
	height: 288px;
	float: right;
	-moz-box-shadow:0 1px 10px #9f9f9f;
	-webkit-box-shadow:0 1px 10px #9f9f9f;
	box-shadow:0 1px 10px #9f9f9f;
}

/* CONTACT SECTION  */
#rightcol_contact {
	width: 220px;
	float: right;
	background: #403b33 url(../images/bg_brown.gif) no-repeat;
	padding: 20px;
	margin-top:50px;
}

/* TESTIMONIALS SECTION */
#testimonials_wrapper {
	width: 270px;
	height: 380px;
	float: right;
	background: #403b33 url(../images/bg_brown.gif) repeat;
	margin-top: 50px;
	position: relative;
}
	#testimonials_rightcol_bg {
		background: url(../images/bg_quotes.jpg) no-repeat 10px 50px;
		height: 200px;
		padding: 20px 25px 0 25px;
	}

/* PORTFOLIO SECTION */
.portfolio_wrapper {
	height: 400px;	
	padding: 20px;
	background: #fff;
}
	.portfolio_slider {
		width: 550px;
		height: 360px;
		float: left;
		position: relative;
		background: #E5E5E5;
		-moz-box-shadow: 0 1px 10px #9f9f9f;
		-webkit-box-shadow: 0 1px 10px #9f9f9f;
	}	
	.ff2 .portfolio_slider, .ff3 .portfolio_slider, 
	.ff2 #rightcol_home, .ff3 #rightcol_home { /* Add borders to specific browser versions of FF via "css_browser_selector.js" */
		border: 1px solid #ccc;
	}
	.ff3_5 .portfolio_slider, .ff3_6 .portfolio_slider,
	.ff3_5 #rightcol_home, .ff3_6 #rightcol_home { /* remove borders on newer v. of FF via "css_browser_selector.js" */
		border: none;	
	}
	.portfolio_text {
		width: 333px;
		float: right;
		padding: 10px 0 0 0;
	}
		.portfolio_text ul {
			margin-top: 5px;
			padding: 0 0 0 20px;
		}
		.portfolio_text li {
			list-style: none;
			padding-left: 14px;
			font-size: 1.3em;
			display:  block;
			width: 110px;
			background: url(../images/bullet.png) no-repeat 0 50%;
		}
			.portfolio_text .right { 
				float: right; 
				padding-right: 60px;
			}
		.portfolio_text li.link {
			list-style: none;
			background: none;
			padding-left: 0;
		}

	/* jQuery Portfolio Main Tabs */
	ul.tabs {
		margin: 9px 0 0 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px; /*--Set height of tabs--*/
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		border: 1px solid #999;
		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
		background: #e0e0e0;
	}
	ul.tabs li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 1.2em;
		padding: 0 20px;
		border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
		outline: none;
	}
	ul.tabs li a:hover {
		background: #ccc;
	}
	html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #fff;
		border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	}
	#tab_container { 
		border: 1px solid #999;
		border-top: none;	
		overflow: hidden;
		clear: both;
		float: left; 
		width: 100%;
		height: 100%;
		background: #fff;
	}
	
	/* Portfolio sub-tab navigation  */
	ul.tabs_a, 
	ul.tabs_b,
	ul.tabs_c,
	ul.tabs_d,
	ul.tabs_e,
	ul.tabs_f,
	ul.tabs_g,
	ul.tabs_h {
		margin: 0;
		padding: 0;
		list-style: none;
		height: 25px; /*--Set height of tabs--*/
		width: 100%;
		position: absolute;
		top: 380px;
		left: 0;
		-moz-border-radius: 12.5px;
		-webkit-border-radius: 12.5px;
	}
	ul.tabs_a li, 
	ul.tabs_b li,
	ul.tabs_c li,
	ul.tabs_d li,
	ul.tabs_e li,
	ul.tabs_f li,
	ul.tabs_g li,
	ul.tabs_h li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		height: 25px; /*--Subtract 1px from the height of the unordered list--*/
		width: 25px;
		line-height: 25px; /*--Vertically aligns the text within the tab--*/
		background: #ccc;
		list-style: none;
		-moz-border-radius: 12.5px;
		-webkit-border-radius: 12.5px;
	}
	ul.tabs_a li a, 
	ul.tabs_b li a,
	ul.tabs_c li a,
	ul.tabs_d li a,
	ul.tabs_e li a,
	ul.tabs_f li a,
	ul.tabs_g li a, 
	ul.tabs_h li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 0.9em;
		padding: 0;
		outline: none;
		text-align: center;
		-moz-border-radius: 12.5px;
		-webkit-border-radius: 12.5px;
	}
	ul.tabs_a li a:hover, 
	ul.tabs_b li a:hover,
	ul.tabs_c li a:hover,
	ul.tabs_d li a:hover,
	ul.tabs_e li a:hover,
	ul.tabs_f li a:hover,
	ul.tabs_g li a:hover,
	ul.tabs_h li a:hover {
		background: #57b5e0;
		color: #fff;
	}
	html ul.tabs_a li.active, html ul.tabs_a li.active a:hover, html ul.tabs_a li.active a,  /*--Makes sure that the active tab does not listen to the hover properties--*/
	html ul.tabs_b li.active, html ul.tabs_b li.active a:hover, html ul.tabs_b li.active a,
	html ul.tabs_c li.active, html ul.tabs_c li.active a:hover, html ul.tabs_c li.active a,
	html ul.tabs_d li.active, html ul.tabs_d li.active a:hover, html ul.tabs_d li.active a,
	html ul.tabs_e li.active, html ul.tabs_e li.active a:hover, html ul.tabs_e li.active a,
	html ul.tabs_f li.active, html ul.tabs_f li.active a:hover, html ul.tabs_f li.active a,
	html ul.tabs_g li.active, html ul.tabs_g li.active a:hover, html ul.tabs_g li.active a,
	html ul.tabs_h li.active, html ul.tabs_h li.active a:hover, html ul.tabs_h li.active a {
		background: #57b5e0;
		color: #fff;
	}
	.tab_content_a, 
	.tab_content_b,
	.tab_content_c,
	.tab_content_d,
	.tab_content_e,
	.tab_content_f,
	.tab_content_g,
	.tab_content_h {
		font-size: 1.2em;
	}

/* SERVICES SECTION */
#leftcol_services {
	width: 60%;	
	float: left;
	overflow: hidden;
}
	ul#services_list {
		margin-top: -10px;
	}
		ul#services_list li {
			font-size: 1.4em;
			background: url(../images/check.png) no-repeat 0 20px;
			padding: 0 0 0 40px;
			list-style-type: none;
			overflow: hidden;
			text-shadow: #fff 0 1px 0;
		}
			ul#services_list li strong {
				display: block;
				font-size: 1.6em;
				margin: 20px 0 0 0;
				line-height: 1.2;
		}
#rightcol_process {
	width: 300px;	
	float: right;
	background: #403b33 url(../images/bg_brown.gif) no-repeat;
	padding: 20px 25px 30px 25px;
	margin-top:50px;	
}
	ul#process_list li {
		font-size: 1.2em;
		color: #CCC7B4;
		overflow: visible;
		text-shadow: #000 1px 1px 0;
	}
	ul#process_list li strong {
		font-size: 1.4em;
		display: block;
		font-weight: normal;
		margin: 15px 0 1px 0;
		padding: 0;
		line-height: 1.2;
		color: #fff;
	}

/* CONTACT SECTION */
#contact_form {
	padding-top:20px;	
}
	#submit { /* margin on Contact form submit button */
		padding: 19px 0 0 0;
	}
		#submit p { /* margin on Contact form submit button */
			margin: 0;
		}
		ul#contact_list li {
			font-size: 1.2em;
			padding-left: 25px;
			color: #CCC7B4;
			background: url(../images/icon_contact.png) no-repeat;
			overflow: hidden;
		}
			ul#contact_list li.email {
				background-position: 0 17px;
			}
			ul#contact_list li.twitter {
				background-position: 0 -31px;
			}
			ul#contact_list li.phone {
				background-position: 0 -80px;
			}
		ul#contact_list li strong {
			font-size: 1.4em;
			display: block;
			font-weight: normal;
			margin: 15px 0 1px 0;
			padding: 0;
			line-height: 1.2;
			color: #fff;
		}
		
	/* Contact Form  */
	#cf_submit_p { 
		text-align: left;
	}
	.error {
		color: #c00808; 
		font-size: 1.2em; 
		position: relative; 
		display: none; 
		text-shadow: #fff 0 1px 0; 
	}
	.success { 
		display: none; 
		padding: 10px 0 10px 0; 
		font-size: 1.6em; 
		background-color: none; 
		width: 100%; 	
	}
	textarea {
		overflow: auto; /* Remove Scrollbar in IE */
	} 
	label {
		display: inline; 
		font-size: 1.4em; 
		color: #403B33;
	}
	form div {
		padding: 3px 0 9px 0;
	}
	.input-text, textarea {
		border: 1px solid #BBBBBB;
		background: scroll 0 0 #fff;
		color: #403B33;
		display: block;
		height: 23px;
		padding: 3px 4px;
		position: relative;
		z-index: 2;
		width: 95%;
		font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.textarea textarea {
		height: 146px;	
	}
	.input-text:hover, .input-text:focus, textarea:hover {
		background-color: #e9e9e9;
		border: 1px solid #999;
	}
	
	

/* TWITTER FOOTER SECTION */

	/* Twitter feed */
	.tweet, .query {
		font-size: 1.25em;
	}
	.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
		text-transform: uppercase; 
	}
	.tweet_time, .tweet_join {
		color: #403B33;
		font-style: italic;
	}
	p.loading {
		padding-top: 5px;	
		float: left;
		font-size: 1.1em;
		text-shadow: none;
		font-style: italic;
	}
	.tweet .tweet_list, .query .tweet_list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	.tweet .tweet_list li, .query .tweet_list li {
		padding-top: 6px;
		color: #e3f6ff;
	}
	span.tweet_join, span.tweet_text, span.tweet_time {	
		font-size: 1.1em;
	}
	
	/* "Follow Me" button */
	ul#button_twitter li {
		margin: 0;
		overflow: hidden;
		text-indent: -9999px;
		float: right;
	}
		ul#button_twitter li a {
			background: url(../images/button_twitter.png) no-repeat; 
			width: 100%; 
			height: 100%; 
			display: block;
		}
	ul#button_twitter li#btn1 {width: 156px; height: 45px;} /* Twitter "Follow me" button hover control */
	ul#button_twitter li#btn1 a {background-position: 0 0;}
	ul#button_twitter li#btn1 a:hover {background-position: 0 -45px;}
	ul#button_twitter li#btn1 a:active {background-position: 0 -44px;}