/*
Theme Name: Manchester Book Award
Theme URI: http://manchesterbookaward.com/
Description: The WordPress theme for the new Manchester Book Award website.
Version: 0.1
Author: Alan Holding
Author URI: http://manchesterbookaward/
Tags: manchester, book, award

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*
Dark pink	#c42740 
Medium pink	#e17e92
Light pink	#eac5ce 
Medium blue	#3c9cbb
Light blue	#ceeaf0
*/

a, a:link, a:visited {
	background: transparent;
	color: #c42740;
	text-decoration: none;
}

a:hover, a:active {
	background: transparent;
	color: #c42740;
	text-decoration: underline;		
}


div.grid {
	float: left;
	margin: 0 6px;
/* 	background: #ffffff; */
}
div.grid_1		{width: 308px;}
div.grid_2		{width: 628px;}
div.grid_3		{width: 948px;}
div.grid_half	{width: 468px;}
.clearer		{clear: both;}

/*
Background stripes / colours
*/
div.stripe			{width: 100%; float: left; margin-bottom: 12px;}
div.stripe_3		{background: transparent url(layout/stripe_3.gif) repeat-y 6px 0 !important;}
div.stripe_half		{background: transparent url(layout/stripe_half.gif) repeat-y 6px 0 !important;}
div.stripe_white	{background: transparent url(layout/stripe_white.gif) repeat-y 6px 0 !important;}

/*
Extras for home page - to move to separate sheet
*/
div.grid div {
	margin: 10px;
	float: left;
}
div.grid div h2 {
	margin: 0;
}
div.grid div#library {
	width: 926px;
}
div.innergrid {
	float: left !important;
	width: 292px !important;
    padding: 0 !important;
	margin: 10px 10px 0 0 !important;
}
div.innergrid p {
	margin: 0 0 6px 0;
}
div.innergrid p.renew {
	margin: 0;
}
div.innergrid p.renew a img {
	border: 0;
}
div.slideshow {
    width:  308px !important;  
    height: 206px !important;
    float: left !important;
	margin: 10px 12px 0 0 !important;
}  
div.slideshow img {  
    padding: 0; 
    width:  308px; 
    height: 206px; 
    top:  0; 
    left: 0;
    margin: 0 !important;
}
embed#blipplayer {
	margin: 10px 0 0 0;
	padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-size: 90%; /* Look this up! */
	text-align: center;
	background: #e8eff1;
	font-family: Georgia, serif;
}

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
}


div#masthead, div#site_info, div#nav {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
	clear: both;
}

div#nav {
	background: #003366;
	padding: 6px 0;
	border-bottom: 1px solid #333333;
}
div#nav ul, div#site_info ul {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
div#nav ul li, div#site_info ul li {
	float: left;
	margin: 0 8px;
	padding: 0;
}
div#nav ul li a, div#site_info ul li a {
	display: block;
	margin: 0;
	padding: 3px;
	font-family: sans-serif;
}
body#home div#nav ul li a#tab_home,
body#books div#nav ul li a#tab_books,
body#groups div#nav ul li a#tab_groups,
body#competitions div#nav ul li a#tab_competitions,
body#news div#nav ul li a#tab_news,
body#faq div#nav ul li a#tab_faq,
body#links div#nav ul li a#tab_links,
body#guestbook div#nav ul li a#tab_guestbook,
body#vote div#nav ul li a#tab_vote,
body#previousyears div#nav ul li a#tab_previousyears {
	background: #c42740;
	color: #eeeeee;
}
div#nav ul li a, div#nav ul li a:link, div#nav ul li a:visited {
	color: #cccccc;
	text-decoration: none;
}
div#nav ul li a:hover, div#nav ul li a:active {
	color: #666666;
	background: #ceeaf0;	
}



div#masthead {
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 6px;
	clear: both;
}
div#masthead div, div#site_info div {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
div#masthead div {
	padding: 6px 0;
}
div#masthead div h1 {
	width: 240px;
	float: left;
	font-size: 100%;
	margin: 6px 0;
	padding: 0;
}
div#masthead div div#welcome {
	float: left;
	width: 720px;
	margin: 0;
}
div#masthead div div#welcome p {
	width: 210px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 3px 0;
}
div#masthead div div#welcome p.nomargin {
	margin-right: 0 !important;
}
div#masthead div div#welcome p a {
	display: block;
	width: 210px;
	height: 90px;
	text-decoration: none;
	cursor: pointer;
}
div#masthead div div#welcome p a span {display: none;}
p#bwhats a:link,
p#bwhats a:visited {
	background: transparent url(layout/buttons/whatsmba.png) no-repeat 0 0;
}
p#bwhats a:hover,
p#bwhats a:active {
	background: transparent url(layout/buttons/whatsmba.png) no-repeat 0 -90px;
}
p#bget a:link,
p#bget a:visited {
	background: transparent url(layout/buttons/getinvolved.png) no-repeat 0 0;
}
p#bget a:hover,
p#bget a:active {
	background: transparent url(layout/buttons/getinvolved.png) no-repeat 0 -90px;
}
p#bwin a:link,
p#bwin a:visited {
	background: transparent url(layout/buttons/winstuff.png) no-repeat 0 0;
}
p#bwin a:hover,
p#bwin a:active {
	background: transparent url(layout/buttons/winstuff.png) no-repeat 0 -90px;
}



