/*
THEME NAME: Big and Bright
THEME URI: http://www.dvq.co.nz/freebies/freebie-big-and-bright-wordpress-theme/
DESCRIPTION: Big and Bright - Free Wordpress Theme
TAGS: big and bright, outstanding, clean, orange
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: #d26b17 url(images/bg.gif) repeat-y 0 0; color: #565656; font: 62.5%/1.7em "Lucida Grande", Verdana, Arial, sans-serif; }
#bg-wrapper { width: 100%; height: 100%; background: url(images/bg-right.gif) no-repeat 823px 0; }
 
p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #D26B17; text-decoration: none; border-bottom: 1px solid #dddddd; }
a:hover { color: #8e8e8e; border-bottom-color: #b8b8b8; }

h2 { font: 1.7em/1.5em "Gill Sans" "Gill Sans MT", "Helvetica Neue", "Helvetica", Arial, sans-serif; color: #363636; }
h3 { font: 1.2em/1.3em "Gill Sans" "Gill Sans MT", "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: bold; letter-spacing: 0px; color: #585858; margin-bottom: 10px; }
h2 a, h2.entry-title { color: #363636; border-bottom: none; font-size: 
18px; font-weight: normal;}
h2.h2-page { margin-bottom: 20px; }
h2.h2-archives { border-bottom: 1px solid #E5E5E5; padding-bottom: 13px; margin-bottom: 20px; color: #A7A7A7; text-transform: uppercase; }
	h2.h2-archives span { color: #888787; }
h2.h2-category { border-bottom: 1px solid #E5E5E5; padding-bottom: 13px; margin-bottom: 20px; color: #A7A7A7; text-transform: uppercase; }
	h2.h2-category span { color: #888787; }

hr { border: none; margin: 30px 0; color: #D9A194; background: #D9A194; height: 1px; clear: both; }
blockquote p { border-left: 4px solid #8C8981; color: #8C8981; padding: 3px 0 3px 20px; margin-left: 10px; margin-bottom: 1em; }
.hidden { display: none; }
ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/icons/bullet.gif) no-repeat 7px 6px; padding-left: 21px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }

.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }




/* CONTAINER ---------------------------- */

