/* @override http://c541910.r10.cf2.rackcdn.com/styles5.css */

/* @override http://c541910.r10.cf2.rackcdn.com/styles3.css */

/* @override http://c541910.r10.cf2.rackcdn.com/styles2.css */

/* @override http://c541910.r10.cf2.rackcdn.com/styles.css */

/* @override http://localhost:8888/drphil_twitter_distant/styles.css */

/* @override http://localhost:8888/drphil_twitter_distant/styles.css */

/* @override http://localhost:8888/drphil_twitter/styles.css */

/* @override http://localhost:8888/drphil_twitter/styles.css */

@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html{
	background: #0a1a37 url(images/bg_footer.jpg) repeat-x 0 659px;
}
body{
	background:  url(bg_BCGD3.jpg) no-repeat center top;
	color: #fff;
	font: 12px/1.7 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
a, a:link, a:active, a:visited{
	color: #fff;
	outline: none;
}
a:hover{
	text-decoration: none;
}
a:active {
  outline: none;
}

#wrapper{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	position: relative;
	height: 652px;
}
#logo{
	width: 132px;
	height: 110px;
	background-image: url(images/logo.png);
	position: absolute;
	left: 0;
	top: 50px;
}
#drphil{
	width: 321px;
	height: 405px;
	position: absolute;
	top: 255px;
	left: 245px;
	z-index: 4;
	background: url(images/drphil.png) no-repeat;
}
#copy{
	width: 310px;
	position: absolute;
	top: 60px;
	left: 180px;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	color: #f9e800;
	text-shadow: #000000 1px 1px 0px;
}
#continue a{
	width: 225px;
	height: 63px;
	background: url(images/sprites.png) no-repeat -1px -270px;
	position: absolute;
	left: 0;
	font-size: 1px;
	text-decoration: none;
	color: #0a1a37;
	text-indent: -9999px;
	top: 585px;
}
/* SIDEBAR */
#sidebar{
	position: absolute;
	top: 220px;
	left: 0;
	z-index: 1;
}
#sidebar h2{
	margin-bottom: 5px;
	/*text-indent: -9999px;*/
	color: #000;
	height: 17px;
	line-height: inherit;
	position: relative;
	top: 0;
	left: 0;
}
#sidebar h2 span{
	display: none;
}
/* More */
#more{
	margin-bottom: 10px;
	font: 16px/22px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
#more h2{
	/*background: url(images/sprites.png) no-repeat scroll -1px -220px;*/
	zoom:1;
	line-height: inherit;
}
#more ul{
	list-style-type: none;
	margin: 0;
	padding: 20px 15px;
	width: 273px;
	height: 191px;
	background: url(images/bg_transparent1.png) no-repeat;
}
#more ul li{
	padding-left: 15px;
	background: url(images/arrow.png) no-repeat 0 6px;
	margin-bottom: 9px;
}
#more ul li a{
	text-decoration: none;
}
#more ul li a:hover{
	text-decoration: underline;
}

/* Social */

#social h2{
	/*background: url(images/sprites.png) no-repeat scroll -1px -245px;*/
	zoom:1;
	line-height: inherit;
}
#social_icons{
	width: 264px;
	height: 43px;
	background: url(images/bg_transparent2.png) no-repeat;
	padding: 15px 10px 5px 20px;
}
#social_icons a{
	color: #000;
	font-size: 1px;
	text-indent: -9999px;
	text-decoration: none;
	width: 35px;
	height: 35px;
	margin-right: 15px;
	float: left;
}
#social_twitter{
	background: url(images/sprites.png) no-repeat -2px -2px;
}
#social_myspace{
	background: url(images/sprites.png) no-repeat -40px -2px;
}
#social_facebook{
	background: url(images/sprites.png) no-repeat -76px -2px;
}
#social_youtube{
	background: url(images/sprites.png) no-repeat -114px -2px;
}
/* WALL */

