@charset "utf-8";

	html {width:100%;height:100%;/*background-color:#b8afa6;background:url("../img/bg.gif") repeat-x fixed center top #b8afa6;*/}/*008BA4*/
	body {background:url(../images/greaves_bodybg.jpg) 0 0 repeat-x;background-color:#b8afa6;/*overflow:auto; padding:20px 0px;*/margin:0; padding:0;}
	.outer_wrap{ width:1000px; margin:35px auto; margin-bottom:0;position:relative; text-align:center;}
	h1 a {margin:60px 0 0 10px; position:absolute; border:none !important; text-indent:-9999em; background:url("../../code/booklet/images/booklet.html") no-repeat 0 0; width:172px; height:88px;}
	h2 {text-indent:0; padding:0; height:1.5em;}
	h4 {color:#fff; height:1.5em;}
	.book_title{
		clear:both; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#FFF; background:#0098B3; height:30px; margin-bottom:1px; 
	}
	.pagging{list-style-type:none; margin:0px; padding:0px; text-align:center; top:-25px;/*32*/ z-index:1000; position:absolute;}
	.pagging li{display:inline; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:0px; margin:0px;}
	.pagging li a{display:inline-block; font:bold 12px/15px Arial, Helvetica, sans-serif; color:#000;/*008BA4*/ padding:3px 5px; text-decoration:none; background:#fff;/*AEF3FF*/}
	.pagging li a img{padding:0px; margin:0px; border:none;}
	
	.footer{position:fixed;bottom:0;left:0; font:11px Arial, Helvetica, sans-serif; color:#AEF3FF; background-image:url(../images/greaves_footerbg.jpg); background-position:0 0; background-repeat:repeat-x;text-align:center;padding:15px 0 15px 25px;}
	
	#nav {margin-top:90px;}
	#nav a {color:#fff; background:none; text-indent:0; width:auto; margin-left:25px; text-transform:lowercase; text-shadow:0px 1px 3px #666;}
	#nav a:hover {color:#000; text-shadow:0 1px 0 #c1ebff;}
	#nav a.current {color:#925c0e; text-shadow:0px 1px 1px #c1ebff;}
	#header {position:static; height:160px;}
	#content {width:100%; height:auto;}
	#content ul {padding:0 0 0 10px; margin:0 0 20px 10px; line-height:20px; list-style:disc outside;}
	#content ol {padding:0 0 0 10px; margin:0 0 20px 10px; line-height:20px; list-style:decimal outside;}
	#footer {position:relative; margin-top:20px;}
	
	#bar {font-size:12px;background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; border-bottom:1px solid #c1ebff;}
	#bar .wrap {padding:10px 0;}
	#bar a {margin-left:20px; margin-top:4px;}
	
	.syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody {font-size:12px !important;}
	
	.code-wrap {overflow:scroll; overflow-y:auto; background:#fff; margin-bottom:20px; width:auto;}
	
	
	#donate-form {margin:0;}
	#donate-form input {background:none; height:auto; margin:0; padding:0; width:auto;}
	
	#download-btn {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
    -moz-box-shadow: 0 1px 2px #333;  -webkit-box-shadow: 0 1px 2px #333; box-shadow: 0 1px 2px #333;
    background: #925C0E;
    border: none;
    display: block;
    float: left;
    padding: 10px;
    text-shadow: 0 1px 2px #333;}
	
	#download-btn:hover {
	color:#efefef;
	text-shadow: 0 -1px 0 #333;}
	
	/* @General Structure
----------------------------------------*/
    #menu     {margin:0 auto; width:871spx; height:65px; padding:0; position:relative;}
    #mybook,
    #mybook2   {margin:40px auto 20px;position:relative;}
	
/* @Booklet Styling
----------------------------------------*/
	.booklet a        {color:#006699; text-decoration:none;}
	.booklet a:hover  {border-bottom:1px dotted;}
	.booklet ul       {font-size:12px; padding:0; margin:0 0 20px 10px; line-height:20px; color:#524f4a; list-style:disc outside;}
    .booklet h2,
    .booklet h3 {font-size:20px;height:auto;text-shadow:none;}
    .booklet h4 {color:#684425;}
    .booklet p  {font-size:12px; padding:0 0 10px; line-height:20px; color:#524f4a;}
	
	.booklet q  {display:block; width:200px; font-size:18px; font-weight:bold; font-style:italic;}
	
    .right {float:right;}
    .left  {float:left;}
    .clear {clear:both;}

   
	.tagline {font:bold 18px "Myriad Pro"; color:#34322d; margin:10px 0; border-bottom:1px solid #928e86;}
	.caption {padding:10px; background:#999; color:#fff;}
   
	.padtop  {padding-top:64px;}
   
	/*.col-2   {width:205px; height:600px; float:left; margin-right:10px;}
	.block-4 {width:205px; height:260px; float:left; margin-right:10px;}*/