#container { width: 803px; }




	/* TOP NAV ---------------------------- */	
		
	#header { width: 598px; height: 77px; float: right; margin: 0 -20px 13px -20px; background: url(images/header-bg.gif) no-repeat 0 0; position: relative; }	
		
		ul#top-nav { position: absolute; top: 0; right: 20px; }
			ul#top-nav li { float: left; padding: 0; margin: 0; background: 0; }
				ul#top-nav li a { padding: 29px 15px 30px 15px; margin-left: 5px; display: block; font: 1.0em "Lucida Grande", Verdana, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0px; color: #6b6c6c; border: none; }
					ul#top-nav li a:hover { background: url(images/top-nav-hover.gif) repeat-x 0 0;  color: #363636; }


	/* CONTENT ---------------------------- */	

	#content { width: 558px; float: right; font-size: 1.3em; }
	
		#content h3 { margin: 20px 0 10px 0; }
	
	

		/* POSTS ---------------------------- */	
		
		.index-post { background: none; padding-bottom: 5px; }			
			
			.post-date { font-size: 0.8em; color: #888787; margin-bottom: 20px; }
				.post-date span { color: #6b6b6b; }
				


			/* POST META ---------------------------- */	
		
			.post-bottom { font-size: 0.8em; color: #888787; float: left; position: relative; padding: 0; margin: 30px 0 40px 0; background: url(images/post-bottom-bg.gif) repeat-x left center; height: 16px; width: 558px; }
				.post-bottom span { color: #6b6b6b; }
				
			.post-bottom-single { margin-bottom: 20px; }
				
				p.comments-link { background: #FFFFFF url(images/links-right-bg.gif) repeat-y top right; position: absolute; top: -2px; right: 6px; }
					p.comments-link a { background: url(images/icons/comments-icon.gif) no-repeat 97% 0; padding: 1px 22px 0 1px; border-bottom: none; }
					p.comments-link span { background: url(images/icons/comments-icon.gif) no-repeat 97% 0; padding: 1px 22px 0 1px; }
					
				p.back-to-top-link { background: #FFFFFF url(images/links-right-bg.gif) repeat-y top right; position: absolute; top: -2px; right: 6px; }
					p.back-to-top-link a { background: url(images/icons/back-to-top.gif) no-repeat 97% 50%; padding: 1px 20px 0 1px; border-bottom: none; }


	
					/* SOCIAL NAV ---------------------------- */		
					
					ul.social-nav { position: absolute; left: 6px; margin: 0; }
						ul.social-nav li { float: left; margin-right: 4px; background: none; padding: 0; }
							ul.social-nav li a { border: 1px solid #FFFFFF; border-width: 0 1px; }
								.digg a { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/icons/digg.gif) no-repeat 0 0; float: left; }
								.delicious a { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/icons/delicious.gif) no-repeat 0 0; float: left; }	
								.stumble-upon a { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/icons/stumble-upon.gif) no-repeat 0 0; float: left; }	
	
							
				
				
			/* POST NAVIGATION ---------------------------- */	
			
			.post-navigation { width: 558px; padding: 21px 0 20px 0; float: left; }
				.older-posts-link a { float: left; display: block; background: url(images/icons/arrow-left.gif) no-repeat left center; border: 1px solid #d6d6d6; padding: 5px 8px 5px 18px; }
				.newer-posts-link a { float: right; display: block; background: url(images/icons/arrow-right.gif) no-repeat right center; border: 1px solid #d6d6d6; padding: 5px 18px 5px 8px; }	
					.older-posts-link a:hover, .newer-posts-link a:hover { border-color: #bbbbbb;}
				
				

		/* COMMENTS ---------------------------- */	
		
				
		ol.commentlist {  border-top: 1px solid #D6D6D6; }
        	ol.commentlist li { border-bottom: 1px solid #D6D6D6; position: relative; list-style: none; list-style-type: none; list-style-position: outside; margin: 0; }
        	 ol.commentlist li.bypostauthor .comment-bg-wrapper { background: url(images/comment-form-bg.gif) repeat 0 0; margin-bottom: 1px; }
        	 .comment-bg-wrapper { padding: 15px 0; }
        	 	.avatar-box { float: left; border: 4px solid #d6d6d6; }
        	 		.avatar-box img { vertical-align: bottom; }
        		.comment-date { position: absolute; top: 14px; right: 0; font-size: 0.8em; color: #888787; }
        			li.alt div.comment-date-box { background: url(images/comment-date-bg-alt.gif) no-repeat top center; }
        			 
        		.comment-text { float: right; width: 470px; }
        			.comment-author { color: #8c8981; width: 301px; }
        			.comment-author cite { color: #4b4b4b; font-weight: bold; }
        			
        		.comment-p-last { margin-bottom: 0; }
        		
        		.unapproved { background: #8e8e8e; color: #FFF; padding: 4px 8px; }
        						
			
		
			/* COMMENT FORM ---------------------------- */
    					
    		.form-container { padding: 0 0 30px 0; }
    					
    		.input-label-wrapper { margin-bottom: 20px; }
    			.form-input { float: left; width: 240px; }		
    				.form-input input { float: left; background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; color: #616161; width: 220px; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif; }
    			.form-label { float: left; width: 300px; line-height: 2.3em; padding-top: 5px; color: #565656; }
    				.form-label label { margin-left: 20px; font-weight: bold; }
    				.form-label .required { color: #888787; font-weight: normal; }
    			.form-textarea { margin: 10px 0; }
    				.form-textarea textarea { width: 532px; background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; color: #616161; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif; vertical-align: bottom;  }
    			.form-submit input { background: #FFF; border: 4px solid #d6d6d6; padding: 6px 9px; float: left; cursor: pointer; color: #D26B17; font: 100%/1.5em "Lucida Grande", Verdana, Arial, sans-serif;  }
    			.form-submit input:hover { background-position: bottom left; }




	/* SIDEBAR ---------------------------- */	
	
	#sidebar { float: left; width: 225px; background: url(images/sidebar-bg.gif) no-repeat 0 0; line-height: 1.4em; color: #FFF; margin-bottom: 30px; }
	 #sidebar-inner { width: 187px; margin: 0 auto; }
	
		#sidebar h3 { font: 1.3em "Lucida Grande", Verdana, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0px; color: #FFF; }
		#sidebar a { color: #efdba6; }
			#sidebar a:hover { border-bottom: none; color: #FFF; }
	
	
		/* LOGO ---------------------------- */	
		
		h1 { margin-bottom: 18px; }
			h1 a { display: block; text-indent: -9999px; margin: 0 auto; background: url(images/logo.gif) no-repeat 0 0; width: 225px; height: 77px; border: none; }
	
	
	
	
		/* SUBSCRIBERS BOX ---------------------------- */	
		
		#subscribers-box { width: 163px; height: 68px; background: url(images/subscribers-box.gif) no-repeat 0 0; padding: 12px; margin: 30px 0 30px 0; }

			#subscribers-box a { border: none; }
				
			#link-rss-feed { width: 120px; height: 20px; background: url(images/link-rss-feed.gif) no-repeat 0 0; float: left; text-indent: -9999px; margin-bottom: 5px; }
			#link-email-updates { width: 120px; height: 20px; background: url(images/link-email-updates.gif) no-repeat 0 0; float: left; text-indent: -9999px; margin-bottom: 5px; }
			#link-twitter { width: 120px; height: 20px; background: url(images/link-twitter.gif) no-repeat 0 0; float: left; text-indent: -9999px; }



		/* SIDEBAR ULs ---------------------------- */	
		
		#sidebar ul { margin-bottom: 30px; }
		
			#sidebar ul li { display: inline; float: left; width: 187px; margin-bottom: 0px; padding: 0; background: url(images/icons/sidebar-li-bg.gif) no-repeat bottom left; }
				#sidebar ul li a { display: block; border: none; color: #efdba6; padding: 5px 0 5px 18px; background: url(images/icons/sidebar-bullet.gif) no-repeat 7px 10px; }
					#sidebar ul li a:hover { color: #FFF; }



	/* FOOTER ---------------------------- */		

	#footer { width: 558px; float: right; border-top: 1px solid #d6d6d6; padding: 20px 0 0 0; margin: 40px 0 40px 0; font-size: 1.3em; text-align: center; }	
		#footer p { margin: 0; }	
						
	

/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix {display:inline-block;}
.clearfix {display:block;}



/* ADDITIONAL WP STYLES */
p.wp-caption-text { font: 62.5%/1.7em "Lucida Grande", Verdana, Arial; }



/*CONTENT STYLE*/
.entry-content table { border-collapse: collapse; border: 1px solid black; }
.entry-content table td { border-bottom: 1px solid #d6d6d6; }

