/* Silenced Scream - A Visual History of the 1989 Tiananmen Protests
	copyright 2009 Forrest and Donna Anderson - Rouviere Media
	Version 20090604 */
	
* { 
	margin: 0;
	padding: 0; 
	}	
	
body { 
	background: #000;
	color: #000; 
	font: 1em "Myriad Pro", Arial, sans-serif; 
	line-height: 1.5em;
	}	
	
#container { 
	width: 980px; 
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 2px solid #d91f3d; 
	}	
	
#left_col { 
	width: 500px;
	height: 640px;
	margin: 15px 10px 20px 20px;
	border: 1px solid #d91f3d;
	}
	
#about #left_col { 
	width: 630px;
	height: 640px; 
	margin: 15px 10px 20px 20px;
	border: 1px solid #d91f3d;
	}		

#text_area { 
	background-color: #fff;
	float: left;
	width: 410px;
	height: 550px;
	margin: 10px 5px 5px 15px;
	padding: 30px;
	border: 1px solid #d91f3d;
	}
	
#about #text_area { 
	width: 540px;
	height: 550px;
	margin: 10px 5px 5px 15px;
	}		
	
#book_cover { 
	float: right;
	margin: 10px 30px 20px 10px;
	border: 1px solid #d91f3d; 
	}
		
#book_cover img { 
	margin: 10px;
	border: none;
	}	
	
object#preview { 
	display: block;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 20px;
	}
	
			
	
#footer { 
	clear: both;
	width: 980px;
	height: 3em;
	border-top: 1px solid #d91f3d;
	}	
	
p { 
	text-align: justify;
	margin-bottom: .8em; 
	}
	
#view h3, #view p { 
	color: #fff; 
	text-align: center;
	}
	
#view h3 { 
	font-size: 1.1em;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px; 
	}

#view h3 { 
	font-size: 1.1em;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px; 
	}
	
#view p { 
	margin-top: 0; 
	}			
	
#about #text_area p { 
	width: 340px; 
	}	
	
.red_text { 
	color: #d91f3d; 
	line-height: 1.2em;
	}	
	
#text_area a:link, #text_area a:visited { 
	color: #d91f3d;
	text-decoration: none;
	}				
	
#text_area a:hover, #text_area a:active { 
	text-decoration: underline; 
	}	
	
p.button { 
	text-align: center; 
	margin-top: 20px;
	margin-bottom: 30px;
	}	
	
p#buy.button a { 
	padding-left: 3.4em; 
	padding-right: 3.4em; 
	}
	
input.pp_button { 
	margin-top: -10px;
	margin-left: 95px;
	margin-bottom: 15px; 
	}
	
#about input.pp_button { 
	margin-left: 35px; 
	}				
	
p.button a:link, p.button a:visited { 
	color: #000;
	background-color: #fff;
	font-size: 1.2em;
	padding: 0.2em;
	border: 4px solid #d91f3d;
	text-decoration: none;
	}
	
#about p.button a:link, #about p.button a:visited { 
	font-size: 1.1em; 
	}		
	
p.button a:hover, p.button a:active { 
	color: #fff;
	background-color: #000;
	text-decoration: none;
	}
	
#footer p { 
	color: #d91f3d; 
	}	
	
#footer img { 
	float: left;
	margin: 5px 30px 5px 20px;
	}
	
p#web { 
	width: 120px;
	float: left;
	margin: 10px;
	}
	
p#web a:link, p#web a:visited { 
	color: #d91f3d;
	text-decoration: none;
	font-size: .825em;
	}				
	
p#web a:hover, p#web a:active { 
	text-decoration: underline; 
	}
	
#copyright { 
	float: right; 
	margin: 10px 20px 10px 0;
	font-size: .825em;
	font-weight: lighter;
	}	
	
img { 
	border: none; 
	}
	
img.right { 
	float: right;
	margin-left: 20px; 
	margin-bottom: 40px;
	}	
	
#banner img { 
	border: none;
	width: 978px;
	}
	
img#reload { 
	margin-left: 10px;
	margin-bottom: 10px; 
	}		
	
#banner { 
	border-bottom: 1px solid #d91f3d;
	}

ul#nav { 

	padding: 0;
	list-style: none;
	width: 980px;
	height: 2.1em;
	}	
	
ul li { 
	float: left; 
	}	
	
ul a { 
	display: block;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	line-height: 2.1em;
	font-size: 1em;
	font-weight: 100;
	}
	
a#home { 
	margin: 5px 350px 0 30px; 
	}	
	
