/*!
#######################################################################
# 
# Drago
# Screen CSS stylesheet
#
# Hand-crafted by Phenotype (phenotype.net)
#
#######################################################################
-----------------------------------------------------------------------
* You may use this file for learning purposes.
*
* The unique combination of images, colours, sizes, typography and 
* positioning ('the design') is copyright.
*
* Copying, modifying or any other use of design-related images 
* is prohibited.
*
* Don't rip our site, be creative!
-----------------------------------------------------------------------
*/

/*
***********************************************************************
// Dependencies
***********************************************************************
* Global reset
* 	reset.css
*
* 960.gs
* 	960.css
*
* jQuery.Superfish styles
* 	jquery.superfish.css
*
***********************************************************************
*/

	
/*
Home page
---------------------------
*/

#home #container {
	background: #fff;
	}

#home .post {
	margin: 0 0 18px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #ccc;
	}	
	

/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	}
	
a {
	color: #bb0101;
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}
	
	a.image-link {
		padding: 0 !important;
		border: 0 !important;
		line-height: 0 !important;
		}
  
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #171d35;
	}
	
/* Quotes */	
blockquote {
	}
	
cite, q {
	font-style: italic;
	}
/* /Quotes */
  
code, pre {
	font-family: monospace;
	font-size: 1.6em;
	line-height: 1.875;
	}
  
dl {
	margin: 0 0 1.333em 0;
	font-size: 1.2em;
	line-height: 1.333;
	text-align: left;
	}

em, i {
	font-style: italic;
	}
	
h1 {
	margin: 0 0 1em 0;
	font-size: 3.2em;
	line-height: 2;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	
h2 {
	margin: 0 0 1em 0;
	font-size: 3em;
	line-height: 1;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	}
	
h3 {
	margin: 0 0 1.364em 0;
	font-size: 2.2em;
	line-height: 1.364;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	}

h4 {
	margin: 0 0 1.25em 0;
	font-size: 1.6em;
	line-height: 1.25;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	}

h5 {
	margin: 0 0 1em 0;
	font-size: 1.3em;
	line-height: 1.25;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	}
	
hr {
	display: none;
	}
	
/* Images */
img {
	border: 0;
	}
		
/* /Images */
	
ol {
	margin: 0 1em 1.667em 1em;
	font-size: 1.2em;
	line-height: 1.667;
	text-align: left;
	list-style-position: inside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.667em 0;
	font-size: 1.2em;
	line-height: 1.667;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.8em;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 1em 1.667em 1em;
	font-size: 1.2em;
	line-height: 1.667;
	text-align: left;
	list-style-position: inside;
	}
	
	ul li {
		text-indent: -1em;
		list-style-type: disc;
		}
  
	ul dl, ul h3, ul h4, ul ul, ul ol, ul p, ol dl, ol h3, ol h4, ol ul, ol ol, ol p, dl dl, dl h3, dl h4, dl ul, dl ol, dl p, ol label, ol input, ol select, ol textarea {
		font-size: 1em !important;
		}

/*
Section-specific styles 
---------------------------
*/

#controls {
	}
	
	#controls a {
		color: #ccc;
		border-bottom: 0;
		text-decoration: none;
		}
		
	#controls a:hover {
		color: #fff;
		border-bottom: 1px solid #ccc;
		}
	
	#controls ul {
		margin: 0;
		list-style: none;
		text-align: right;
		font-size: 1em;
		line-height: 1;
		}
		
		#controls ul li {
			padding: 0 8px;
			display: inline;
			list-style: none;
			list-style-position: outside;
			text-indent: 0;
			border-right: 1px solid #fff;
			}
			
		#controls ul li.last {
			padding-right: 0;
			border-right: 0;
			}
		
		#controls li.selected a {
			color: #fff;
			}

#content {
	}

#content a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}
	
#content a:hover {
	border-color: #999;
	}
  
#content a.image-link {
	border-bottom: none !important;
	}
	
#content h2 a, #content h3 a, #content h4 a {
	color: #333;
	border: 0;
	}
	
#content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
	
	
	}
	
#content h3 {
	margin: 0 0 1.429em 0;
	font-size: 1.4em;
	line-height: 1.429;
	color: #999;
	}

#content ul {

	}
	
	#content ul li {
		
		}
		
#content ol {

	}
	
	#content ol li {

		}
		
#content ul.section-navigation {

	}
	
	#content ul.section-navigation li {

		}
		
	#content ul.section-navigation li.last {

		}
		
		#content ul.section-navigation li a {

			}
			
		#content ul.section-navigation li a:hover, #content ul.section-navigation li.selected a {
			
			}
			
