/*
THEME NAME: Cosmo+
THEME URI: http://www.dvq.co.nz/freebies/freebie-cosmo-wordpress-theme/
DESCRIPTION: Cosmo+ Wordpress Theme
TAGS: cosmo, dark, blog,
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; }

* { text-shadow: #4c4c4c 0 0 1px; }



/* BASIC STYLE ---------------------------- */

body { background: #000  url(images/back.jpg) no-repeat scroll top center; color: #FFF; font: 100%/1.5em Arial, sans-serif; }
div#bg-wrapper { background: transparent url(images/contback.jpg) repeat-y scroll top center; width: 100% height: 100%; }

a {
  text-decoration:none;
  font-weight:bold;
 }

a:link,a:visited {
  color:#FFF900;
 }

a:hover,a:active {
  color:#000;
 }
strong { font-weight: bold; }
em { font-style: italic; }
p { margin: 0 0 1em 0; }
h2 { font: normal 185%/1.6em Georgia, Arial, serif; color: #FFF; border-bottom: none; margin-bottom: 20px; }
h2 a, h3 a { color: #ffc167; border-bottom: none; margin-bottom: 20px; text-decoration: none; }
h2 a:hover, h3 a:hover { color: #FFF; }
h3 { font: normal 125% Georgia, Arial, serif; color: #ffc167; margin-bottom: 10px; }
hr { border: none; margin: 20px 0; color: #FFF900; background: transparent; height: 1px; clear: both; }
blockquote p { border-left: 3px solid #FFF900; color: #FFF; padding: 3px 0 3px 20px; margin-left: 10px; margin-bottom: 1em; }
.hidden { display: none; }
ul, ol { margin-bottom: 10px; }	
	ul li { color: #FFF; padding: 6px 0 6px 24px; background: url(images/bullet.gif) no-repeat 0.8em 1em; }
	ol li	{ list-style: inside; list-style-type: decimal; color: #FFF; padding: 6px 0 6px 8px; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }	



/* CONTAINERS ---------------------------- */

#container { background: transparent url(images/top.gif) no-repeat scroll top left; width: 1000px; margin: 0 auto; }
.wrapper { width: 900px; margin: 0 auto; position: relative; }



	/* HEADER ---------------------------- */
	
	#header { height: 77px; position: relative;  margin-bottom: 48px; }
	
	
		
		/* LOGO ---------------------------- */
			
		h1 a { text-indent: -9999px; display: block; width: 139px; height: 51px; background: url(images/logo.gif) no-repeat 0 0; margin: 10px 0; border: none; float: left; }
		
		
		
		
		/* TOP NAVIGATION ---------------------------- */
		
		ul#top-nav { position: absolute; right: 0; top: 0; }
			ul#top-nav li { float: left; padding: 0; background: none; }
				ul#top-nav li a { font: 100% Arial, Helvetica, sans-serif; font-size:14px; color: #FFF900; text-transform:uppercase; letter-spacing:-1px; font-weight:bold; display: block; padding: 46px 10px 10px 10px; margin: 0 10px; text-decoration: none; border-left:1px dotted #000; }
				ul#top-nav li a:hover { color: #FFF;   }
				ul#top-nav li a#feed { width: 16px; height: 16px; text-indent: -9999px; background: url(images/feed-icon.gif) no-repeat 0 0; margin: 48px 0 0 20px; padding: 0; }
					
				
				
	/* MAIN CONTENT ---------------------------- */
	
	#main-content { width: 600px; float: left; margin:100px 0 0 0; }
	
	
	
		/* POSTS ---------------------------- */
		
		#main-content h3 { margin-bottom: 10px; }
		
		div.post { border-bottom:1px dotted #000; padding-bottom: 10px; margin-bottom: 30px; }
			p.meta { color: #F9F9F9; text-transform: uppercase; font-size: 65%; margin: -10px 0 0 0; }
				p.meta a { color: #FFF900; }
				
				
				
			/* POST IMAGE STYLES ---------------------------- */	
				
			#main-content img { padding: 5px; background: #282828; margin-bottom: 20px; }
				#main-content img.alignright { float: right; margin: 0 0 10px 10px; }
				#main-content img.alignleft { float: left; margin: 0 10px 10px 0; }
				
				
				
			/* POST NAVIGATION ---------------------------- */	
				
			.post-navigation { width: 100%; }
				div.nav-older-posts a { background: #101010; padding: 6px 9px; float: left; color: #828282; border: 1px solid #282828; text-decoration: none; }
				div.nav-newer-posts a { background: #101010; padding: 6px 9px; float: right; color: #828282; border: 1px solid #282828; text-decoration: none; }
				div.nav-older-posts a:hover, div.nav-newer-posts a:hover { color: #FFF; }
			
			
			
			/* SOCIAL BOOKMARKING LINKS ---------------------------- */
			
			#social-bookmarking-links { width: 563px; height: 28px; position: relative; padding: 10px 0px; margin-top: 50px; background: #141414 url(images/promote-this-post.gif) no-repeat 10px 10px; border: 1px solid #282828; overflow: hidden; }
				#social-bookmarking-links ul { position: absolute; right: 10px; top: 13px; }
					#social-bookmarking-links ul li { background: none; float: left; padding: 0 0 0 33px; }
						#social-bookmarking-links ul li a { background: none; border: none; display: block; color: #a0a0a0; height: 23px; line-height: 23px; padding-left: 30px; float: left; }
						#social-bookmarking-links ul li a:hover { color: #FFF;}
						
							#social-bookmarking-links ul li#social-link-delicious a { background: url(images/delicious-icon.gif) no-repeat 0 50%; }
							#social-bookmarking-links ul li#social-link-digg a { background: url(images/digg-icon.gif) no-repeat 0 50%; }
							#social-bookmarking-links ul li#social-link-stumbleupon a { background: url(images/stumbleupon-icon.gif) no-repeat 0 50%; }
			
						
						
			/* COMMENTS ---------------------------- */
				
			div#comments-list ol { border-top: 1px solid #2c2c2c; margin-bottom: 50px; }
    			div#comments-list ol li { padding: 0 10px; border-bottom: 1px solid #2c2c2c; list-style: none; list-style-position: outside; list-style-type: none; margin: 0; }
    			div#comments-list ol li.comment-author-admin { background: url(images/comment-admin-bg.gif) repeat 0 0; }
    			 .comment-bg-wrapper { background: url(images/comment-bg.gif) repeat-y 102px 0;  padding: 20px 0;  }
    			 
    			 
    			 
    			 	/* AVAVTAR + DATE ---------------------------- */
    			 	
    				.avatar-box { float: left; width: 82px; }
    					.avatar-box img { border: 1px solid #2c2c2c; background: #151414; padding: 4px; display: block; vertical-align: bottom; }
    					.comment-date { color: #4b4b4b; font-size: 90%; line-height: 0.75em; text-align: center; display: block; margin: 10px 0 0 0; }
    					
    					
    					
    				/* COMMENT TEXT ---------------------------- */	
    					
    				.comment-text { float: right; width: 422px; padding: 10px 0 0 20px; color: #585858;  }
    					.comment-author { color: #4b4b4b; }
    					.comment-author cite, .comment-author cite a { color: #d1d1d1; }
       					.unapproved { color: #FFF; text-align: center; background: #FF0000; display: block; padding: 5px 10px; }
    					


			/* TRACKBACKS ---------------------------- */

			div#trackbacks-list ol { border-top: 1px solid #2c2c2c; margin-bottom: 50px; }    	
				div#trackbacks-list ol li { padding: 5px 10px; border-bottom: 1px solid #2c2c2c; list-style: none; }
    					
    					
    		/* COMMENT FORM ---------------------------- */			
    					
    		.form-container { border: 1px solid #2c2c2c; border-width: 1px 0; padding: 20px 10px; }
    					
    		.input-label-wrapper { margin-bottom: 20px; }
    			.form-input { float: left; width: 240px; }		
    				.form-input input { float: left; background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; color: #828282; width: 220px; font: 100%/1.5em Arial, sans-serif; }
    			.form-label { float: left; width: 240px; line-height: 2.3em; }
    				.form-label label { margin-left: 20px; }
    				.form-label .required { color: #4b4b4b;  }
    			.form-textarea { margin: 20px 0; }
    				.form-textarea textarea { width: 525px; background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; color: #828282; font: 100%/1.5em Arial, sans-serif; vertical-align: bottom;  }
    			.form-submit input { background: #101010; padding: 6px 9px; float: left; color: #828282; border: 1px solid #282828; cursor: pointer; }
    			.form-submit input:hover { color: #FFF; }
    			
    			.display-none { display: none; }



			/* ARCHIVES PAGE ---------------------------- */
			
			.archives-column { width: 262px; float: left; margin-bottom: 40px; }
				.archives-column ul { border-top: 1px solid #272727; }
					.archives-column ul li a { padding: 6px 0 6px 24px; color: #747373; border-color: #272727; display: block; background: url(images/bullet.gif) no-repeat 9px 50%; }
			.archives-column-right { float: right; }
			
			
			
			/* SEARCH PAGE ---------------------------- */
			
			#noresults-s { background: #212121; border: 1px solid #2c2c2c; padding: 6px 9px; margin-bottom: 30px; color: #a0a0a0; width: 300px; font: 100%/1.5em Arial, sans-serif; }
			#noresults-searchsubmit { background: #101010; padding: 6px 9px 5px 9px;color: #828282; border: 1px solid #282828; text-decoration: none; cursor: pointer; }
				#noresults-searchsubmit:hover { color: #FFF; }



	/* SIDEBAR ---------------------------- */
	
	#sidebar { width: 260px; float: right; }
	
	
	
		/* SEARCH BAR ---------------------------- */
		
		#s { background: #212121 url(images/search-bg.gif) no-repeat 100% 50%; border: 1px solid #2c2c2c; padding: 6px 9px; margin-bottom: 10px; color: #a0a0a0; width: 240px; font: 100%/1.5em Arial, sans-serif; }
	
	
	
		/* ADs ---------------------------- */
		
		.ad-box a { border: none; }
		.large-ad { width: 260px; height: 125px; }
		.small-ad { width: 125px; height: 125px; margin-top: 10px; float: left; }
		.ad-right { float: right; }
		
		
		/* HEADINGS + LIST ITEMS ---------------------------- */
	
		#sidebar h3 { margin: 20px 0 0 0; border-bottom: 2px dotted #5A2D19; color: #ffc167; padding-bottom: 0px; display: block; text-transform: uppercase; font-size:16px; }
		#sidebar ul li { display: inline; padding: 0; margin: 0; background: none; font-size:12px; }
			#sidebar ul li a { color: #FFF; display: block; padding: 6px 0 6px 24px; border-bottom: 1px dotted #ffc167; background: url(images/bullet.gif) no-repeat 0.9em 1.25em; text-decoration: none; }
			#sidebar ul li a:hover { color: #ffc167; }
			#sidebar ul li ul.children { padding-left: 14px; }


	/* FOOTER ---------------------------- */
	
	#footer { padding-top: 7px; margin-top: 48px; width: 100%; float: left; position: relative; font-size:65% }
		#footer p { padding: 20px 0; margin: 0; float: left; color: #FFF; line-height:1; }
		
		
		
		/* FOOTER NAVIGATION ---------------------------- */
		
		ul#bottom-nav { position: absolute; right: 0; top: 0; }
			ul#bottom-nav li { float: left; color: #FFF; margin: 0; padding: 0; background: 0; }
				ul#bottom-nav li { margin: 20px 0 20px 20px; text-transform:uppercase; }
					ul#bottom-nav li a { color: #ffc167; text-decoration: none; }
					ul#bottom-nav li a:hover { color: #FFF; }



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

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

/* SVI ADDED */

h4 {
	font-size:20px;
	margin:0;
	padding:0 0 10px 40px;
	font-weight:bold;
}

#googlecart-widget-control {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background-color:#000;
	height:auto;
}

.entry-content li {
  margin:5px 0;
  padding:0 0 0 10px;
  background: url(images/bullet.gif) no-repeat 0em .3em;
  line-height:1.1;
   }
  
.entry-content ul, .entry-content ol {
  margin:5px 10px;
  padding:0em;
  text-align:left;
   }  
   
.entry-content h2 {
margin:0;
padding:0 0 10px 0;
color:#FFF900;
font-size:24px;
font-weight:bold;
line-height:1.1;
}
   
.entry-title {
margin:0;
padding:0 0 10px 0;
text-transform:uppercase;
font-size:28px;
font-weight:bold;
line-height:1.1;
}