div#container {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div#wrapper{
	clear: both;
	float: left;
	width: 970px;
	float: left;
	margin: 10px 5px;
}

div#book_grid {
	float: left;
	clear: both;
	width: 960px;
	padding: 0;
	margin: 0 0 6px 0;
}
div#book_grid p {
	float: left;
	padding: 0 0 0 7px;
	margin: -6px 0 0 0;
}
div#book_grid p a img {
	border: none;
}
div#book_grid ul {
	float: left;
	list-style: none;
	width: 952px;
	padding: 0 0 0 8px;
	margin: -6px 0 0 0;
}
div#book_grid ul li {
	float: left;
	margin: -8px 0 0 -8px;
	background: transparent;
}
div#book_grid ul li a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px;
	line-height: 0;
	background: transparent;
}
div#book_grid ul li a, div#book_grid ul li a:link, div#book_grid ul li a:visited {
	background: transparent;
}
div#book_grid ul li a:hover, div#book_grid ul li a:active {
	background: transparent url(layout/nasty.jpg) no-repeat center center;
;
}
div#book_grid ul li a img {
	border: 1px solid #999999;
}
div#book_grid ul li a:hover img {
	border: 1px solid #000000;
}
/*
Finalist phase 2
*/
div#book_grid ul li.sixfinalists {
	width: 230px;
	margin: 0 8px 0 0;
}

ul#flickr {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
}
ul#flickr li {
	float: left;
	border: 0;
	margin: 0 4px 4px 0;
	padding: 0;
	line-height: 0;
}
ul#flickr li a, ul#flickr li a:link, ul#flickr li a:visited {
	border: 5px solid #ceeaf0;
	display: block;
}
ul#flickr li a:hover, ul#flickr li a:active {
	border: 5px solid #c42740;
}
ul#flickr li a img {
	border: none;
}

/*
See above in div#masthead for more rules for div#site_info
*/
div#site_info {
	background: #333333 url('layout/bg_site_info.gif') repeat-x 0 0;
	border-top: 1px solid #ffffff;
	padding: 12px 0 18px 0;
}

/*
See above in div#nav ul for more rules for div#site_info div ul
*/
div#site_info ul {
	text-align: left;
	font-size: 90%;
}

div#site_info ul li a, div#site_info ul li a:link, div#site_info ul li a:visited {
	text-decoration: none;
	color: #cccccc;
}
div#site_info ul li a:hover, div#site_info ul li a:active {
	color: #ffffff;
	text-decoration: underline;
}

div.author_focus img {
	float: left;
	margin: 0 6px 6px 0;
}
div.author_focus div {
	float: left;
	width: 200px;
}


/*
Pages
*/
div#page {
	float: left;
	width: 686px;
	margin: 0 24px 0 0;
	background: White;
}
div#page div {
	margin: 10px;
	line-height: 1.4em;
}
div#page img {
	border: 0;
}
div#page h2 {
	margin: 0 0 18px 0;
}
div#page h3, div#page h4 {
	margin: 0 0 6px 0;
}
div#page h3 {
	font-size: 110%;
}
div#page h4 {
	font-size: 100%;
}
div#page p {
	margin: 0 0 12px 0;
}

ul.threecol {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 6px 0;
	list-style: none;
}
ul.threecol li {
	margin: 0 14px 14px 0;
	padding: 0;
	width: 208px;
	float: left;
}

div.callout {
	float: left;
	width: 100%;
	margin: 10px 0;
	background: #ffffff;
}
div.callout h4, ul {
	margin: 10px;
}



/*
Subcontent
*/
div#subcontent {
	float: left;
	width: 250px;
	margin: 0;
}
div#subcontent p {
	margin: 0;
}
div#subcontent a img {
	border: none;
}

/*
Links list for links page
*/
div.linkslist {
	float: left;
	width: 200px;
	margin: 0 4px 0 0;
	padding: 0;
}

div.linkslist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.linkslist ul li {
	margin: 0 0 6px 0;
	padding: 0;
}

/*
Contact form 7
*/
div.wpcf7 {
	margin: 0 0 10px 0 !important;
	background: #ceeaf0;
	border: solid #cccccc 1px;
	float: left;
}

form.wpcf7-form {
	margin: 10px;
}

form.wpcf7-form input, form.wpcf7-form textarea {
	font-family: Georgia, sans-serif;
	font-size: 90%;
}