#summary a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #ccc;
	}
	
	#summary a:hover {
		color: #000 !important;
		border-color: #999 !important;
		}
		
	#summary a:visited {
		color: #999;
		border-color: #ccc;
		}
			
#summary h4 {
	margin: 0 0 1.25em 0;
	font-size: 1.6em;
	line-height: 2.5;
	}
	
#summary ul {
	margin: 0 0 1.667em 0;
	list-style: none;
	list-style-position: outside;
	}
	
	#summary ul li {
		list-style: none;
		text-indent: 0;
		}
		
#footer {
	}
	
	#footer a {
		color: #333;
		border-bottom: 1px solid #999;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #000;
		border-color: #333;
		}
	
	#footer p {
		color: #999; 
		}
		

/*
Modules
---------------------------
*/

.module br {
	clear: both;
	}

/* Feed */
#home .module.feed .post .meta h2.title {
	margin: 0;
	font-size: 1.6em;
	line-height: 2.5;
	}
	
#home .module.feed .post .meta h4.date {
	margin: -0.6em 0 0.6em 40px;
	font-size: 1.2em;
	line-height: 1.667;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
	}
	
#home .module.feed .post img {
	width: 516px;
	height: 286px;
	margin: 10px 0;
	border: 2px solid #999;
	}
	
/* Feed */

/* Featured Books */

#home .module.featured-books p {
	margin: 0 0 20px 0;
	}
	
	#home .module.featured-books p img {
		width: 158px;
		height: 218px;
		border: 1px solid #ccc;
		}
	
#home .module.featured-books ul {
	margin: 0 0 2em 0;
	font-size: 1em;
	line-height: 2;
	list-style: none;
	list-style-position: outside;
	}
	
	#home .module.featured-books ul li {
		list-style: none;
		text-indent: 0;
		}
	
		#home .module.featured-books ul li a {
			color: #333;
			font-style: italic;
			text-decoration: none;
			border-bottom: 1px solid #ccc;
			}
			
		#home .module.featured-books ul li a:hover {
			color: #000;
			border-bottom: 1px solid #999;
			}
		
/* /Featured Books */

/* Web */
#home .module.web p.promo {
	margin: 0 0 20px 0;
	}
	
	#home .module.web p.promo a {
		border: 0;
		}
		
		#home .module.web p.promo a img {
			width: 220px;
			height: 220px;
			}
		
/* /Web */

/* Newsletter */
#content .module.newsletter fieldset {
	padding: 0 0 20px 0;
	border: 0;
	}

	.module.newsletter fieldset input {
		width: 183px;
		margin: 0;
		float: left;
		}
		
	.module.newsletter fieldset a.button {
		width: 25px;
		height: 25px;
		padding: 0;
		text-indent: -999em;
		overflow: hidden;
		background: #bb0101 url(../../images/template/screen/interface-sprites.gif) -410px -195px;
		}

	.module.newsletter fieldset label {
		display: none;
		}	
		
/* /Newsletter */

/* Events */
.module.events ul {
	margin: 0 0 1.667em 0;
	list-style: none;
	list-style-position: outside;
	}
	
	.module.events ul li {
		padding: 0 0 0 40px;
		position: relative;
		list-style: none;
		text-indent: 0;
		}
		
		.module.events ul li h2.title {
			margin: 0;
			font-size: 1em;
			line-height: 1.667;
			text-transform: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
			color: #333;
			}
		
		.module.events ul li h4.date {
			margin: 0 0 1.667em 0;
			font-size: 1em;
			line-height: 1.667;
			text-transform: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #999;
			}

/* /Events */

/* Images */
.module.images ul {
	margin: 0 -20px 0 0;
	list-style: none;
	list-style-position: outside;
	}
	
	.module.images ul li {
		margin: 0 20px 10px 0;
		float: left;
		list-style: none;
		text-indent: 0;
		}
		
	.module.images ul li.last {
		margin: 0 0 20px 0;
		clear: right;
		}
		
		.module.images ul li a {
			display: block;
			position: relative;
			}
			
		.module.images ul.thumbnails li a {
			width: 70px;
			height: 70px;
			}
		
			.module.images ul li a img {
				border: 1px solid #999;
				}
				
			.module.images ul.thumbnails li a img {
				width: 68px;
				height: 68px;
				}

/* /Images */

/*
Blog/feature posts
---------------------------
*/

