/*-----------------------------------------------
[Why She Plays] Screen Stylesheet
Stylesheet:  master.css
Author: Unifusion Web Design  
Version:  1
Date:     00/00/00
Revision: 
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { background:#fff url(Images/body_bg.jpg) repeat-x; color:#333; font:12px/18px Arial, Verdana, sans-serif; text-align:center; }
/*Linkage
----------------------------------------------- */
a, a:visited { color:#0e54e9; text-decoration:none; }
a:hover { color:#f2902e; text-decoration:underline; }
p.buy a { display:block; background:url(Images/buy_book.png) no-repeat; width:150px; height:35px; margin:0 0 2px; text-indent:-9999px; overflow:hidden; }
p.get a { display:block; background:url(Images/get_book.jpg) no-repeat; width:170px; height:35px; margin:0 0 2px; text-indent:-9999px; overflow:hidden; }
.getgear { display:block; background:url(Images/get_gear.png) no-repeat; width:224px; height:35px; margin:0 0 2px; text-indent:-9999px; float:left; }
.BuyBook { display:block; background:url(Images/buy_book.png) no-repeat; width:150px; height:35px; margin:0 0 2px; text-indent:-9999px; float:left; }
.MyBlog { display:block; background:url(Images/MyBlogs.png) no-repeat; width:150px; height:35px; margin:2px 0 2px; text-indent:-9999px; float:left; }
.more a { float: right; display:block; background:url(Images/more.jpg) no-repeat; width:85px; height:25px; margin:0 0 2px; text-indent:-9999px; overflow:hidden; }
/*Classification
----------------------------------------------- */
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
/*Structure
----------------------------------------------- */
#container { position:relative; background: url(Images/container_bg.jpg) no-repeat; margin:0 auto; padding:0; width: 970px; text-align:left; }
#masthead { height:77px; padding:160px 5px 0; }
#c1 { float:left; width:430px; padding:10px 20px 0; overflow:hidden; }
#c2 { float:left; width:185px; padding:60px 30px 18px; font-size:13px; text-shadow:#ccc 2px 1px 1px; border-left:#e8e2ce 1px dashed; border-right:#e8e2ce 1px dashed; }
#c2 { color:#163d92; font-style:italic; font-weight:bold; }
#c3 { float:right; width:175px; padding:35px 35px 0 0; }
#c3 p { margin: 0 0 12px; }
#footer { background: #e8e2ce; width: 945px; margin:0 auto 8px; padding: 8px; border-top: #ec8024 2px solid; clear: both; }
#footer ul { float:right; margin: 0; list-style-type:none; }
#footer li { display: inline; margin: 0 0 0 8px; }
#footer a { color: #000; text-transform: uppercase; }
#footer p { margin:0; }
p#copy { float:left; }
#credit { margin: 0 0 18px 10px; }
#credit, #credit a { color:#ada693; font-size:10px; }
#topmenu { width: 945px; margin:20px auto 8px; padding: 8px; border-top: #ec8024 2px solid; clear: both; }
#topmenu ul { float:left; margin: 0; list-style-type:none; }
#topmenu li { display:inline; margin: 0 8px 0 8px; }
#topmenu a { color: #fff; text-transform: uppercase; }
/*Navigation
The Book 87px
Blog 61px
Interview List 120px
Exclusive Excerpt 148px
The Author 104px
News and Events 122px
Contact Us 103px
Total = 745px
----------------------------------------------- */
ul#nav { position:relative; background:url(Images/nav.jpg); margin: 0; }
ul#nav li { float:left; list-style-type:none;}
ul#nav li a { position:absolute; top:0; display:block; height:37px; text-indent:-9999px; outline:none; }
li#n1 a, li#n2 a, li#n3 a, li#n4 a, li#n5 a, li#n6 a, li#n7 a { background:url(Images/nav.jpg); }
li#n1 a { background-position:0 0; width:87px; left:0; }
li#n1 a:hover, li#n1 a.active { background-position:0 -37px; }
li#n2 a { background-position:-87px 0; width:61px; left:87px; }
li#n2 a:hover, li#n2 a.active { background-position:-87px -37px; }
li#n3 a { background-position:-148px 0; width:120px; left:148px; }
li#n3 a:hover, li#n3 a.active { background-position:-148px -37px; }
li#n4 a { background-position:-268px 0; width:148px; left:268px; }
li#n4 a:hover, li#n4 a.active { background-position:-268px -37px; }
li#n5 a { background-position:-416px 0; width:104px; left:416px; }
li#n5 a:hover, li#n5  a.active { background-position:-416px -37px; }
li#n6 a { background-position:-520px 0; width:122px; left:520px; }
li#n6 a:hover, li#n6 a.active { background-position:-520px -37px; } 
li#n7 a { background-position:-642px 0; width:103px; left:642px; }
li#n7 a:hover, li#n7 a.active { background-position:-642px -37px; }
/*Typography
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 { clear: both; }
h1 a{ position:absolute; top:0; right:-20px; display: block; background:url(Images/logo.png) no-repeat 0 -5px; width: 260px; height:230px; text-indent:-9999px; overflow:hidden; z-index:99; }
h2 { color:#db6d1b;font-size:32px; line-height:32px; margin:0 0 18px; font-weight:bold; text-transform: uppercase;}
h3 { color:#0e54e9; font-size:16px; margin: 0 0 18px; font-weight:bold; text-shadow:#ccc 2px 1px 1px; }
h4 { font-size:14px; margin: 0 0 9px;}
h5 { font-size:12px; margin: 18px 0; font-weight: bold; }
p { margin: 0 0 18px 0; }
/*List
----------------------------------------------- */
ul, ol { margin: 0 18px 18px 18px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
li { font-size:12px; }
dl { margin:18px 0; }
dl dt { font-weight:bold; }
blockquote  { margin:18px; color: #666; font-style:italic; }
strong { font-weight:bold; }
em { font-style:italic; }
p.sig { float:right; text-transform:none; }
ul.notable { margin:0 0 18px; list-style-type:none; }
ul.notable li { float:left; width:100px; margin:0 0 5px; padding:0 5px 0 0; text-align:center; }
ul.notable li img { display:block; margin:0 auto; border:#666 1px solid; }
ul.research { margin:0 0 18px; list-style-type:none; }
ul.research li { float:left; margin:0 0 18px; }
ul.research li img { display:block; margin:0 12px 0; border:#666 1px solid; }
/*Images
----------------------------------------------- */
img.port { float:left; margin:6px 6px 0 0; border:#666 1px solid; }
img.starboard { float:right; margin:6px 0 0 6px; border:#666 1px solid; }
.contact img.starboard { float:right; margin:6px 0 18px 6px; border:#666 1px solid; }
/*Homepage
----------------------------------------------- */
body#home { background:#2c2b30 url(Images/home_bg_body.jpg) repeat-x; width:960px; margin:0 auto; }
#home #container { background:none; } 
#home #masthead { height:25px; padding:90px 160px 0 0; }
#home_nav { float:right; margin:0; }
#home_nav li{ display:inline; margin:0 10px 0 0; font-size:10px; }
#home_nav li a { color:#fff; font-weight:normal; text-transform:uppercase; }
#home #content { position:relative; background:url(Images/home_bg_content.jpg) no-repeat; height:414px; }
#home #content p { margin:0; }
#home_footer { color:#fff; margin:60px 0 18px;}
#home_footer ul{ float:left; padding:10px; border:#252428 1px solid; }
#home #copy { display:block; }
#home #credit { margin:0; color:#ccc; }
#home_footer a { color:#ccc; }
#home_get a{ position:absolute; bottom:10px; left:190px; background:url(Images/home_get.png) no-repeat; width:125px; height:20px; margin:0; text-indent:-9999px; overflow:hidden; }
#flash { float:right; padding:0 20px 0 0; }
/* These styles are for those who still use the dread sixth. */
* html h1 a { background:url(Images/logo.gif) no-repeat; }
* html p.buy a { background:url(Images/buy_book.gif) no-repeat; }
* html .getgear { background:url(Images/get_gear.gif) no-repeat; }
* html #home_get a { background:url(Images/home_get.gif) no-repeat; }
.interview { background:url(Images/interview_bg.jpg) 5px 0 no-repeat; }

.odd, .even { padding:10px 10px 0; margin:0 0 18px; border-bottom:#0e54e9 1px solid; }
.even { background:#dfdac6; border-top:#f2902e 2px solid; }
#c1-exculsive { float:left; width:675px; padding:10px 20px 0; }
.exclusive { background:#fcfcfc; width: 660px; margin:0 auto; padding:10px; border:#f2902e 1px solid; margin-bottom:18px; }
.store { color:#db6d1b; font-size:14px; }