/* ABOUT.HTML */

blockquote{
margin-top: 0px;
margin-bottom: -20px;
background: url(http://localhost:8080/images/about/endquote.png) no-repeat right bottom;
text-align: center;
display: block;
width: 600px;
font-size: 200%;
}

blockquote:first-letter {
background: url(http://localhost:8080/images/about/openquote.png) no-repeat left top;
padding-left: 40px;
}

#about_page_press_link{
float: right;
margin-top: 15px;
margin-right: 80px;
}

#about_video{
margin-top: 10px;
}

#tryitbutton_wrapper{width: 200px; float: left;}
#tryitbutton { float: left; margin-left: 8px; background-image: url(/images/front/button_try_it_complex.png); }
#tryitbutton_time { float: left; clear: both; font-size: 11px; 
		      width: 190px; margin-left: 15px; text-align: center;}

.button { height: 40px; width: 200px; }
.button { background-position: 0 -80px; }
.button:hover { background-position: 0 -40px; }
.button:active { background-position: 0 0; }

#tryitbutton_blurb {
 float: left;
 font-size: 18px;
 color: #646464;
 width: 380px;
 margin: 8px;
 margin-right: 0px;
}

ul.no_bullet{
list-style-type: none;
padding-left: 0px;
}

#about_goals {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border: 2px solid #cfcfcf;
 width: 658px;
 padding: 5px;
 margin-bottom: 15px;
}
#about_goals h2 {
 font-size: 20px;
 height: 30px;
 padding-top: 5px;
 padding-left: 30px;
 margin-top: 0;
}
#about_goals { float: left; padding: 5px; padding-top: 11px; }
.about_more { font-size: 13px; }
#about_goals p {
 margin-right: 60px;
}

#about_highlights {
 float: left;
 width: 215px;
 padding-left: 5px;
 padding-right: 5px;
 margin-bottom: 10px;
}

.highlight_pic{
float: left;
}

#about_highlights h3 {
 font-size: 18px;
 margin-top: -3px;
 margin-left: 8px;
 margin-bottom: 3px;
 padding-right: 15px;
 float: left;
 width: 160px;
}

#about_highlights div {
 margin-left: 37px;
 line-height: 16px;
}

#highlights_row{
margin-bottom: 10px;
}

#about_story p
{
font-size: 16px;
}

#two_goals {
 margin-left: 45px;
}

.with_icon {
 background: transparent url(/images/about/highlights.png) no-repeat 0 0;
 padding-left: 35px;
 padding-top: 5px;
 height: 30px;
 margin-bottom: 0px;
}

#two_goals_heading {
 background-position: 0 0;
 height: 35px;
 padding-top: 0px;
 margin-top: 0;
}

#goal_one {
 background-position: 0 -140px;
}

#goal_two {
 background-position: 0 -175px;
}

h1, h2, h3, h4, h5, h6 {
 color: #646464;
 margin-top: 4px;
 margin-bottom: 4px;
}

#textbook_showcase{
margin-bottom: 10px;
}

#chinese_textbooks{
width: 335px;
float: left;
}

#japanese_textbooks{
width: 335px;
float: left;
}

/* Secret History */

.mementos {
 margin-left: auto;
 margin-right: auto;
}

.just_two {
 width: 428px;
}

.mementos img, .memento_side {
 margin: 5px;
 border: 1px solid black;
}

.memento_side {
 float: right;
}


/* Press / Team / Story / Us / Real About Page */

#left_column {
 float: left;
 width: 400px;
 border-right: 1px solid gray;
}
	
#team_section {
 float: right;
 width: 250px;
 border-bottom: 1px solid gray;
}

#contact_info {
 float: right;
 width: 250px;
 font-size: 16px;
 margin-top: 16px;
}

#storytext { margin-right: 20px; }

#header	{ margin-bottom: 10px; }

#numero	{ margin-top: 6px; }

#press_faq {
	float: left;
	width: 400px;
	border-right: 1px solid gray;
	margin-right: 15px;
	}
	
#assets{
float: right;
width: 250px;
	}

#logo_links{
	width: 200px;
	margin-top: 0;
	margin-bottom: 0;
	}

#name_breakdown{
	margin-top: 0;
	margin-bottom: 20px;
	}


.team_blurb {
 height: 82px;
 padding-top: 3px;
 font-size: 16px;
}

.team_img {
 clear: both;
 float: left;
 border: 1px solid black;
 padding: 0;
 margin-right: 5px;
 margin-top: 4px;
 width: 70px;
 height: 70px;
}

.team_name {
 font-weight: bold;
 font-size: 21px;
 line-height: 0px;
}

.team_name a, .team_name a.visited { color: black; }

.social_media {
 clear: left;
 margin-top: 5px;
}

.social_media img {
 float: left;
 margin-right: 5px;
}

.faq_content {
 font-size: 16px;
 margin-right: 20px;
}

.logos {
 margin-top: 10px;
 border: 0;
}

/*Rules for the VWO test of the "Why Skritter" page */

h1, h2 {color: black; margin: 0px 0px 5px 0px; padding-top: 10px; }
h3 {color: black; margin-bottom: 0px; font-size: 16px;}
.demonstration{float: left; margin: 6px 5px 10px 0px;}
p {margin: 0px 0px 17px 0px; font-size: 11px;}

.recent_counter{margin-right:7px;}
.tripoint {margin-top: 10px;}
.tripoint div {
	width: 30px; 
	height: 30px; 
	float: left; 
	margin: 3px 5px 0px 5px; 
	background-image:url(/images/about/whyskritter_icons.png);
	background-repeat: no-repeat;}
#fun_section{margin-top: 10px;}
#fun_section h3{margin-top: 0px;}
#fun_section p{margin-bottom: 10px;}
.funfaceshot {float: left; margin: 3px 10px 2px 5px;}
#footer_try_it_button{margin-top: 20px;}


#icon1{background-position: 0px 0px;}
#icon2{background-position: 0px -30px;}
#icon3{background-position: 0px -60px;}
#icon4{background-position: 0px -90px;}	
#icon5{background-position: 0px -120px;}
#icon6{background-position: 0px -150px;}
#icon7{background-position: 0px -180px;}
#icon8{background-position: 0px -210px;}
#icon9{background-position: 0px -240px;}