/* @override http://localhost/~jreynolds/whirlwind/web/css/main.css */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body, td
{
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
}

body
{
  padding: 20px;
  background:  url(../images/styling/background.gif);
	color:  #76786F;
}

/* @group Layout */

div#wrapper {
	width:  834px;
	margin:  auto;
}

div#wrapper div#top, div#wrapper div#middle, div#wrapper div#bottom {
	width:  834px;
	float:  left;
}

div#wrapper div#top div.left {
	height:  17px;
	width:  17px;
	background:  url(../images/styling/corners_01.png) no-repeat;
	float:  left;
}

div#wrapper div#top div.middle {
	height:  17px;
	width:  800px;
	background:  url(../images/styling/corners_03.png) repeat-x;
	float:  left;
}

div#wrapper div#top div.right {
	height:  17px;
	width:  17px;
	background:  url(../images/styling/corners_04.png) no-repeat;
	float:  left;
}

div#wrapper div#middle-left {
	width:  834px;
	height:  100%;
	background:  url(../images/styling/corners_05.png) repeat-y;
	float:  left;
	padding-left: 17px;
}

div#wrapper div#middle-right {
	width:  817px;
	height:  100%;
	background: url(../images/styling/corners_07.png) right repeat-y;
	float:  left;
}

div#wrapper div#middle-left div#middle-right div#middle-white {
	background-color:  #fff;
	float:  left;
	width:  800px;
}

div#wrapper div#middle-left div#middle-right div#middle-white-inner {
	background-color:  #fff;
	float:  left;
	width:  800px;
	background: #fff url(../images/styling/whirlwind.jpg) no-repeat 720px 250px;
}

div#wrapper div#middle-left div#middle-right div#middle-white div#middle-sky, div#wrapper div#middle-left div#middle-right div#middle-white-inner div#middle-sky {
	background: url(../images/styling/sky.jpg) repeat-y;
	float:  left;
	margin:  5px;
	width:  790px;
}

div#wrapper div#bottom div.left {
	width:  17px;
	height:  17px;
	background:  url(../images/styling/corners_10.png) no-repeat;
	float:  left;
}

div#wrapper div#bottom div.middle {
	width:  800px;
	height:  17px;
	background:  url(../images/styling/corners_11.png) repeat-x;
	float:  left;
}

div#wrapper div#bottom div.right {
	width: 17px;
	height: 17px;
	background:  url(../images/styling/corners_13.png) no-repeat;
	float:  left;
}

div#home-content {
	width:  656px;
	float:  left;
	margin:  10px;
	right:  -17px;
	background: #fff url(../images/styling/whirlwind.jpg) no-repeat right 50px;
}

div#inner-content {
	width:  586px;
	float:  left;
	margin:  20px;
	right:  -17px;
}


div#sidebar {
	width:  113px;
	float:  left;
}

div#sidebar h2#welcome {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/welcome.png) no-repeat;
}

div#sidebar h2#about-us {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/sidebar_about-us.png) no-repeat;
}

div#sidebar h2#readers-forum {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/sidebar_forum.png) no-repeat;
}

div#sidebar h2#speaking-engagements {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/sidebar_calendar.png) no-repeat;
}

div#sidebar h2#shop {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/sidebar_shop.png) no-repeat;
}

div#sidebar h2#newsletter {
	text-indent:  -3000px;
	display:  block;
	width:  69px;
	height:  415px;
	margin:  20px auto;
	background:  url(../images/styling/sidebar_news.png) no-repeat;
}

div#footer {
	margin-left:  17px;
	margin-top:  -12px;
	float:  left;
	width: 800px
}

span#footer-info {
	float:  right;
}

span#best-viewed {
	float:  left;
}

div#flash-globe {
  float: right;
  margin-top: -195px;
}

/* @end */

div#sidebar a#buy-book {
	display:  block;
	width:  80px;
	margin:  auto;
	text-align:  center;
	padding-top: 115px;
	background:  url(../images/styling/book_cover_small.png) no-repeat;
	height:  30px;
	color:  black;
}

div#home-content h1 {
	font-size: 24px;
	letter-spacing: 4px;
	margin: 0 0 0px 10px;
	text-shadow: #9c9c9c 1px 2px 0;
	font-weight:  normal;
	color: black;
	text-indent:  -3000px;
	background:  url(../images/styling/reaping_title.jpg) no-repeat;
	cursor:  pointer;
}