/* Posts */
.posted-block {
	width: 32px;
	height: 64px;
	margin: 0 16px 16px 0;
	padding: 8px 8px;
	background: #bb0101;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	text-align: center;
	color: #fff;
	}
	
	.posted-block .day, .posted-block .month {
		font-size: 2em;
		font-weight: normal;
		line-height: 1;
		font-family: Georgia, "Times New Roman", Times, serif;
		}

.blog-item, .features-item {
	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
	position: relative;
	border-bottom: 1px solid #999;
	}
	
.features-item-full {
	position: relative;
	}
	
	#content #content-primary .blog-item h3 {
		margin: 0 0 0 56px;
		font-size: 2.4em;
		line-height: 1.333;
		}
	
	#content #content-primary .blog-item h4 {
		margin: 0 0 2.286em 56px;
		font-size: 1.4em;
		line-height: 2.286;
		font-weight: bold;
		text-align: left;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		}
		
	#content #content-primary .features-item-full h3 {
		margin: 0 0 0.667em 0;
		font-size: 2.4em;
		line-height: 1.333;
		}
	
	#content #content-primary .features-item-full h4 {
		margin: 0 0 2.286em 0;
		font-size: 1.4em;
		line-height: 2.286;
		font-weight: bold;
		text-align: left;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		}
			
	#content #content-primary .features-item h3 {
		width: 244px;
		margin: 0 20px 0.667em 0;
		font-size: 2.4em;
		line-height: 1.333;
		}
	
	#content #content-primary .features-item h4 {
		width: 244px;
		margin: 0 20px 2.286em 0;
		font-size: 1.4em;
		line-height: 2.286;
		font-weight: bold;
		text-align: left;
		letter-spacing: -0.02em;
		text-transform: uppercase;
		}
		
	#content #content-primary .features-item p {
		width: 244px;
		margin-right: 20px;
		}
		
	#content #content-primary .features-item img {
		width: 300px;
		height: 176px;
		position: absolute;
		top: 0;
		right: 0;
		}
			
.post-archives, .collection-tags, .blog-comments-count, .blog-comments-message {
	margin: 0 0 0.889em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-style: italic;
	color: #999;
	}
/* /Posts */

/* Comments */

.blog-comments .moderate {
	margin: 0 0 16px 0;
	padding: 16px 0 0 16px;
	border: 1px solid #999;
	border-left: 16px solid #bb0101;
	background: #e5f5ff;
	}
	
.blog-comments #captcha {
	margin: 0 0 16px 12em;
	border-left: 8px solid #fff;
	}

/* /Comments */
	
/* Archives */
#content ul.reflect_archive {
	margin: 0 0 1.33em 0;
	list-style: none;
	list-style-position: outside;
	}

	#content ul.reflect_archive li {
		list-style: none;
		text-indent: 0;
		}
		
	#content ul.reflect_archive li.reflect_month {
		margin: 0 0 16px 0;
		padding: 0 0 16px 0;
		border-bottom: 1px solid #999;
		}
		
		#content ul.reflect_archive li h3 {
			font-size: 1.5em !important;
			}
		
		#content ul.reflect_archive li.reflect_month ul {
			margin: 0;
			list-style: none;
			list-style-position: outside;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			text-transform: none;
			letter-spacing: 0;
			font-style: italic;
			color: #999;
			}
			
			#content ul.reflect_archive li.reflect_month ul a {
				margin: 0 0 1.143em 0;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1.167em;
				line-height: 2.286;
				font-weight: bold;
				font-style: normal;
				text-align: left;
				letter-spacing: -0.02em;
				text-transform: uppercase;
				color: #171d35;
				text-decoration: none;
				}
				
			#content ul.reflect_archive li.reflect_month ul a:hover {
				color: #171d35;
				text-decoration: underline;
				}
/* /Archives */


/*
Forms
---------------------------
*/

.form {
	
	}

/* Buttons */

/* /Buttons */

/* Messages */

.message {
	display: none;
	}
	
.message.current {
	display: none;
	}
	
.message.initial {
	display: block;
	}

	.message h4 {

		}

/* /Messages */

/* Instructions */

.instructions {
	font-style: italic;
	}

/* /Instructions */

/* Form controls */

.error {
	border: 1px solid #ff0000 !important;	
	}

.required {
	color: #ff0000;	
	}

.static-field {
	
	}
	
	.static-field .field-value {
		font-size: 1.167em;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color: #666;
		}
		
	p .static-field .field-value {
		font-style: normal;
		color: #171d35;
		}
		
#recaptcha_area {
	margin: 0 0 16px 0;
	}
	
a.button {
	width: auto;
	height: 32px;
	padding: 0 8px;
	display: block;
	float: left;
	color: #fff;
	background: #bb0101;
	border: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	
	}
	