a#about1 { 
	margin: 5px 300px 0 0;
	}		
	
a#contact { 
	margin: 5px 0 0 40px; 
	}
	
a#home.selected, a#about1.selected, a#contact.selected  { 
	text-decoration: underline;
	}				
	
li a:link, li a:visited { 
	color: #fff;
	text-decoration: none; 
	}	
	
li a:hover, li a:active { 
	color: #d91f3d;
	text-decoration: underline; 
	}	
	
/* @group Contact Form */

#freeform { 
	width: 400px; 
	margin-left: 10px; 
	margin-top: 10px; 
	font-size: 18px;
	}

#freeform label, label span { 
	display: block; 
	padding-bottom: .25em; 
	color: #d91f3d;
	}

#freeform label { 
	float: left; 
	width: 100%; 
	}	

#freeform label span { 
	float: left; 
	width: 28%; 
	text-align: left; 
	}	
	
fieldset { 
	border: none; 
	margin-left: 10px;
	}	

fieldset input, input#keywords { 
	float: left; 
	width: 60%; 
	border: 1px solid #d91f3d; 
	}
	
input#username, input#password { 
	border: 1px solid #d91f3d; 
	font-size: 1.2em;
	color: #333;
	}	
	
col { 
	color: #0a68dd; 
	}	
	
textarea { 
	float: left; 
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 18px;
	border: 1px solid #d91f3d; 
	}	

fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { 
	border-color: #a71a22; 
	}

fieldset input:active, input:focus, #search_input input:focus { 
	border-color: #a71a22; 
	}

textarea { 
	width: 400px; 
	height: 200px;
	}

#freeform input[type="text"] { 
	width: 250px; 
	height: 1.2em;
	font-size: .9em;
	}

input.radio, input.checkbox, input.submit { 
	width: auto; 
	}
	
input.submit_button {  
	margin-top: 10px;
	margin-left: 155px;
	}	
	
input#submit { 
	margin-top: 10px; 
	}	
	
/* @end */

/* @group Buy Now Page */

#buy_now #text_area { 
	width: 90%;
	height: 100%; 
	}
	
#buy_now #text_area img { 
	border: 1px solid #d91f3d;
	margin-bottom: 20px; 
	}	
	
#buy_now h3 { 
	color: #d91f3d; 
	}
	
#buy_now #text_area img.no_border { 
	border: none; 
	}		

/* @end */

/* Silenced Scream: A Visual History of the 1989 Tiananmen Protests
Copyright 2009 Forrest and Donna Anderson - Rouviere Media
	Version 20090604 */
	
* { 
	margin: 0;
	padding: 0; 
	}	
	
body { 
	background: #000;
	color: #000; 
	font: 1em "Myriad Pro", Arial, sans-serif; 
	line-height: 1.5em;
	}	
	
#container { 
	width: 980px; 
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 2px solid #d91f3d; 
	}	
	
#left_col { 
	width: 500px;
	height: 640px;
	margin: 15px 10px 20px 20px;
	border: 1px solid #d91f3d;
	}
	
#about #left_col { 
	width: 630px;
	height: 640px; 
	margin: 15px 10px 20px 20px;
	border: 1px solid #d91f3d;
	}		

#text_area { 
	background-color: #fff;
	float: left;
	width: 410px;
	height: 550px;
	margin: 10px 5px 5px 15px;
	padding: 30px;
	border: 1px solid #d91f3d;
	}
	
#about #text_area { 
	width: 540px;
	height: 550px;
	margin: 10px 5px 5px 15px;
	}		
	
#book_cover { 
	float: right;
	margin: 5px 30px 20px 10px;
	border: 1px solid #d91f3d; 
	}
		
#book_cover img { 
	margin: 10px;
	border: none;
	}	
	
object#preview { 
	display: block;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 20px;
	}
	
#footer { 
	clear: both;
	width: 980px;
	height: 3em;
	border-top: 1px solid #d91f3d;
	}	
	
p { 
	text-align: justify;
	margin-bottom: .8em; 
	}
	
#view h3, #view p { 
	color: #fff; 
	text-align: center;
	}
	
#view h3 { 
	font-size: 1.1em;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px; 
	}

#view h3 { 
	font-size: 1.1em;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 10px; 
	}
	
#view p { 
	margin-top: 0; 
	}			
	
#about #text_area p { 
	width: 340px; 
	}	
	
.red_text { 
	color: #d91f3d; 
	line-height: 1.2em;
	}	
	
#text_area a:link, #text_area a:visited { 
	color: #d91f3d;
	text-decoration: none;
	}				
	