div#inner-content h1 {
	font-size: 24px;
	letter-spacing: 4px;
	text-shadow: #9c9c9c 1px 2px 0;
	font-weight:  normal;
	color: black;
	margin-bottom: 10px;
	text-indent:  -3000px;
	background:  url(../images/styling/reaping_title_inner.jpg) no-repeat;
	cursor:  pointer;
}

div#home-content a#home-link {
	float:  left;
	display:  block;
	width: 577px;
	height:  32px;
}

div#inner-content a#home-link {
	float:  left;
	display:  block;
	width: 100%;
	height:  30px;
}


h1 span.bigger {
	font-size: 30px;
}

/* @group Home Navigation */

ul#home-navigation {
	list-style-type:  none;
	display:  block;
	width:  350px;
	text-align:  right;
	padding: 16px 0px;
	float:  left;
}

ul#home-navigation li {
	}

ul#home-navigation li a {
	background: url(../images/styling/bullet.gif) no-repeat right;
	padding-right: 35px;
	padding-top:  10px;
	height: 26px;
	display:  block;
	font-weight:  bold;
	color:  #76786F;
	font-family: Verdana, Arial, sans-serif;
	text-decoration:  none;
}

ul#home-navigation li a:hover {
	color:  #28AB2D;
	background: url(../images/styling/bullet_over.gif) no-repeat right;
	text-decoration:  none;
}

ul#home-navigation li a#readers {
	margin-right: 34px;
}

ul#home-navigation li a#speaking {
	margin-right: 57px;
}

ul#home-navigation li a#newsletter {
	margin-right: 67px;
}

ul#home-navigation li a#shop {
	margin-right: 68px;
}

/* @end */

/* @group Home Elements */

div#introduction {
	line-height:  2;
	float:  left;
	margin-left:  10px;
	clear:  both;
	width: 400px;
}

div#homepage-video {
	 float:  left;
	 margin-left:  20px;
	 width: 283px;
	 height: 229px;
}

div#quote {
	float:  left;
	clear:  both;
	margin: -40px 10px 0px 10px;
	padding: 10px;
	border-top: 1px solid #28AB2D;
	border-bottom: 1px solid #28AB2D;
	font-size:  14px;
	width: 400px;
	text-align:  right;
}

div#quote div#quote-author {
	margin-right:  20px;
	color:  black;
}

/* @end */

/* @group Inner Navigation */
ul#inner-navigation {
	list-style-type:  none;
	width:  636px;
	float:  left;
	border-top: 1px solid #28AB2D;
	border-bottom: 1px solid #28AB2D;
	margin-bottom: 10px;
}

ul#inner-navigation li {
	 float:  left;
	 padding:  5px 0px;
}

ul#inner-navigation li a {
	font-weight:  bold;
	color:  #76786F;
	margin-right:  17px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration:  none;
}

ul#inner-navigation li a:hover {
	color:  #28AB2D;
	text-decoration:  none;
}

ul#inner-navigation li a.selected {
	color:  #28AB2D;
}


ul#inner-navigation li a#shop {
	margin-right:  0px;
}

/* @end */


/* @group Inner Content Elements */
div#inner-content a {
	color:  #28AB2D;
}

div#inner-content a:hover {
	color:  #28AB2D;
}

div#inner-content div#page-content {
	float:  left;
	width:  580px;
}

/* @end */

div#inner-content div#sidebar {
	float:  right;
	border-style: solid;
	border-width: 1px;
	padding:  10px;
	margin-left:  10px;
	width:  130px;
}

div#inner-content div#sidebar ul {
	list-style-type: none;
}




/* @group Shop */

form#paypal-show-cart {
	float: right;
}

div.item-details {
	float:  left;
	text-align:  center;
}

div.item-details a {
	display:  block;
	width:  100px;
	font-size:  12px;
	background:  #C3D5E9;
	color:  black;
	padding:  10px;
	border-style: solid;
	font-weight:  bold;
}

div.item-details a:hover {
	text-decoration:  none;
}

div.item-description {
	padding:  20px;
	width:  390px;
	float:  left;
	background: none;
}

/* @end */

div.post {
	float:  left;
	width:  410px;
	padding:  5px;
}

div.post div.content {
	float:  left;
}

div.post div.content p {
	padding: 5px;
	text-indent:  10px;
}

div.post div.content object {
	float:  left;
}

div#comments {
	padding:  25px;
	float:  left;
}