#wall{
	width: 461px;
	height: 643px;
	background-image: url(images/bg_wall.png);
	position: absolute;
	top: 50px;
	right: -2px;
	z-index: 3;
}
#twitter_logo{
	height: 61px;
	background: url(images/sprites.png) no-repeat -18px -137px;
	width: 86px;
	top: -21px;
	right: 71px;
	position: absolute;
}
#wall_controls{
	position: absolute;
	z-index: 2;
	top: 148px;
	height: 75px;
	right: 446px;
	width: 40px;
}
#prev{
	width: 40px;
	height: 35px;
	background: url(images/sprites.png) no-repeat -121px -133px;
	float: left;
	font-size: 1px;
	text-decoration: none;
	text-indent: -9999px;
	margin-bottom: 5px;
	position: absolute;
	left: 40px;
	top: 0;
}

#prev:hover{
	background: url(images/sprites.png) -168px -133px;
}

#next{
	width: 40px;
	height: 35px;
	background: url(images/sprites.png) no-repeat -121px -174px;
	float: left;
	font-size: 1px;
	text-decoration: none;
	text-indent: -9999px;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
}


#next:hover{
	background: url(images/sprites.png) -168px -174px;
}
#wall_content{
	width: 400px;
	/*height: 86%;*/
	margin: 20px 20px 0;
	padding: 10px;
	float: left;
}
#wall_header{
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
#wall_header_left{
	float: left;
	background: url(images/sprites.png) no-repeat -2px -340px;
	height: 83px;
	width: 165px;
	margin-top: -30px;
}

#wall_header_right{
	float: right;
	width: 50%;
}
#follow_bt span{
	display: none;
}
#follow_bt{
	color: #fff;
	font-size: 1px;
	/*text-indent: -9999px;*/
	/*background: url(images/sprites.png) no-repeat -3px -39px;*/
	background-image:url(images/sprites.png);
	background-position: -3px -39px;
	background-repeat: no-repeat;
	width: 202px;
	height: 41px;
	display: inline-block;
	zoom:1;
}
#follow_bt:hover{
	background-image:url(images/sprites.png);
	background-position: -3px -84px;
	background-repeat: no-repeat;
}

/* TWEETS */
#tweets_container{
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	clear: both;
	float: left;
	overflow: hidden;
}
#tweets{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	float: left;
	clear: both;
}
#tweets, #tweets .twtr-tweet{
	color: #333;
	font: italic 14px/21px Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	clear: both;
	width: 100%;
	background-color: transparent;
	border-style: none;
}

#tweets .twtr-tweet{
	color: #333;
	font: italic 15px/21px Georgia, "Times New Roman", Times, serif;
	list-style-type: none;
	padding-top: 20px;
	clear: both;
	width: 100%;
	background-color: transparent;
	border-style: none;
}
#tweets .twtr-widget .twtr-tweet-wrap{
	padding: 0;
	margin: 0;
}
#tweets a{
	color: #7a85e1;
	text-decoration: none;
}
#tweets.twtr-widget{
	
}
#tweets .twtr-hd{
	display: none;
}
#tweets .twtr-doc,#tweets .twtr-timeline,#tweets .twtr-bd, #tweets .twtr-tweets{
	background-color: transparent;
	border-style: none;
	margin: 0;
	padding: 0;
}
#tweets .twtr-img{
	width: 48px;
	height: 48px;
}
#tweets .twtr-img img{
	width: 48px;
	height: 48px;
	border: 1px solid #eeeeee;

}
#tweets .twtr-tweet-wrap .twtr-tweet-text {
	margin-left: 50px;
	line-height: 22;
	font-size: 15px;
}
#tweets .twtr-widget p {
	line-height: 1.5;
	font-size: 14px;
	
}
#tweets a:hover{
	text-decoration: none;
	color: #3cf;
}
#tweets li, #tweets .twtr-tweet{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #e2e2e2;
	clear: both;
	float: left;
	width: 100%;
	height: 85px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tweet_avatar{
	width: 48px;
	height: 48px;
	background-color: #000;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
.tweet_avatar img{
	border: 1px solid #eeeeee;
}
.tweet_text{
	float: right;
	width: 340px;
}
.tweet_time{
}
#tweets .tweet_time a{
	color: #aaaaaa;
	font-size: 11px;
	line-height: 11px;
}
#tweets .tweet_time a:hover{
	color: #333;
}
#tweets li:last-child{
	border-bottom-style: none;
}