/*
Theme Name: William Nicholson Take 2
Theme URI: 
Description: 
Version: 2.0

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

*/

body { margin:0; background:#0c263c url(images/bg-main.gif) top center repeat-y;  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#fff;  -webkit-text-stroke:1px transparent;}
        @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}  }
a { text-decoration:none; color:#f90; }
a:hover { text-decoration:underline; }
img { border:none; }
input, textarea, select { font:100% arial, sans-serif; vertical-align:middle; }
form, fieldset { margin:0; padding:0; border-style:none; }
#main { margin:0 auto; width:968px; background:url(images/bg-main.gif) repeat-y; }/*header*/
#header { width:920px; background:#0c263c url(images/bg-header.jpg) no-repeat 0 100%; padding:54px 48px 24px 0; position:relative; z-index:2; }/*logo*/
.logo a { background:url(images/logo.gif) no-repeat; display:block; width:299px; height:20px; overflow:hidden; text-indent:-9999px; }
.logo { float:left; padding:0 0 0 8px; }
#header:after { content: ""; clear: both; display: block; }/*menu*/
#header ul.children { display:none; }
#menu { float:right; margin:8px 0 0; padding:0; list-style:none; white-space:nowrap; }
#menu li { float:left; padding:0 0 13px 29px; }
#menu ul { width:100%; }
#menu ul:after { content: ""; clear: both; display: block; }
#menu ul li { width:100%; }
#menu li a { color:#ccc; }
#menu ul li a { float:left; width:100%; }
#menu li a:hover, #menu li.active a, #menu li.current_page_item a, #menu li.current-cat-parent a { text-decoration:none; color:#fff; }
/*drop*/
#menu li.hover, #menu li:hover { position: relative; }
#menu div.drop strong { font-weight: normal; float:left; }
#menu div.drop { visibility:hidden; position: absolute; left:0; top:100%; width: 400px; padding: 7px; background: url(none.gif); }
#menu li.hover div.drop, #menu li:hover div.drop { display: block !important; }
.top, .bottom { background:url(images/top-center.png) repeat-x; height:7px; margin-top:-7px; }
.bottom { background:url(images/bottom.png) repeat-x; margin:0 0 -7px; padding: 0; overflow: visible; }
.top span, .bottom span { float:left; width:7px; height:7px; margin-left:-7px; z-index:1; background:url(images/top-left.png) no-repeat; position:relative; overflow: hidden; }
.bottom span { background:url(images/bottom-left.png) no-repeat; }
.top em, .bottom em { float:right; width:7px; position:relative; height:7px; margin-right:-7px; background:url(images/top-right.png) no-repeat; overflow: hidden; }
.bottom em { background:url(images/bottom-right.png) no-repeat; }
.level2 { width:100%; margin:0 -7px; padding:0 7px; overflow: hidden; }
.left-shad { background:url(images/left.png) repeat-y; float:left; width:7px; margin:0 0 -9999px -7px; padding:0 0 9999px; overflow: hidden; line-height: 0; }
.right-shad { background:url(images/right.png) repeat-y; float:right; width:7px; margin:0 -7px -9999px 0; padding:0 0 9999px; line-height: 0; }
.drop ul { margin:0; padding:0; list-style:none; width:100%; background:url(images/bg-drop.png) repeat; }
#menu .drop ul li { padding:3px 0; width: 100%; vertical-align: top; position: relative; margin:0 -4px; }
#menu .drop ul li a { padding:4px 0 3px 8px; display:block; color:#fff; width:100%; }
#menu .drop ul li a:hover { text-decoration:none; background:#071a2d; color:#ff9933; cursor:pointer; }
/*end drop*/



/*content*/
#content { width:968px; background:url(images/bg-content.jpg) no-repeat scroll; position:relative; z-index:1; }/*top of the content*/
.home-top-content { width:928px; overflow:hidden; background:url(images/bg-header.jpg) no-repeat 0 100%; padding:20px 40px 20px 0; }
.top-content { width:928px; overflow:hidden; /* background:url(images/bg-header.jpg) no-repeat 0 100%; */ padding:10px 40px 18px 0; }

.film-content { width:928px; overflow:hidden; /* background:url(images/bg-header.jpg) no-repeat 0 100%; */ padding:10px 40px 10px 0; }



.video { float:left; margin-top:16px; }/*box of thf books*/
.book { float:right; overflow:hidden; height:1%; }
.book h1 { margin:0; font-size:20px; font-weight:normal; padding:13px 0 0; }
.book ul { margin:0; padding:37px 0 0; list-style:none; overflow:hidden; }
.book ul li { float:left; padding:0 5px 0 0; }
.book ul li a { float: left; height:161px; }
.book ul li a img { float: left; padding: 3px 0 4px; background:url(images/bg-book-center.png) repeat-x; }
.book ul li a span.left { background:url(images/bg-book-left.png) no-repeat; float: left; width:4px; height:161px; }
.book ul li a span.right { background:url(images/bg-book-right.png) no-repeat; width:4px; float:left; height:161px; margin:0 0 0 0; }/*center of the content*/
.cont-center { overflow: hidden; height:1%; background:url(images/cont-center.gif) repeat-y 309px 0; margin:33px 0 40px; }
.center-left { float:left; width:269px; padding:0 0 0 10px; }
.cont-center h2 { font-size:18px; font-weight:normal; margin:0; }
.cont-center span.sub { font-size:12px; color:#999; margin:0; }
.posted-all { overflow:hidden; width:100%; }
.posted { background:url(images/bg-left-line.jpg) no-repeat 0 100%; padding:0 0 25px; margin:0 0 -3px; }
.center-left h3 { margin:18px 0 0; font-size:11px; font-weight:normal; color:#ffcc99; }
.center-left span.color { font-size:11px; color:#999; }
.center-left p { margin:0; font-size:11px; }
.read { margin:34px 0 0; font-size:14px; color:#ff9900; display:block; }
.center-right { float:right; width:611px; padding:0 15px 0 0; }
.center-right img { float:left; margin:51px 0 0; }
.info-book { overflow:hidden; height:1%; padding: 0 0 0 25px; }
.info-book p { line-height:20px; margin:12px 0 0; }/*inner page*/
.bread { margin:0 0 9px; padding:13px 0 0 168px; list-style:none; overflow:hidden; }
.bread li { float:left; font-size:11px; background:url(images/bg-bread.gif) no-repeat 0 5px; margin:0 0 0 -7px; padding:0 10px; }
.bread li a { color:#999; }/*left colum*/
.navigation { float:left; width:140px; padding:12px 0 0 0; }
.navigation ul { margin:0; padding:0 0 0 0; list-style:none; }
.navigation ul li { font-size:14px; line-height:20px; text-align:left; margin-bottom:5px; }
.navigation img { padding-bottom:18px; }
.navigation ul li a { color:#ff9933; }
.navigation p { margin:0; font-size:11px; color:#ccc; text-align:right; }/*center colum*/

.block { overflow:hidden; padding-left:28px; }
.info-title { clear:both; padding: 0; margin:0; width:600px; float:left;}
.info-title h1 { font-size:24px; font-weight:normal; line-height:1.5em; margin:0 0 9px; }
.info-title h1 a { color:#fff; }
.information { padding:0; width:500px; float:left; }
/* .information h1 { margin:0; font-size:24px; font-weight:normal; text-transform:uppercase; } */
.information h1.faq-page { text-transform:none; }
.information p { margin:0 0 18px; line-height:20px; }
.information span { margin:18px 0 15px; display:block; }
.information h1 span { display:inline; margin:0; text-transform:none; }
.information img { float:left; margin:15px 26px 0 0; }/*right colum*/
.video-inner { float: right; padding:25px 0 0 0; }
.book-reviews { position:relative; overflow:hidden; height:1%; padding:62px 0 50px; }
.book-reviews a { position:absolute; top:30px; right:0; color:#ff9933; font-size:12px; }
.book-reviews img { float:right; }
.book-reviews p { margin:0; position:absolute; top:62px; left:0; }
/*inner-2*/
.inner-2 { background:none; }
/*form*/
.frameset { margin:27px 0 50px; width:343px; overflow:hidden; }
.frameset .all span { margin:0; background:url(images/bg-input.gif) no-repeat; width:155px; float:right; margin:0 77px 0 0; display:inline; }
.frameset .all span input.tx { color:#fff; border-style:none; width:152px; padding:3px 0 3px 3px; background:none; float:right; }
.frameset .all { overflow:hidden; width:100%; margin:10px 0 0; }
.frameset .all .area { margin:0; width:232px; height:41px; background:url(images/bg-textarea.jpg) no-repeat; float:right; }
.frameset .all textarea { border-style:none; background:none; width:229px; height:41px; overflow:auto; padding:0 0 0 3px; font-size:11px; margin:0; color:#fff; float:right; }
.frameset .all label { padding:3px 0 0 0; float:left; font-size:11px; color:#aeb7be; }
.frameset .all select { border-style:none; font-size:12px; color:#000; width:155px; margin:0 77px 0 0; float:right; }
.frameset .send { margin:25px 0 0 108px; }
.all-info { overflow:hidden; width:100%; }
.info-box { background:url(images/bg-info-box.jpg) no-repeat 0 100%; padding:0 0 32px; margin:0 0 -3px; }
.information h2 { font-size:18px; font-weight:normal; margin:0; }
.information h3 { font-size:12px; color:#999; margin:0; font-weight:normal; }


table.ask 					{ margin:20px 0 50px 0; } /* Top margin brings the table into line with the p tag on other pages which has a 25px top margin */
table.ask td				{ padding-bottom:9px; }
table.ask tr td textarea 	{ width:400px; height:100px; overflow:auto; padding:0 0 0 3px; margin:0; color:#333; }
.searchContainer 			{ margin-top:9px; }
.searchForm 				{ color:#333; font-size:11px; }
p.faq-page  				{ margin-top:5px; }


/* Page: Information i.e. Bio/Agents */
.information-page			{ padding:0 0 0 32px; width:650px; float:left; }
.alignright					{ float:right; margin:0 0 18px 9px; }

/*information box*/
.info-box h4 { margin:20px 0 0; font-size:11px; color:#ffcc99; }
.info-box .date { margin:0; color:#ccc; font-size:11px; }
.info-box p { margin:0; font-size:11px; line-height:16px; }
.box { background:none; }
.links { margin:0; padding:35px 0 17px; list-style:none; overflow:hidden; width:100%; }
.links li { float:left; padding:0 11px 0 0; font-size:11px; }
.links li a { color:#fff; }
.links li a.sep { background:url(images/bg-link-last.gif) no-repeat 100% 50%; padding:0 10px 0 0; }
/*fotter*/
#footer { background:url(images/bg-footer.jpg) no-repeat; width:968px; overflow:hidden; padding:27px 0 36px; font-size:11px; }
#footer ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden; }
#footer ul li { float:left; background:url(images/sep-foot.gif) no-repeat 0 50%; padding: 0 6px; margin:0 0 0 -1px; font-size:11px; }
#footer ul li a { color:#f90; }


/* Homepage Mods - June 2010 */
div.center-right img { margin-top:0; }
div.center-right span.read a {display:none; }
div.center-right span.read { margin-bottom:40px; }

.att {
clear:both;
padding-top:10px;}