/*
THEME NAME: The Best Ideas Are Free
THEME URI: http://www.thebestideasarefree.com/
DESCRIPTION: The Best Ideas Are Free - WordPress Theme
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz
*/

/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }



/* BASE STYLE ---------------------------- */

body { background: #FFFFFF; font: 62.5%/1.4em "Lucida Grande", Verdana, Arial, sans-serif; color: #555555; }

p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #0066CC; }
a:hover { color: #114477; }


h2 { font: 1.7em "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: bold; color: #333333; margin-bottom: 15px; }
h3 { font: 1.3em "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: bold; color: #333333; margin-bottom: 20px; }

body#subpage h2 { text-transform: none; font-size: 2.2em; }
	
.p-last { margin-bottom: 0; }

.alignright { float: right; padding: 0 0 10px 10px; }
.alignleft { float: left; padding: 0 10px 10px 0; }


/* CONTAINER ---------------------------- */

.container { width: 819px; margin: 0 auto; }
.read-it-online-container { border-bottom: 1px solid #dfdfdf; padding: 0 0 30px 0; }



	/* HEADER ---------------------------- */	
	
	#header { width: 100%; background: #FFF; }



		/* LOGO ---------------------------- */		
		
		h1 a { width: 319px; height: 75px; background: url(images/logo.gif) no-repeat 0 0; margin-top: 12px; float: left; display: block; text-indent: -9999px; }



		/* TOP NAV ---------------------------- */	
		
		#buy-link { margin: 35px 0 0 0; background: #3b6ea5; color: #FFF; padding: 5px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.4em; }	
			#buy-link:hover { background: #114477; }
		
		ul#top-nav { width: 100%; margin: 26px 0 26px 0; padding-bottom: 26px; float: left; border-bottom: 1px solid #DFDFDF; }	
			ul#top-nav li { float: left; display: inline; margin-right: 15px; color: #c7c7c7; position: relative; }	
				ul#top-nav li a { color: #3b6ea5; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.4em; }
					ul#top-nav li a:hover { color: #114477; }
					
				ul#top-nav li span { position: absolute; top: -25px; right: 0; background: url(images/free-bubble.gif) no-repeat 0 0; display: block; text-indent: -9999px; width: 31px; height: 23px; }



	/* POSTS ---------------------------- */
	
	#posts { width: 100%; background: #FFF url(images/posts-bg.gif) repeat-x bottom left; padding-bottom: 30px; font-size: 1.1em; }	
	
	 .inner-wrapper1 { width: 100%; }
	
		#latest-blog-posts { float: left; width: 458px; }
			#latest-blog-posts h2 { display: block; margin-bottom: 5px; }
		#latest-video-posts { float: right; width: 320px; }
			#latest-video-posts h2 { display: block; margin-bottom: 5px; }

			#see-more-link { margin: 1em 0 0 0; }
			
			.posts-inner { padding-top: 5px; }
			
			
			
			/* COMMENTS ---------------------------- */	
			
			#comments { width: 548px; border-top: 1px solid #dfdfdf; margin: 30px 0 0 0; padding: 30px 0 0 0; }
			
				#comments-list {  }
				
				ol.comment-list { margin: 10px 0 0 0;  }
				ol.comment-list li { border: 1px solid #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 20px 0; position: relative; }
				ol.comment-list li div.comment-info { width: 100%; margin-bottom: 10px; }
				ol.comment-list li div.comment-avatar { float: left; width: 50px; }
				ol.comment-list li div.comment-avatar img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #dfdfdf; padding: 4px; }
				ol.comment-list li div.comment-author { font-weight: bold; color: #7A7A7A; float: left; }
				ol.comment-list li div.comment-meta { font-size: 90%; color: #888; float: right; }
				ol.comment-list li div.comment-content { float: right; width: 460px; }
				
				#right-column ol.comment-list li div.comment-content a { border-color: #242424; }
				
				#trackbacks-list { margin-bottom: 30px; }



			/* COMMENTS FORM ---------------------------- */	
			
			#respond .formcontainer { margin: 20px 0 0 0; }
			#respond .formcontainer .form-label { float: left; width: 100px; margin: 5px 0 0 0; }
			#respond .formcontainer .comment-form-label { margin: 0 0 5px 0; }
			#respond .formcontainer .form-input input { width: 344px; color: #555555; float: right; margin-bottom: 20px; padding: 6px 7px; background: #dfdfdf; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100% Arial, sans-serif; }
			#respond .formcontainer .form-textarea textarea { width: 536px; color: #555555; background: #dfdfdf; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font: 100%/1.4em "Lucida Grande", Verdana, Arial, sans-serif; margin-bottom: 15px; }			
			#respond .formcontainer #submit	{ width:auto; float: right; padding: 6px 7px; color: #FFF; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: #3B6EA5; cursor: pointer; font: 100%/1.4em "Lucida Grande", Verdana, Arial, sans-serif; }
						
 


	/* BOOK + SUBSCRIBE  ---------------------------- */		
	
	#book-subscribe-box { width: 100%; border-bottom: 1px solid #dfdfdf; padding: 30px 0; font-size: 1.1em; }		
	
	.inner-wrapper2 { width: 100%; background: url(images/wrapper-bg.gif) repeat-y 458px 0; }	
	 
	  	#book-box { width: 458px; float: left; }
	  		#book-box img { float: left; margin-right: 20px; }
	  		#book-box h2 { border-bottom: none; }
	  		
	  	#subscribe-box { width: 320px; float: right; }
	  		#subscribe-box a { color: #555555; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
	  		#email-link { height: 21px; background: url(images/email-icon.gif) no-repeat 0 0; display: block; padding: 4px 0 4px 35px;  color: #555555; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
 
			#social-media-box { margin: 0 0 10px 0; }
						
 


	/* BUY LINKS  ---------------------------- */	
	
	#main-content ul#buy-links li { list-style: none; background: none; padding: 0 0 0 57px; margin: 0 0 10px 0; position: relative; }
	
		#main-content ul#buy-links li h3 { margin-bottom: 5px; }
			#main-content ul#buy-links li h3 a { color: #0066CC; }
			 #main-content ul#buy-links li h3 a:hover { color: #114477; }
		
		#main-content ul#buy-links li#amazon-buy-link { background: url(images/amazon-buy-link.jpg) no-repeat 0 14px; margin-bottom: 20px; }
			#main-content ul#buy-links li#amazon-buy-link a#icon { width: 43px; height: 15px; position: absolute; top: 14px; left: 0; background: url(images/amazon-buy-link.jpg) no-repeat 0 0; text-indent: -9999px; }
		#main-content ul#buy-links li#iphone-buy-link { background: url(images/iphone-buy-link.jpg) no-repeat 0 4px; padding: 5px 0 5px 57px; }
			#main-content ul#buy-links li#iphone-buy-link a#icon { width: 43px; height: 44px; position: absolute; top: 4px; left: 0; background: url(images/iphone-buy-link.jpg) no-repeat 0 0; text-indent: -9999px; }
		#main-content ul#buy-links li#pdf-buy-link { background: url(images/pdf-buy-link.jpg) no-repeat 0 3px; padding: 5px 0 5px 57px; }
			#main-content ul#buy-links li#pdf-buy-link a#icon { width: 43px; height: 44px; position: absolute; top: 3px; left: 0; background: url(images/pdf-buy-link.jpg) no-repeat 0 0; text-indent: -9999px; }
		#main-content ul#buy-links li#kindle-buy-link { background: url(images/kindle-buy-link.jpg) no-repeat 0 3px; padding: 5px 0 10px 57px; }	
			#main-content ul#buy-links li#kindle-buy-link a#icon { width: 43px; height: 44px; position: absolute; top: 3px; left: 0; background: url(images/kindle-buy-link.jpg) no-repeat 0 0; text-indent: -9999px; }		
		#main-content ul#buy-links li#trademe-buy-link { background: url(images/trademe-buy-link.jpg) no-repeat 0 10px; margin-bottom: 20px; }
			#main-content ul#buy-links li#trademe-buy-link a#icon { width: 43px; height: 22px; position: absolute; top: 10px; left: 0; background: url(images/trademe-buy-link.jpg) no-repeat 0 0; text-indent: -9999px; }
					

	/* SUBPAGE  ---------------------------- */		

   		#main-content ul { margin-bottom: 1em; } 
                    #main-content ul li {  list-style-position: inside; list-style-type: disc; margin-left: 14px; } 
 
 	#subpage-wrapper { width: 100%;  border-bottom: 1px solid #e7e7e7; padding-bottom: 30px; font-size: 1.1em; }
 		#subpage-inner-wrapper { width: 100%; background: url(images/wrapper-bg.gif) repeat-y 230px 0;}	



		/* SIDEBAR  ---------------------------- */		
		
		#sidebar { width: 230px; float: left; }  		
	  		
		  	#sidebar h3 { margin: 20px 0 0 0; }	
		  	#sidebar ul { margin: 5px 0 10px 0; line-height: 1.5em; }
		  	.subscribe-text { margin: 3px 0 5px 0; }



		/* MAIN CONTENT  ---------------------------- */	
		
		#main-content { width: 548px; float: right; }



	/* FOOTER ---------------------------- */
	
	#footer { width: 100%; margin: 20px 0 30px 0; color: #777777; }
		#footer-left { float: left; }
		#footer-right { float: right; }
		
		
		
/* SLIDER ---------------------------- */

.stripViewer .panelContainer .panel ul { margin: 0; }

.slider-wrap { position: relative; width: 100%; padding-bottom: 20px; }

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll; }
.csw .loading {margin: 200px 0 300px 0; text-align: center; }

.stripViewer { position: relative; overflow: hidden; margin: auto; width: 320px; height: 286px; clear: both; }

.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }

.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 320px; }

.stripViewer .panelContainer .panel .wrapper p { margin: 6px 0 0 0; }

.stripNav { margin: 10px auto; width: 100%; background: #999999; padding: 10px; height: 32px; display: none; }

.stripNav ul { list-style: none; }

.stripNav ul li { float: left; margin-right: 2px; }

.stripNav a { font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px; }

.stripNav li.tab1 a { background: #60f; }
.stripNav li.tab2 a { background: #60c; }
.stripNav li.tab3 a { background: #63f; }
.stripNav li.tab4 a { background: #63c; }
.stripNav li.tab5 a { background: #00e; }

.stripNav li a:hover { background: #333; }

.stripNav li a.current { background: #000; color: #fff; }

.stripNavL, .stripNavR { position: absolute; top: 290px; text-indent: -9000em; }

.stripNavL a { display: block; width: 120px; height: 25px; }

.stripNavR a { display: block; width: 96px; height: 25px; }

.stripNavL { left: 0; }

.stripNavR { right: 0; }

.stripNavL { background: url("images/arrow-left.gif") no-repeat center; }

.stripNavR { background: url("images/arrow-right.gif") no-repeat center; }


	

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}