#text_area a:hover, #text_area a:active { 
	text-decoration: underline; 
	}	
	
p.button { 
	text-align: center; 
	margin-top: 20px;
	margin-bottom: 30px;
	}	
	
p#buy.button a { 
	padding-left: 2.5em; 
	padding-right: 2.5em; 
	}
	
input.pp_button { 
	margin-top: -10px;
	margin-left: 95px;
	margin-bottom: 15px; 
	}
	
#about input.pp_button { 
	margin-left: 35px; 
	}				
	
p.button a:link, p.button a:visited { 
	color: #000;
	background-color: #fff;
	font-size: 1.2em;
	padding: 0.2em;
	border: 4px solid #d91f3d;
	text-decoration: none;
	}
	
#about p.button a:link, #about p.button a:visited { 
	font-size: 1.1em; 
	}		
	
p.button a:hover, p.button a:active { 
	color: #fff;
	background-color: #000;
	text-decoration: none;
	}
	
#footer p { 
	color: #d91f3d; 
	}	
	
#footer img { 
	float: left;
	margin: 5px 30px 5px 20px;
	}
	
p#web { 
	width: 120px;
	float: left;
	margin: 10px;
	}
	
p#web a:link, p#web a:visited { 
	color: #d91f3d;
	text-decoration: none;
	font-size: .825em;
	}				
	
p#web a:hover, p#web a:active { 
	text-decoration: underline; 
	}
	
#copyright { 
	float: right; 
	margin: 10px 30px 10px 0;
	font-size: .825em;
	font-weight: lighter;
	}	
	
img { 
	border: none; 
	}
	
img.right { 
	float: right;
	margin-left: 20px; 
	margin-bottom: 40px;
	}	
	
#banner img { 
	border: none;
	width: 978px;
	}
	
img#reload { 
	margin-left: 10px;
	margin-bottom: 10px; 
	}		
	
#banner { 
	border-bottom: 1px solid #d91f3d;
	}

ul#nav { 
	padding: 0;
	list-style: none;
	width: 980px;
	height: 2em;
	}	
	
ul li { 
	float: left; 
	}	
	
ul a { 
	display: block;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 5px;
	padding: 0 3.7em;
	line-height: 2em;
	font-size: 1em;
	font-weight: 100;
	}				
	
li a:link, li a:visited { 
	color: #fff;
	text-decoration: none; 
	}	
	
li a:hover, li a:active { 
	color: #d91f3d;
	text-decoration: underline; 
	}	
	
li a.selected  { 
	text-decoration: underline;
	}	
	
/* @group Contact Form */

#freeform { 
	width: 400px; 
	margin-left: 10px; 
	margin-top: 10px; 
	font-size: 18px;
	}

#freeform label, label span { 
	display: block; 
	padding-bottom: .25em; 
	color: #d91f3d;
	}

#freeform label { 
	float: left; 
	width: 100%; 
	}	

#freeform label span { 
	float: left; 
	width: 28%; 
	text-align: left; 
	}	
	
fieldset { 
	border: none; 
	margin-left: 10px;
	}	

fieldset input, input#keywords { 
	float: left; 
	width: 60%; 
	border: 1px solid #d91f3d; 
	}
	
input#username, input#password { 
	border: 1px solid #d91f3d; 
	font-size: 1.2em;
	color: #333;
	}	
	
col { 
	color: #0a68dd; 
	}	
	
textarea { 
	float: left; 
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 18px;
	border: 1px solid #d91f3d; 
	}	

fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { 
	border-color: #a71a22; 
	}

fieldset input:active, input:focus, #search_input input:focus { 
	border-color: #a71a22; 
	}

textarea { 
	width: 400px; 
	height: 200px;
	}

#freeform input[type="text"] { 
	width: 250px; 
	height: 1.2em;
	font-size: .9em;
	}

input.radio, input.checkbox, input.submit { 
	width: auto; 
	}
	
input.submit_button {  
	margin-top: 10px;
	margin-left: 155px;
	}	
	
input#submit { 
	margin-top: 10px; 
	}	
	
/* @end */

/* @group Buy Now Page */

#buy_now #text_area { 
	width: 90%;
	height: 100%; 
	}
	
#buy_now #text_area img { 
	border: 1px solid #d91f3d;
	margin-bottom: 20px; 
	}	
	
#buy_now h3 { 
	color: #d91f3d; 
	}
	
#buy_now #text_area img.no_border { 
	border: none; 
	}		

/* @end */