/*---------- RESET ----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table 						{border-collapse:collapse; border-spacing:0;} 
fieldset,img 			{border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} 
ol,ul 						{list-style:none;} 
caption,th 				{text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after 	{content:"";} 
abbr,acronym 			{border:0;}


/* ------ Generic ------ */

html							{min-height:101%;}

body							{font-size:80%; font-family:"Lucida Sans Unicode","Lucida Grande","Candara","Arial",sans-serif; color:#000;
									border:0; padding:0; margin:0; height: 100%; background-color: #fff;}
/*
body							{font-size:80%; font-family:"Palatino",serif; color:#000;
									border:0; padding:0; margin:0; height: 100%; background-color: #fff;}
	*/								
#wrapper					{position: relative; top: -15px; width:92%; margin:0 auto 0 0; padding: 0;}
a									{text-decoration: none; color: #080;}
a:hover						{text-decoration: underline;}
h1								{font-size: 2.3em;}
h2								{font-size: 1.8em;}
h3								{font-size: 1.3em;}
h4								{font-size: 1.15em;}
.clearfix:after 	{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
strong						{font-weight: bolder;}

.pad20						{padding: 20px;}

									
/* ------ Header ------ */

#header						{background: url("../images/header_bg.jpg") repeat-x; width: 100%; height: 100px; padding-top: 0; margin-bottom: 0;}
  #header_logo		{margin-left: 0;}
  #header_logo a	{border: 0;}
  
#header_nav				{width: 20em; position: absolute; top: 17px; right: 20px; width: 300px; text-align: center; color: #fff;}
	#header_nav	a			{color: #fff;}
	html body #header #header_nav	input.header_site_search_input	{width: 15em; font-size: 1.2em; font-family: "Palatino", serif; margin: 5px 0; padding: 2px 2px 0 2px;}
	
#header_nav input.header_site_search_submit {width: 55px; color:#f00; background-color:#ddd; margin:0 4px;}
	#header_blurb			{color: #fff; font-size: 1.4em;}
  

/* ------ Nav ------ */

#nav							{position: absolute; top: 0px; left: 0px;width: 210px; 
									padding: 17px 20px 50px 20px; font-size: 120%; line-height: 125%;
									background: url("../images/nav_bg_250px_at50.jpg") repeat-y top left;}		
#nav a						{color: #000;}							
#nav ul						{padding-bottom: 20px;}			
#nav ul	li				{padding-bottom: 0px;}			
#nav ul ul				{margin-left: 20px; font-size: 80%; padding-bottom: 2px; line-height: 110%;}			
#nav ul ul li			{display: inline;}			
#nav ul ul li	a		{padding: 2px;}			

#cathnews					{background: rgba(255,255,255,0.8);
									border: 1px solid #ccc;
									border-top: 0px;
									padding: 5px 10px 0px 10px; }				
#cathnewsheading	{font-weight: bold; font-size: 90%;}		
#cathnews li			{font-size: 80%; padding-top: 10px;}							
.cathnews_link		{font-weight: bold; padding-bottom: 3px; line-height: 90%;}							
.cathnews_body		{line-height: 80%; line-height: 100%;}							

/* ------ Content ------ */

#authMessage			{background-color: #d00; color: white; padding: 20px; margin-bottom: 10px;}
#flashMessage			{background-color: #060; color: white; padding: 20px; padding-left:80px; margin-bottom: 10px; font-size:20px;}

#content					{margin-left: 270px; padding-top: 15px; margin-top: 15px; height: 100%;}
#content h1				{margin-bottom: 12px; text-shadow: 0 3px 3px #ddd;}
#content h2				{margin-bottom: 12px; text-shadow: 0 3px 3px #ddd;}

#feature					{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat top #FFF; margin-bottom: 30px; 
									-moz-box-shadow: 0 10px 15px #bbb; -webkit-box-shadow: 0 10px 15px #bbb; width: 100%;}
/*
#feature					{background: #f00; margin-bottom: 30px; 
									-moz-box-shadow: 0 10px 15px #bbb; -webkit-box-shadow: 0 10px 15px #bbb; }
	*/											
#feature_block		{padding: 10px; margin-left: 260px;}
#feature_cover		{margin: 10px; width: 250px; float: left;}
#feature_title		{color: #080; font-size: 160%; padding-bottom: 2px;}
#feature_author		{font-size: 120%; padding-bottom: 10px;}
#feature_author	a	{color: #000;}

#feature_price_block {float: right; margin: 0 0 10px 10px; text-align: center;}
#feature_price 		{font-size: 220%; padding-bottom: 3px; }
#feature_price_sophia {font-size: 220%; margin-bottom: -2px; color: #a00;}
#feature_sophia	a	{font-size: 100%; color: #a00;}
#feature_sophia_price {margin-bottom: 5px;}
#feature_sophia_price a	{font-size: 150%; color: #a00;}
#feature_sophia_rrp {margin: 2px 0;}

#feature_add 			{font-size: 100%;}
#feature_add a		{color: #000; padding: 5px;}

#feature_blurb		{padding-bottom: 5px;}
#feature_blurb ul	{list-style: disc; padding: 5px 0 10px 10px; margin-left: 15px;}
#feature_toc			{background: white; padding: 10px; margin-bottom: 5px;}
.feature_meta			{margin: 5px 0;}
.feature_meta	a		{padding: 5px 0 5px 10px;}
.more_info a			{padding: 5px;}

#feature form input	{font-size: 100%;}
#feature form textarea	{font-size: 100%;}

#bookshelf				{width: 100%; padding-bottom: 30px; }
#bookshelf td			{text-align: left; vertical-align: top; width: 17%; padding: 0px 5px;}
.expanding_pad 		{width: 1%;}
#expanding_covers {background: url("../images/nav_bg_300px_wide_at50.jpg") repeat-x 50px left #FFF; }
#expanding_covers	td {vertical-align: bottom; padding: 0px 5px;}
#expanding_meta 	{background: #FFF; }

.bookshelf_cover	{width: 100px; height: 100%; -moz-box-shadow: 0 5px 15px #999; -webkit-box-shadow: 0 5px 15px #999; 
									margin-bottom: 7px; margin-right: 3px; border-bottom: solid 1px #666; border-right: 1px solid #999;}
.bookshelf_cover a:hover	{-moz-box-shadow: 0 5px 15px #555; -webkit-box-shadow: 0 5px 15px #555;}									
.bookshelf_title  {font-weight: bold; font-size: 110%; line-height: 100%; padding-top: 5px;}
.bookshelf_title a{color: #000}
.bookshelf_author {padding-top: 2px; padding-bottom: 5px; line-height: 0.95em;}
.bookshelf_price  {line-height: 120%;}
.bookshelf_price .normal a {font-size: 140%; font-weight: bold; color: #000;}
.bookshelf_price .sophia 	 {padding-top: 3px;}
.bookshelf_price .sophia a {font-size: 90%; color: #a00;}


#resultlist								{width: 100%;}
.resulttable							{width: 100%; margin-bottom: 10px;}
.resulttable thead				{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat-x top left #FFF;}
.resulttable thead th			{padding: 5px 5px 5px 0;-moz-box-shadow: 0 5px 15px #ccc; -webkit-box-shadow: 0 5px 15px #ccc;}
.resulttable td						{vertical-align: top; padding: 4px 2px; border-bottom: solid 1px #bbb;}
.resulttable tbody td	img	{ -moz-box-shadow: 0 3px 10px #999; -webkit-box-shadow: 0 3px 10px #999; 
													margin-right: 3px; border-bottom: solid 1px #666; border-right: 1px solid #999; margin-bottom: 3px;}
.resulttable tbody td	img	{-moz-box-shadow: 0 3px 10px #555; -webkit-box-shadow: 0 3px 10px #555;}	

.result_title  						{font-weight: bold; font-size: 110%; line-height: 95%; padding-bottom: 5px; padding-top: 5px;}
.result_title a						{color: #000}
.result_padding						{line-height: 100%; padding: 5px 5px 5px 0;}
.result_add								{padding-top: 5px;}

.resulttable .col2				{width: 40%; }
.resulttable .col3				{width: 5%; }
.resulttable .col4				{width: 20%; }
.resulttable .col5				{ }
.resulttable .center			{text-align: center; }
.resulttable .right				{text-align: right; }


.tabledetails	 td					{padding: 2px;}

#tabletop_search					{position: absolute; top: 20px; right: 0px;}
#tabletop_input						{font-size: 1.1em; font-family: "Palatino",serif; width: 170px;}
#tabletop_submit					{font-size: 1.1em; font-family: "Palatino",serif;}

#loginpage								{width: 100%;}
#loginpage .box						{width: 40%; background: url("../images/nav_bg_300px_wide_at50.jpg") repeat top left #FFF; 
													 padding: 20px; vertical-align: top;}
#loginpage .box label			{display: block;}
#loginpage .box input			{padding: 2px; font-size: 1em;}
#loginpage .box div				{padding-bottom: 10px;}

.oldschool td							{padding: 0 5px 10px 0;}


/* ------ Checkout ------ */

.OrderCc2									{size: 4; length: 4;}


/* ------ Blog Posts ------ */

#blogpost									{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat top #FFF; margin-bottom: 30px; 
													-moz-box-shadow: 0 10px 15px #bbb; -webkit-box-shadow: 0 10px 15px #bbb;  padding: 20px;}
#blogpost h3 {font-weight:bold;}
.blogpostlist							{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat top #FFF; margin-bottom: 30px; 
													-moz-box-shadow: 0 10px 15px #bbb; -webkit-box-shadow: 0 10px 15px #bbb; padding: 20px;}
.blogfeaturelist					{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat top #FFF; margin-bottom: 30px; 
													-moz-box-shadow: 0 10px 15px #bbb; -webkit-box-shadow: 0 10px 15px #bbb;  padding: 10px;}
.blogfeaturelist h2				{font-size: 140%;} 


.blog_meta								{display: block; font-size: 120%; margin: -10px 0 20px 0;}
.blogfeaturemeta 					{display: block; font-size: 80%; margin: -10px 0 6px 0;} 

.blog_image_left					{text-align: left; padding-right: 20px;}
.blog_image_center				{display: block; text-align: center; padding-bottom: 20px; margin: 0 auto;}
.blog_image_right					{text-align: right; padding-left: 20px;}
.blog_image_feature				{text-align: left; padding-right: 10px; margin: -10px 0 0 -10px;}

.blogpost_extra_content		{margin-top: 30px;}



/* ------ Pagination ------ */

.pagination								{clear: both; margin-bottom: 5px; width: 80%; text-align: center; margin-left: 10%;}
.PrevPg										{float: left; }
.NextPg										{float: right;}
.pagination	span					{margin: 0 auto; padding: 0 5px;}

/* ------ Footer ------ */

#footer						{margin-top: 50px; border-top: solid 2px black; padding-top: 20px; }
#footer	p					{text-align: center; padding-bottom: 5px;}

.cake-sql-log			{margin:50px;margin-left:360px;}
.cake-sql-log	caption	{font-size: 18px;}
.cake-sql-log	thead	{background: url("../images/nav_bg_300px_wide_at50.jpg") repeat-x top left #FFF; }
.cake-sql-log	th	{padding: 5px;}
.cake-sql-log	td	{padding: 5px;}

dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

.psalmscalendar img {}
.psalmscalendar tr.first {border-bottom:2px solid #999;} 
.psalmscalendar tr.second {border-bottom:2px solid #999; height:180px;}
.psalmscalendar td a {font-size:16px;}

div.pageswrap p {margin-bottom:10px;}
div.pageswrap ul.list {list-style:disc; margin:5px 0;}
div.pageswrap ul.list li {margin-left:30px; padding:2px 0;}