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

body {
	background-image:url(../images/page_bg_sm.jpg);
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	xbackground-color:#e42128;
	background-color:#dddddd;
}

p {
font-size:12px;	
}
.slide-out-div {
          padding: 20px;
          width: 250px;
          background: #fafafa;
          border: 1px solid #ff1100;
      }  
#main {

	width:100%;
	height:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	overflow:auto;
	background-repeat: repeat-x;
	xbackground-image:url(../images/bg_repeat.jpg);

}

#centered_content{
	width:980px;
	margin:auto;


}

#top_content{
	width:980px;
	margin:auto;	
	position:relative;	
}

#logo{
	height:100px;
	padding:15px;
	float:left;
}

#description{
	width:670px;
	float:left;
	position:relative;
	margin-top:45px;
	color:#e42128;
	font-size:24px;
	font-weight:bolder;
	text-align:right;
	font-style:italic;


}

#content_body{
	min-height:100%;
	padding:15px;
	background-color:#fefefe;
	border:1px solid #dedede;
	position:relative;
	overflow:auto;
	height:auto;
	float:left;
	-moz-border-radius:20px;
	-webit-border-radius:20px;
	-moz-box-shadow:5px 5px 10px rgba(44,0,0,0.2);
	-webit-box-shadow:5px 5px 10px rgba(44,0,0,0.2);		
}

#content_body strong {
 font-size:18px;	
}

#valueadd {
	padding-top:15px;
	float:left;
	width:400px;
	margin-left:10px;
	color:#333;
	font-size:12px;
}

#get_started{
	padding-top:15px;
	float:left;
	width:530px;

}

label {
	width:200px;
	margin-right:10px;
	
}

#labelrow{
padding-top:10px;	
}

h4 {
	font-size:18px;
	color:#e42128;
	font-weight:bold;
}


#twitter_checkin{
	padding:15px;
	float:left;
	width:480px;
	background-color:#eaf9fa;
	

}
#facebook_checkin{
	padding:15px;
	float:left;
	width:480px;
	background-color:#a0b8e9;
	margin-top:15px;
}

#output{
	padding-top:15px;
	float:left;
	width:940px;
	font-size:12px;

}


#output a{
	color:#000;	
	font-size:12px;
}


ul {
	list-style-type:square;
}

.checkinlabel{
	color:#333;
	font-size:12px;

	padding-right:15px;
	font-weight:bold;	
		
}
.checkinvalue{
	background-color:#FAFAFA;
	padding:2px;
	margin:4px;
	text-align:center;
	-moz-border-radius:8px 0px 8px 0px;
	-webit-border-radius:8px 0px 8px 0px;

}
.positive {
	color:#090;	
	font-weight:bold;
	-moz-box-shadow:5px 5px 10px rgba(0,75,0,0.4);
	-webit-box-shadow:5px 5px 10px rgba(0,75,0,0.4);	
}
.negative {
	color:#900;
	font-weight:bold;	
	-moz-box-shadow:5px 5px 10px rgba(75,0,0,0.4);
	-webit-box-shadow:5px 5px 10px rgba(75,0,0,0.4);	
}
.neutral {
	color:#0000FF;	
	font-weight:bold;	
	-moz-box-shadow:5px 5px 10px rgba(0,0,75,0.4);
	-webit-box-shadow:5px 5px 10px rgba(0,0,75,0.4);	
}

.plusminus {
	font-size:36px;
	margin-top:5px;
	margin-bottom:5px;
	display:block;

}

.friends {
	padding:5px;
	width:190px;
	float:left;
}
.followers {
	padding:5px;
	width:190px;
	float:left;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
    background:#EEE;
	-moz-border-radius:0px 0px 8px 8px;
	-webit-border-radius:0px 0px 8px 8px;
    
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background-color:#DDD;
	
   
}


#last_checkin{
	padding-top:15px;

	
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;	
	

}
#last_checkin em{
	color:#000;
	margin-bottom:10px;
	display:block;
	font-weight:bold;	

}
#current_checkin{
	padding:15px;
	

	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#current_checkin em{
	color:#e42128;
	margin-bottom:10px;
	display:block;
	font-weight:bold;
}

#first_checkin{
	padding:15px;
	width:860px;
	background-color:#EEE;
	float:left;
	height:300px;	
}
#first_checkin em{
	color:#e42128;
	margin-bottom:10px;
	display:block;
	font-weight:bold;
}


#footer{
	text-align:center;
	padding:20px;
	margin-top:25px;
	float:left;
	width:900px;
	color:#e42128;
	font-size:12px;
}
a{
	color:#e42128;
	font-size:12px;	
}
a:hover{
	color:#333;
}

#footer a{
	color:#e42128;
	font-size:12px;	
}
#footer a:hover{
	color:#333;
}
#footer ul {
	display:inline;
}
#footer ul li{
	display:inline;
	padding-left:20px;
}


#follow_friend_discrep {
	float:left;
	padding:20px;
	margin-top:25px;
	float:left;
	width:900px;
	color:#e42128;
	font-size:12px;	
	background-color:#EAEAEA;
	-moz-border-radius:12px;
	-webit-border-radius:12px;	
}
#follow_friend_discrep em{
	color:#e42128;
	margin-bottom:10px;
	display:block;
	font-weight:bold;
}