a.button:hover {
	color: #fff;
	}

input.button {
	padding: 6px;
	font-weight: bold;
	font-size: 1.8em;
	font-family: Helvetica, Arial, sans-serif;
	}
  
input.text {
	height: 17px;
	margin: 0 0 1.333em 0;
	padding: 3px 5px;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1;
	color: #999;
	border: 1px solid #999;
	background: #fff url(../images/interface-sprites.gif) 0 -160px no-repeat;
	}

input.text:focus {
	color: #333;
	}
	
label {
	font-size: 1em;
	font-weight: bold;
	}
	
	label.other {
		font-weight: normal;
		color: #999;
		}

legend {
	margin: 0;
	padding: 0 16px 0 0;
	font-size: 1.4em;
	line-height: 1.143;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
select {
	margin: 0 0 1.333em 0;
	padding: 5px 8px;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1;
	color: #666;
	border: 1px solid #171d35;
	background: #fff;
	}
	
select:focus {
	color: #171d35;
	}
	
textarea {
	width: 478px;
	height: 10em;
	margin: 0 0 1.333em 0;
	padding: 4px 8px;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1;
	color: #666;
	border: 1px solid #171d35;
	background: #fff;
	}

textarea:focus {
	color: #171d35;
	}

#content form {
	
	}
	
#content fieldset {
	position: relative;
	padding: 32px 0 16px 0;
	border-top: 1px solid #ccc;
	}
	
	#content fieldset legend {
		margin: 0;
		line-height: 1;
		position: absolute !important;
		left: 0;
		top: 0;
		}
  
	#content fieldset .static-field {
		width: 180px;
		float: left;
		margin: 0 0 16px 0;
		}
		
		#content fieldset .static-field .field-value {
			
			}
	
	#content fieldset ul a.button {
		font-size: 1.167em;
		}
		
	#content fieldset ul {
		width: auto;
		margin: 0;
		list-style: none;
		list-style-position: outside;
		}
		
		#content fieldset ul li {
			margin: 0 0 16px 0;
			list-style: none;
			text-indent: 0;
			clear: both;
			}
  
			#content fieldset ul li input.text {
				width: 180px;
				margin: 0;
				font-size: 1.167em;
				}
				
			#content fieldset ul li input.text.short {
				width: 5em;
				}
				
			#content fieldset ul li label {
				width: 140px;
				margin: 0 8px 16px 0;
				display: block;
				float: left;
				}
			
			#content fieldset ul li select {
				width: 180px;
				margin: 0;
				font-size: 1.167em;
				}
			
			#content fieldset ul li textarea {
				width: 300px;
				height: 10em;
				margin: 0;
				font-size: 1.167em;
				}
				
		
/* /Form controls */

/*
Site search
---------------------------
*/

/* Form */
#controls #search {
		}
		
	#controls #search label {
		display: none;
		}
	
	#controls #search input {
		width: 163px;
		margin: 0;
		float: left;
		}
		
	#controls #search a.button {
		width: 25px;
		height: 25px;
		padding: 0;
		border: 0;
		text-indent: -999em;
		overflow: hidden;
		background: #bb0101 url(../images/interface-sprites.gif) -475px -50px;
		}
	
	#quickview #search label {
		display: none;
		}	
/* /Form */

/* Results */

#ajaxSearch_output {
   border: 1px solid #444;
   padding: 10px;
   background: #fff;
   display: block;
   height: auto;
   vertical-align: top;
}

.ajaxSearch_highlight {
	color: #bb0101;
	font-weight: bold;
	}
	
.AS_ajax_result {
   color: #444;
   margin-bottom: 3px;
}
.AS_ajax_resultLink {
   
}
.AS_ajax_resultDescription {
   
}
.AS_ajax_more {
   
}

.ajaxSearch_results {
	margin: 0 0 16px 0;
	border-bottom: 1px solid #999;
	}

.ajaxSearch_result {
	margin: 0 0 16px 0;
	padding: 16px 0 0 0;
	border-top: 1px solid #999;
	}

.ajaxSearch_paging {
	margin: 0 0 1.333em 0;
	display: block;
	font-size: 1.2em;
	line-height: 1.333;
	text-align: left;
	vertical-align: top;
	}

.ajaxSearch_resultsInfo {
	margin: 0 0 0.889em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.8em;
	line-height: 1.778;
	font-style: italic;
	color: #999;
	}
	
.ajaxSearch_resultsInfo .ajaxSearch_highlight {
	color: #171d35;
	}

/* /Results */