/*	Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

h1,h2,h3,h4,h5 {font-family:"ratio-display-1","ratio-display-2",Arial,sans-serif;letter-spacing: .05em;}
	#main h1 {font-size:38px;margin-bottom: 15px;font-weight:200;line-height:1.2em;}
	#main h2 {font-size:26px;margin: 20px 0 10px;color:#4d616c;font-weight:400;line-height:1.2em;}
	#main h3 {font-size:16px;margin: 10px 0 10px;color:#444;font-weight:600;}

body {text-align:center;background:#efebe3;#8695a8; font-family:"adobe-text-pro-1","adobe-text-pro-2"}

a img {border: 0;}

nav a{text-decoration:none;}
nav a:hover {text-decoration:underline;}

article p {margin:10px 0;font-size: 16px;line-height: 22px;}
article p em {color:#444;}

.clear {clear: both;}
.divider {background:url(../img/divider.gif) repeat:none; text-align: center;}

/* Apply Coptic Unicode font when class="coptic" */
@font-face {
	    font-family: 'ArialCopticRegular';
	    src: url('http://static.copticheritage.org/fonts/arialcoptic-webfont.eot');
	    src: url('http://static.copticheritage.org/fonts/arialcoptic-webfont.eot?#iefix') format('eot'),
	         url('http://static.copticheritage.org/fonts/arialcoptic-webfont.woff') format('woff'),
	         url('http://static.copticheritage.org/fonts/arialcoptic-webfont.ttf') format('truetype'),
	         url('http://static.copticheritage.org/fonts/arialcoptic-webfont.svgz#webfont0eoOLJxf') format('svg'),
	         url('http://static.copticheritage.org/fonts/arialcoptic-webfont.svg#webfont0eoOLJxf') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
.coptic {font-family: ArialCopticRegular;}

/* Apply Coptic Standard font when class="coptic-standard" */

@font-face {
	    font-family: 'CSAvvaShenouda';
	    src: url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.eot');
	    src: url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.eot?#iefix') format('eot'),
	         url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.woff') format('woff'),
	         url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.ttf') format('truetype'),
	         url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.svgz#webfont0eoOLJxf') format('svg'),
	         url('http://static.copticheritage.org/fonts/cs_avva_shenouda-webfont.svg#webfont0eoOLJxf') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
.coptic-standard {font-family: CSAvvaShenouda;font-size:13px;}
/*Formerly: <span style="FONT-FAMILY: cs avva shenouda">*/

#wrapper {width:955px;margin:0 auto;text-align:left;background-color:#fff;
	border-right:1px solid #ddcfbe;border-left:1px solid #ddcfbe;min-height:100%;background: url(/assets/img/bg220.gif) left repeat-y #fff;}

header {border-bottom:2px solid #731c25;border-bottom:2px solid #57768b}
header>h1 {height:130px;}
header>nav {text-align:right;background-color:#222;color:#efefef;}
header>nav li {display:inline;font-family: Arial,Tahoma,sans-serif;font-size: small;}
header>nav li a {color:#efefef;text-decoration:none;padding:5px 10px;}
header>nav li a:hover {text-decoration:underline;background-color:#555;}

#main {line-height:1.3em;width:735px /*595px*/;float:left;}
#liner {padding:10px 30px;border-right:1px solid #ddcfbe;}

#sidebar {padding:10px;width:200px;float:left;color:#8699bf;}/* background:#fff;background-color:#e9ecef; */
.production h1 {width:440px;float:left;}
.sidemenu h1 {/*background-color:#e9ecef;*/color:#8699bf;font-size:18px;margin-bottom:10px;padding:1px 5px;}
.sidemenu h2 {font-size:16px;margin:2px 0 0 5px;}
.sidemenu ul {padding:10px;}
.sidemenu ul li {list-style: none;font-size:13px;line-height:1.3em;}
.sidemenu ul li a {color:#900;text-decoration:none;display:block;padding:1px 5px;}
.sidemenu ul li a:hover {color:#111;}

/* Body Styles */
article {padding:10px;}
article ol {margin-left:45px;}
article li {font-size:14px;color:#333;line-height:1.5em;}
section.audio, section.video {width:565px;margin:10px;float:left;}
section.audio {width:245px;padding-right:45px;height:195px;}
section.video h2 {font-size:18px !important;width:345px;}
section.audio h2 {font-size:18px !important;width:245px;}
section.audio h3, section.video h3 {font-size:14px;font-style: italic;font-weight:normal !important;margin-top:0;padding-top:0;}
section.audio p {font-size:13px;color:#777;background:#f5f5f5;width:218px;padding:10px;margin-top:-10px;font-family:Arial,sans-serif;border:1px solid #ddd;line-height:1.4em;}
section.audio p a {text-decoration:none;}
h2 {clear:both;}
section.video {margin:20px auto;text-align:center;}
section.video p {margin:0 auto;text-align:center;font-size:13px;color:#777;background:#f5f5f5;width:378px;padding:10px;margin-top:-12px;font-family:Arial,sans-serif;border:1px solid #ddd;line-height:1.4em;}
section.video p a {text-decoration:none;}

.breadcrumbs {font-size:12px;margin:5px 10px;}
#main h1 {padding-bottom:3px;}
#main ul {padding-left:25px;margin-bottom:10px;}
div.production_samples section {margin-top:-10px;height:145px;;}
.datestamp {color:#999;font-style: italic;font-size: small;}

article blockquote {font-size:150%;font-style:italic;padding-left:2em;border-left:3px solid #CCC;color:#999;margin:10px 25px;}
blockquote p {font-size:22px;}
blockquote span {font-style: normal;font-size:14px;}
blockquote span em {color:#777;}

blockquote.verse {}
.breadcrumbs{
	font-size:10px;
	margin:0 0 1.6em;
	color:#DDD;
	font-family:"Lucida Grande",Verdana,sans-serif;
	}
.breadcrumbs a{text-decoration:none;color:#777;}
.breadcrumbs a:hover{text-decoration:underline;}   

.production_box {width:230px;height:230px;float:left;margin-left:15px;padding:15px;text-align:center;}
.row1 {clear:left;}
.production_box img {width:200px;height:170px;border:1px solid #fff;}
.production_box a:hover img {border:1px solid #e1e1e1;}

.production_box a {border-bottom:0 !important;}

.production_coverimage {float:right;text-align: center;margin-left:10px;}
.production_coverimage a {text-decoration:none;font-size:12px;}
.production_storelink {display:block;width:160px;padding:8px;background:#2c353c;color:white;font-weight:normal;text-align:center;line-height:1.1em;text-decoration: none;font-size:14px !important;font-family:"ratio-display-1","ratio-display-2",Arial,sans-serif;margin:0 auto;}
.production_storelink:hover {background-color: #537791;}

.summary {color:#777;font-size:12px;margin:10px 15px;}   

aside.toc {float:right;margin:0 15px 15px 15px;width:165px;padding:5px;border-top:2px solid #efefef;background-color:#efefef;border-bottom:3px solid #efefef;border-radius: 5px;color:#777;}
aside.toc h1 {font-size:16px !important;margin-bottom:0 !important;margin-left:10px;font-weight:600;color:#777;}
aside.toc ol {margin-left:25px;}
aside.toc li {font-size: 12px; line-height:-50%;}  
aside.toc a {display:block;color:#4d6182; text-decoration: none;}

article.categories ul {margin-left:0px !important;margin-top:15px;}
article.categories li {list-style: square;margin-bottom:30px;}
article.categories a {color:#681726;font-size:18px;text-decoration: none;font-family:"ratio-display-1","ratio-display-2";border-bottom:1px dotted #ababab;}

.announcements h2 a {color:#681726;font-size:18px;text-decoration: none;font-family:"ratio-display-1","ratio-display-2";border-bottom:1px dotted #ababab;}
.title
.pagination

table.coptic span {font-style:italic;font-family:"adobe-text-pro-1","adobe-text-pro-2";color:#777;}

/* Footer */
footer {font-size:small;padding:15px;background-color:#e9ecef;color:#555;line-height: 1.4em;border-top:2px solid #711325;border-top:2px solid #57768b;}
footer a, footer a:visited {color:#3b2b46;text-decoration: none;}
footer a:hover {text-decoration: underline;}
.socialmedia {margin-right:10px;float:right;}
.socialmedia a img {margin:2px 5px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.socialmedia a:hover img {filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;}

div.slideshow {width:850px;margin:auto;border-top:2px solid #efefef;border-bottom:2px solid #efefef;background-color:#f1f1f1;}
div.slideshow  ul {width:850px;}
.slideshow ul li {text-align:center;width:170px;height:210px;font-size:11px;line-height:1em;}
.slideshow ul li:hover {background-color: #e4e6e9;}
 .slideshow a, .slideshow  a:hover {text-decoration:none;color:#644b84;}
.slideshow li div {height:220px;padding:10px;}

.buttons {height:22px;background-color: transparent;margin-top:8px;clear: both;font-size:16px;}
a.prev{float:left;padding:2px 9px;background: url(http://assets.copticheritage.org/img/prev.gif) no-repeat;} a.next{float:right;padding:2px 1px;background: url(http://assets.copticheritage.org/img/next.gif) no-repeat;}
a.prev,a.next {margin-bottom:2px;display:block;width:41px;height:22px;}
a.prev:hover,a.next:hover {color:#777;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
a.prev:active,a.next:active {margin-top:2px;margin-bottom:0;}

figure img {
		max-width:100%;
		display:block;
		width:auto;
		background-color:#fff;
		border:1px solid #ddd;
		padding:4px;
		display:inline-block;
		}
	
figcaption{
		font-size:11px;
		color:#666;
		font-family:"Lucida Grande",Verdana,sans-serif;
		padding-left:4px;
		}

.right{
	float:right;
	margin-left:1em;
	clear:right;
}
.left{
	float:left;
	margin-right:1em;
	clear:left;
}