@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			Union Room
	Author: 		Paul Arnold | Union Room
	Created: 		26th August 2009
	Updated: 		
	Copyright: (c) 2009, Union Room Ltd.
	
=======================================
*/

/* === Tags and Global Elements === */

* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	background-image: url(../img/backgrounds_books_full.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #000;
}

img { border: 0; }

h2 { font-size: 2.7em; color: #CCCCCC; }

h3 { margin-bottom: 15px; }

p { margin-bottom: 10px; }

/* === IDs and Classes === */
#wrapper { width: 100%; background-image: url(../img/background_purple.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: -5px; }

#container {  width: 960px; clear: both; margin: 0 auto; margin-bottom: -10px; }
#header { width: 930px; height: 207px; clear: both; background: url(../img/hdr.jpg) no-repeat; }
	#logo { width: 290px; height: 210px; position: relative; left: -27px; float: left; }
	#soc_net { width: 327px; height: 48px; position: relative; right: 10px; float: right; }
	#top_ad { width: 468px; height: 60px; float: right; margin-top: 84px; margin-right: 1px; }

#blog_link { position: absolute; top: 0; right: 0; width: 111px; height: 112px; text-align: right; z-index: 200; }
	
#main { width: 960px; min-height: 500px; background: url(../img/main.jpg) no-repeat; }

#wrapper #centre_column { background: url(../img/backgrounds_centre.jpg) repeat-y; background-position: center top;  width: 930px; margin: 0 auto; }
	#wrapper #centre_column #centre_content { background: url(../img/backgrounds_centre.jpg) repeat-y; background-position: center top; clear: both; position: relative; top: -5px; margin-bottom: -10px; }

#left_nav { width: 233px; min-height: 700px; background: url(../img/left_nav.png) no-repeat; float: left; }

	#left_nav #left_links { width: 233px; }
	#left_nav #left_links a { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-decoration: none; font-weight: bold; }
	
	#left_nav #left_links #link1 { margin-left: 85px; margin-top: 9px; font-size: 12px; }
	#left_nav #left_links #link2 { margin-left: 70px; margin-top: 9px; font-size: 12px; }
	#left_nav #left_links #link3 { margin-left: 25px; margin-top: 9px; font-size: 10px; }
	#left_nav #left_links #link4 { margin-left: 80px; margin-top: 11px; font-size: 12px; }
	#left_nav #left_links #link5 { margin-left: 40px; margin-top: 11px; font-size: 12px; }
	#left_nav #left_links #link6 { margin-left: 20px; margin-top: 12px; font-size: 10px; }
	#left_nav #left_links #link7 { margin-left: 58px; margin-top: 12px; font-size: 10px; }
	
	#left_nav #site_stats { font-size: 1.4em; color: #FFFFFF; clear: both; margin-top: 10px; }
	
	#left_nav img.view_all { margin-left: 10px; margin-top: 10px; }
	

#quick_search { width: 218px; margin-top: 35px; padding-left: 15px; }

	#search_box { width: 220px; height: 27px; background: url(../img/search_box_left.gif) no-repeat; margin-top: 10px; }
	
		#search_box input.quick_search_input { width: 173px; background: none; padding-top: 5px; padding-left: 5px; padding-right: 5px; font-size: 12px; color: #000000; border: 0;}
	
	#advanced_search { margin-top: 5px; margin-left: -10px; }
	
	#advanced_search_table input{ width: 200px!IMPORTANT; }
	#advanced_search_table select { width: 200px; }
	
#browse_books {  width: 218px; margin-top: 20px; clear: both; padding-left: 15px; }

#book_categories { width: 233px; margin-top: 20px; }

	#book_categories a { color: #FFFFFF; text-decoration: none; font-size: 1.2em; }

	.book_category { width: 218px; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; margin: 2px 0; vertical-align: middle; background: url(../img/black_trans.png) repeat; }
	
		.book_category:hover { background: url(../img/purple_trans.png) repeat; }
	
	.book_category_active { width: 218px; padding-left: 15px; height: 17px; padding-top: 2px; padding-bottom: 2px; margin: 2px 0; background: url(../img/purple_trans.png) repeat; vertical-align: middle; }

#right_content { float: right; margin-right: 10px; width: 687px; }

	#paper_top { width: 637px; background: url(../img/paper.png) no-repeat; padding-top: 50px; padding-left: 45px; margin-top: 20px; color: #000000; font-size: 1.3em; line-height: 20px; }
	
	
		#paper_top h1 { color: #2d1947; font-size: 2.1em; margin-bottom: 20px; }
		#paper_top h2 { color: #2d1947; font-size: 1.5em; margin-bottom: 20px; }
		
		#paper_top p.smallprint { font-size: 0.8em; }
		
		#right_advertising { float: right; width: 122px; margin: 10px 7px; }
		
		#outer_right_advertising { position: absolute; right: 0; z-index: 100; }
		
		#paper_top img.hr { margin: 20px 0 ; }
		
	#paper_top #recently_added { width: 480px; clear: both; }
	
	
		#paper_top #recently_added .recent_book { width: 106px; padding: 0 5px; border-width: 0 1px 0 0; border-style: dashed; border-color: #AAAAAA; float: left; }
		#paper_top #recently_added .recent_book_alt { width: 99px; margin: 0 10px; border-width: 0; float: left; }
		
		#paper_top #recently_added span.title { font-size: 0.9em; }
		#paper_top #recently_added span.author { font-size: 0.8em; }
		#paper_top #recently_added span.price { font-size: 0.8em; font-weight: bold; }
		
		#paper_top #recently_added .book_thumb { width: 104px; height: 120px; font-size: 0.9em; text-align: center; margin: 0 auto 5px auto; }
		#paper_top #recently_added .book_thumb img { margin: 0 auto; }
		
	#paper_top #recently_added_l { width: 600px; clear: both; margin-top: 20px; }
		
		#paper_top #recently_added_l .recent_book { width: 106px; padding: 0 5px; border-width: 0 1px 0 0; border-style: dashed; border-color: #AAAAAA; float: left; }
		#paper_top #recently_added_l .recent_book_alt { width: 99px; margin: 0 10px; border-width: 0; float: left; }
		
		#paper_top #recently_added_l span.title { font-size: 0.9em; }
		#paper_top #recently_added_l span.author { font-size: 0.8em; }
		#paper_top #recently_added_l span.price { font-size: 0.8em; font-weight: bold; }
		
		#paper_top #recently_added_l .book_thumb { width: 104px; height: 120px; font-size: 0.9em; text-align: center; margin: 0 auto 5px auto; }
		#paper_top #recently_added_l .book_thumb img { margin: 0 auto; }
		
		
		#paper_top img.view_all_books { margin: -70px auto 0 300px; }
		#paper_top img.view_all_books_alt { margin: -70px auto 0 450px; }
		
	
	#paper_left_home { float: left; width: 477px; padding-right: 20px; }
	
		#paper_left_home a { color: #2d1947; }
		#paper_left_home a:hover { color: #2d1947; text-decoartion: underline; }	
	
	#paper_left { float: left; width: 610px; padding-right: 20px; }	
	
		#paper_left a { color: #2d1947; text-decoartion: none; }
		#paper_left a:hover { color: #2d1947; text-decoartion: underline; }
		
	#paper_bottom { width: 687px; height: 44px; background: url(../img/paper_bottom.png) no-repeat; }

#footer { width: 930px; clear: both; vertical-align: bottom; }

	#footer_buttons { float: left; width: 600px; padding-top: 80px; }

	.footer_butt { float: left; position: relative; top: 8px; }
	.footer_butt a.home { width: 66px; height: 21px; background: url(../img/buttons/home.png) top; }
		.footer_butt a.home:hover { background-position: bottom; }
		
	.footer_butt a.about { width: 76px; height: 21px; background: url(../img/buttons/about.png) top; }
		.footer_butt a.about:hover { background-position: bottom; }
		
	.footer_butt a.login { width: 75px; height: 21px; background: url(../img/buttons/login.png) top; }
		.footer_butt a.login:hover { background-position: bottom; }
		
	.footer_butt a.register { width: 94px; height: 21px; background: url(../img/buttons/register.png) top; }
		.footer_butt a.register:hover { background-position: bottom; }
		
	.footer_butt a.how { width: 139px; height: 21px; background: url(../img/buttons/how.png) top; }
		.footer_butt a.how:hover { background-position: bottom; }
		
	.footer_butt a.contact { width: 92px; height: 21px; background: url(../img/buttons/contact.png) top; }
		.footer_butt a.contact:hover { background-position: bottom; }
		
	.footer_butt a.help { width: 54px; height: 21px; background: url(../img/buttons/help.png) top; }
		.footer_butt a.help:hover { background-position: bottom; }

	#footer #bottom_books { float: right; }

#bottom { width: 960px; height: 88px; background: url(../img/btm.jpg) no-repeat; clear: both; margin: 0 auto;}

/* === Pages === */

/* === Search === */

#advanced_form { width: 100%; font-size: 1.1em; margin-bottom: 20px; }

	#advanced_form input { width: 215px; }

	#advanced_form #text_search { width: 220px; float: left; }
	#advanced_form input.search_image { float: left; width: 105px; margin: 0 5px; }
	#advanced_form #subject_search { width: 220px; float: left; }
	
table#search_table { width: 100%; border: 0; font-size: 0.9em;}

	#search_table td { padding: 3px; }
	#search_table th { padding: 3px; }

	#search_table thead tr th{ background-color: #2d1947; color: #FFFFFF; text-align: left; }
		#search_table thead tr th a{ color: #FFFFFF; text-decoration: none; }
		#search_table thead tr th a:hover{ color: #FFFFFF; text-decoration: none; }
		#search_table thead tr th a:visited{ color: #FFFFFF; text-decoration: none; }
	
	#search_table tbody tr.row { background: url(../img/black_light_trans.png) repeat; }
	#search_table tbody tr.row_alt { background: url(../img/purple_light_trans.png) repeat; }


#register_form { width: 100%; border: 0; font-size: 0.9em;}

	#register_form td { padding: 3px; }
	
		#register_form td.row1 { width: 270px;}
		#register_form td.row2 { padding: 3px; }
		#register_form td.row3{ width: 200px; }
		
	
table#account_history { width: 100%; border: 0; font-size: 0.9em;}

	#account_history td { padding: 3px; }
	#account_history th { padding: 3px; }

	#account_history thead tr th{ background-color: #2d1947; color: #FFFFFF; text-align: left; }
	
	#account_history tbody tr.row { background: url(../img/black_light_trans.png) repeat; }
	#account_history tbody tr.row_alt { background: url(../img/purple_light_trans.png) repeat; }
	
	#account_history td.row1 { width: 270px;}
	#account_history td.row2 { width: 80px; }
	#account_history td.row3{ width: 80px; }
		

#account_details { width: 477px; clear: both }

#account_left { width: 240px; float: left; }

#account_right { width: 220px; float: right; }

	
.collect_butt { width: 240px; font-size: 0.8em;}	

/* === View Book === */

#book_content { width: 100%; clear: both; color: #333333;}
	
	#book_content #book_image {  width: 140px; padding: 0 10px; float: left; font-size: 0.9em; }
	
	#book_content #book_details { width: 450px; float: left; }
		#book_content #book_details h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2em; font-weight: normal; color: #2d1947; line-height: 1.3em; }
		#book_content #book_details h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #333333; clear: both; }
		#book_content #book_details p { margin-bottom: 10px; }
		
		#book_content #book_details #edition { width: 120px; float: left; }
		#book_content #book_details #condition { width: 120px; float: left; }
		#book_content #book_details #isbn { width: 120px; float: left; }
		
		#book_content #book_details #price { width: 140px; float: left; }
		#book_content #book_details #postage { width: 140px; float: left; }
		
		#book_content #book_details .price { font-size: 1.2em; color: #2d1947; }
		
		#book_content #book_details #buy_options { width: 480px; margin-top: 10px;}
		
#book_submit_buttons { width: 300px; margin: 0 auto; }

#user_rating { width: 140px; margin-top: 50px; }


/* === Ads Page === */

#ads_page { width: 477px; }
	#ads_page h3{ color: #2d1947!IMPORTANT; }


	#ads_page .large_ad { width: 477px; clear: both; }
		#ads_page .large_ad img { padding: 3px; border:1px solid #666666; margin-bottom: 5px; }
		
	#ads_page .small_ad { width: 221px; float: left; margin-right: 15px; }
		#ads_page .small_ad img { padding: 3px; border:1px solid #666666; margin-bottom: 5px; }
		

#offers_top { width: 610px; clear: both; }
#offers_vtop { width: 610px; clear: both; }

#offers_form { width: 210px; float: left; }
	#offers_form select { width: 210px; font-size: 0.9em; }

	#offers_title { width: 300px; float: left; }
		#offers_title h1 { margin-bottom: 0; }
	#offers_pagination { width: 300px; float: right; text-align: right; padding-top: 30px; }
	
	.offer_box { width: 610px; clear: both; padding: 3px; border-style: solid; border-width: 1px; border-top-color:#DDD4D5; border-left-color:#80767E; border-right-color:#80767E; border-bottom-color: #80767E; background: url(../img/purple_grad.png) repeat-x; height: 142px; }
		.offer_box_holder { border-style: solid; border-width: 1px 0; border-top-color:#80767E; border-bottom-color:#DDD4D5; height: 148px; margin-bottom: 20px; }
		.offer_box img { float: left; margin-right: 10px; border: 0; }
		.offer_box h2 { margin-bottom: 5px!IMPORTANT; margin-top: 10px; }
		.offer_box p { margin-bottom: 0!IMPORTANT; font-size: 0.9em; }
		
	.offer_box_alt { width: 610px; clear: both; padding: 3px; border-style: dashed; border-width: 1px; border-top-color:#DDD4D5; border-left-color:#80767E; border-right-color:#80767E; border-bottom-color: #80767E; background: url(../img/purple_grad.png) repeat-x; height: 142px; }
		.offer_box_holder_alt { border-style: dashed; border-width: 1px 0; border-top-color:#80767E; border-bottom-color:#DDD4D5; height: 148px; margin-bottom: 20px; }
		.offer_box_alt img { float: left; margin-right: 10px; border: 0; }
		.offer_box_alt h2 { margin-bottom: 5px!IMPORTANT; margin-top: 10px; }
		.offer_box_alt p { margin-bottom: 0!IMPORTANT; font-size: 0.9em; }
		
		img.scissors { position: absolute; margin-top: 137px; margin-left: 380px; }
		
	.categories { width: 400px; text-align: center; font-size: 0.8em; line-height: 10px; float: right; }	
		.categories .category { float: right; display: block; }
		.categories .category .image {  height: 42px; background-repeat: no-repeat; background-position: center top; }
			.categories .category .image:hover { background-position: bottom; }
		
			.categories .category .bars { background: url(../img/icons/bars.png); background-position: center top; background-repeat: no-repeat;width: 75px;}
				.categories .category .bars_active { background: url(../img/icons/bars.png); background-position: center bottom; background-repeat: no-repeat;width: 75px;}
			.categories .category .entertainment { background: url(../img/icons/entertainment.png); background-position: center top; background-repeat: no-repeat;width: 75px;}
				.categories .category .entertainment_active { background: url(../img/icons/entertainment.png); background-position: center bottom; background-repeat: no-repeat;width: 75px;}
			.categories .category .restaurants { background: url(../img/icons/restaurants.png); background-position: center top; background-repeat: no-repeat;width: 75px;}
				.categories .category .restaurants_active { background: url(../img/icons/restaurants.png); background-position: center bottom; background-repeat: no-repeat;width: 75px;}
			.categories .category .shops { background: url(../img/icons/shops.png); background-position: center top; background-repeat: no-repeat; width: 45px; }
				.categories .category .shops_active { background: url(../img/icons/shops.png); background-position: center bottom; background-repeat: no-repeat; width: 45px; }
			.categories .category .other { background: url(../img/icons/other.png); background-position: center top; background-repeat: no-repeat;width: 50px;}
				.categories .category .other_active { background: url(../img/icons/other.png); background-position: center bottom; background-repeat: no-repeat;width: 50px;}
			.categories .category .offers { background: url(../img/icons/offers.png); background-position: center top; background-repeat: no-repeat;width: 50px;}
				.categories .category .offers_active {  background: url(../img/icons/offers.png); background-position: center bottom; background-repeat: no-repeat;width: 50px;}
			
			
/* === Vote Page === */			

div.vote_bar { background: url(../img/vote_grad.gif) repeat-x; height: 10px; float: left; margin-right: 15px; margin-top: 5px; }

/* === Extras === */

.hidden { display: none; }

.error { color: #990000!IMPORTANT; }

.purple { color: #2d1947!IMPORTANT; }

.tenBottom { margin-bottom: 10px; }

.rightImg { margin: 0 0 10px 10px; }

.midImg { vertical-align: middle; } 

.fLeft { float: left; }
.fRight { float: right; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
.clearfix { display: inline-block; }  /* for IE/Mac */

.imgReplace { background-position:center top; background-repeat:no-repeat; display:block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }