body {
		background:red;
		margin:5px; padding:0; background-image:none;
	}
	h1, h2, h3 {
	color:#699; margin:0;
	}
	.scrollable p {
		font-size:16px;
	}
	#wrapper {
		width:auto;
		overflow:hidden;
		margin:0 0 20px;
	}
	#small_nav_area h2, #small_nav_area img {
			float:left;
			margin:5px 0 0 12px;
	}
	#nav_links_area {
		margin:10px 0;
		overflow:hidden;
		float:right;
	}
	.row {
		clear:both;
	}
	#wrapper .container {
	margin:0px;
	padding:4px 20px;
	background:#FFF;
	width:auto;
	
	}
	div.gf10of12 {
		
	}
	.bubble_area {
		position:relative;
	}
	.scrollable select {
		margin:12px 17px; /*12px 5%;*/
		border-bottom:1px solid #ccc;
		padding:3px;
		font-size:16px;	
		float:right;
		background:#fff;
		color:#aaa;
		border:1px solid #aaa;
	}
	
	.bubble_area .nameplate_area {
		margin: 12px 0 20px 20%;
		border:1px solid #aaa;
		box-shadow:5px 5px 8px #ccc;
		border-radius:6px;
		padding:2% 5% 2% 7%;
		min-height:40px;
	}
	.bubble_area .nameplate_area a {
		color:#aaa;
		margin-right:10px;
	}
	.author_pic_area {
		position:absolute;
		left:4px; top:4px;
		border:1px solid red;
		width:16%;
		left:9%;
		top:10px;
		box-shadow:5px 5px 8px #ccc;
	}
	.author_pic_area img {
		width:100%;
		float:none;
		display:block;
		padding:0 2% 0 0;
	}
	.nameplate_area h2 {
		font-size:1em;
	}
	.nameplate_area .bio span, 
	.nameplate_area .synopsis span { /* hides little X close boxes */
		display:none; 
	}
	.nameplate_area .bio, 
	.nameplate_area .synopsis {
		display:none; /* hides content util clicked */
	}
	.bubble_area div.author_pic_area {
		
	}
	.bubble_area .cover_area,
	.bubble_area .insight_area,
	.bubble_area .excerpt_area {
		position:static;
		height:auto;
		float:none;
	} 
	.scrollable .items div.cover_area  {
		width:35%;
		float:left;
		padding:0 2% 0 0;
		display:block;	
		clear:both;
	}
	.scrollable .items div.cover_area img {
		width:98%;
		display:block;	
	}
	.insight_area {
		float:left;
			}
	.insight_area h3 {
		font-size:32px;
		color:#ddd;
		text-transform:uppercase;
		letter-spacing:.2em
	}
	.insight_area h2 {
		margin-top:-21px;
		position:relative;
		z-index:3;
	}
	.excerpt_inner {
		position:relative;
	}
	.excerpt_area h3 {
		left:1px;		
		font-size:36px;
		color:#ddd;
		text-transform:uppercase;
		letter-spacing:.2em
	}
	.excerpt_area h4 {
		margin-top:-18px;
		z-index:3;
		color:#699;
		font-size:18px;
	}

ul.stylin_list1 {
		margin-left:1.5em;
}
textarea, select {
	font-size:70%;
}

input[type="checkbox"], input[type="radio"]   {
	width : 1em;
	height :1em;
	padding: 0px;
	margin: 0px;
	}
form.stylin_form1.labels_left {
	width:16em;
	}
form.stylin_form1.labels_left input[type="radio"] {
	border:2px solid red;
	}
form.stylin_form1.labels_left input[type="submit"] {
	font-size:75%;
	}
	
.share_area {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#333;
}
.bublish_button {
	background:#333;
	border:1px solid #CCC;
	border-radius:6px;
	background:#555;
	color:#fff;
	padding:2px 8px;
}
#save_bubble_button {
	margin:10px 0;
	padding:4px 10px;
	float:none;
	display:inline-block;
	}
#buy_book_button {
	position:fixed;
	bottom:7px;
	right:10px;
	z-index:20;
}
.share_area p {
	float:left;
	font-size:30px;
	padding:4px 5px 0;
	line-height:1;
	color:#777;
}
.share_area img {
	margin:5px 3px;
	border:1px solid #CCC
}
#add_a_bubble_exit_button,
.bublish_overlay {
	display:none;
}
#add_a_bubble_exit_button_custom,
.bublish_overlay_custom {
	display:none;
}
/* hide loaded but not visible panels */
#bubble1, #bubble0 { /*TEMP */
	display:none;
}
.items div[id^=bubble] {
	top:0;
	left:0;	
	}
/* controls for sliding panels */
/* sliding panels */
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
	 /*width:300%;
    height:500px;
	custom decorations */
    border:1px solid #ccc;
	padding:0 0 00px 0;
}
footer {
	border:none;
	text-align:center;
}
footer a {
	color:#999;
	font-size:12px;
}
.col.gf1of12 {
	display:none;
}
/* root element for scrollable items. Requires very large width */
.scrollable .items {
/* this cannot be too large 
   	 width:20000em;*/
    /*position:absolute;*/
    clear:both;
}
.scrollable .items div {
    /*float:left; */
}
/* active item */
.scrollable .active {
    
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../pics_sm/left_right_nav_arrow_sprite_30pxh.png) no-repeat;
    display:block;
    width:15px;
    height:30px;
    cursor:pointer;
    font-size:1px;
	position:absolute;
	z-index:100;
}
/* right */
a.browse.right {position:fixed; background-position: 0 0; clear:right; margin-right: 0px; top:48%; right:1.5%;}
a.right:hover { background-position:0px 0px;}
a.right:active { background-position:0px 0px; }
span.next {display:none; /* removed to show it */
			position:fixed; z-index:50; right:98%; bottom:4.5%; color:@color4;}
span.next.disabled {display:none;}
/* left */
a.browse.left {position:fixed; background-position: -15px 0; margin-left: 0px; top:48%; left:1.5%;}
a.left:hover  { background-position:-15px 0; }
a.left:active { background-position:-15px 0; }
span.prev {display:none; /* removed to show it */
		position:absolute; z-index:50; left:37%; bottom:4.5%; color:@color4;}
span.prev.disabled {display:none;}
/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/* sliding panel arrow labels */
p.nav_arrow_label {
	font-size:1em;
	line-height:1;
	color:#333;
	}
p.nav_arrow_label.left {
	position:absolute;
	top:2.5%; 
	left:37%;
	}
p.nav_arrow_label.right {
	position:absolute;
	top:2.5%; 
	right:37%;
	text-align:right;
	}
	
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}