/*
Theme Name: CQ Spar
URI:
Description: Cape Quarter Food Spar 
Version: 1.0
Author:
Author URI: 
---------------------------------------------------------- */

/*
Created: 4 October 2010 (Last updated - 18 October 2010)
Designed for screen
---------------------------------------------------------- */

/* RESET
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {text-decoration:none;}
a, a:link, a:visited, a:active, a:hover { outline:none;}
* {margin:0; padding:0;}

/* html5 */
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {display:block; margin:0; padding:0;}

/* Setup
---------------------------------------------------------- */
html {height:100%; min-height:100%; overflow:-moz-scrollbars-vertical;}
body {background-color:#000000; border:0; color:#fff; font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin:0; min-width:972px; padding:0; width:100%;}

/* Typography
---------------------------------------------------------- */
blockquote {font:normal 16px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px; padding:0 18px;}
cite {font:normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px; padding:0;}
h1 {font:normal 24px/27px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h2 {font:normal 18px/27px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h3 {font:normal 15px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h4 {font:normal 14px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
h5 {font:normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; margin-bottom:18px;}
p {margin-bottom:18px;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym {border-bottom:1px dotted #e7e6e6; cursor:help;}

/* Links
---------------------------------------------------------- */
a {color:#00984d; text-decoration:none;}
a:hover {color:#00984d; text-decoration:underline;}

/* RULES
---------------------------------------------------------- */
hr {border:0; border-bottom:1px solid #e7e6e6; clear:both; height:1px; margin-bottom:18px; width:100%;}
hr.dashed {border-bottom:1px dashed #e7e6e6;}
hr.dotted {border-bottom:1px dotted #e7e6e6;}
hr.thick {border-bottom:2px solid #e7e6e6;}

/* General layout
---------------------------------------------------------- */
.wrapper {position:relative; margin:0; padding:0; width:100%;}

	.homepage {background:#000 url(images/bg_homepage2.jpg) top left repeat-x;}

header, section, footer {clear:both;}

/* Header
---------------------------------------------------------- */
header {background-color:#000; height:116px; margin:0 auto; overflow:hidden; padding:0 36px; width:900px;}
.logo {display:block; float:left; height:116px;	margin:0; width:544px;}
	.logo a {background:transparent url(images/logo_cqspar.jpg) top left no-repeat; display:block; height:116px; margin:0; text-indent:-9999px; width:544px;}
	.logo a:hover {background:transparent url(images/logo_cqspar.jpg) bottom left no-repeat;}

	.map {border-left:2px solid #1b1717; border-right:2px solid #1b1717; display:block; float:left; font-size:11px; line-height:14px; margin-top:20px; padding:0 18px 2px 18px; width:218px;}
		.map h2, .talk_to_us h2 {color:#00984d; font-size:13px; margin-bottom:6px; line-height:18px;}
		.map img {float:left; margin:0 12px 0 0;}
		.map a img {border:3px solid #1b1717;}
		.map a:hover img {border:3px solid #00984d;}
	
	.talk_to_us {display:block; float:left; font-size:11px; line-height:19px; margin-top:20px; padding:0 0 0 18px; width:80px;}
		.talk_to_us a {color:#fff;}
		.talk_to_us ul li {height:19px; display:inline; list-style:none; padding:4px 6px 3px 24px;}
		.talk_to_us ul li.facebook {background:transparent url('images/icon_facebook_16.png') 0 3px no-repeat;}
		.talk_to_us ul li.twitter {background:transparent url('images/icon_twitter_16.png') 0 3px no-repeat;}
		.talk_to_us ul li.rss {background:transparent url('images/icon_rss_16.png') 0 3px no-repeat;}		
		
/* Nav - Navigation */
div.wrapper.navigation		{background-color:#00984D;}
nav	{clear:both; font:normal 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; height:36px; margin:0 auto; padding:0 36px; overflow:hidden; width:900px; }

	nav ul {clear:both; display:block; float:left; height:36px; margin:0; padding:0; width:700px;}
		nav ul li {float:left; width:auto; text-align:center;}
		nav ul li a {color:#fff; display:block; height:18px; margin:0 1px 0 0; padding:10px 12px 8px 12px; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 0 #1e5923; -webkit-text-shadow:1px 1px 0 #1e5923; -moz-text-shadow:1px 1px 0 #1e5923;}

		nav ul li a:hover,		
		nav ul li.current-menu-item a,
		nav ul li.current-page-ancestor a,
		nav ul li.current-post-ancestor a {background-color:#fff; color:#000; text-decoration:none; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none;}

		.single nav ul li.current_page_parent a {background-color:#fff; color:#000; text-decoration:none; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none;}

		nav ul li.current-menu-item a:hover,
		nav ul li.current-page-ancestor a:hover,
		nav ul li.current-post-ancestor a:hover {text-decoration:underline;}
		
		nav .share_this {padding:8px 0 0 0; float:right; width:100px;}

/* Content
---------------------------------------------------------- */
.container {color:#000; background-color:#fff; overflow:auto; margin:18px auto; padding:36px 36px 18px 36px; width:828px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.content {float:left; overflow:auto; padding:0 36px 0 0; width:540px;}
.homepage .content {float:none; margin:0 auto; padding:0; width:900px;}
.wide .content {float:none; padding:0; margin:0; width:828px;}
	.content ul {list-style-type:disc; list-style-position:outside; text-indent:0; padding:0 0 10px 27px;}
	.content ol {list-style-type:decimal; list-style-position:outside; text-indent:0; padding:0 0 10px 27px;}
	.content li {padding-bottom:8px;}

.no-margin {margin:0 0 6px 0;}

/* Showcase */
.billboard {clear:both; margin:0 auto;}

/* Showcase */
.showcase {float:left; background-color:#fff; clear:both; overflow:hidden; margin:18px 18px 18px 0; padding:0; position:relative; height:350px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	.showcase img {padding:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	.showcase a img {opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;}
	.showcase a:hover img {opacity: .8; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;}
	
.showcase .textwidget {margin:0; padding:0}

.adverts {float:right; margin:18px 0 8px 0; width:282px;}
	.adverts img {margin-bottom:5px;}


/* Blog posts */
article h1,
article h1 a {color:#000; margin-bottom:6px;}
article h1 a:hover {text-decoration:none;}
article h3 {color:#00984d;}
article .meta  {font-size:11px; margin-bottom: 9px;}
article .share {font-size:11px; margin-bottom: 9px;}

article img {max-width:530px;}
	img.attachment-homepage-thumbnail,
	a img.attachment-homepage-thumbnail {border:3px solid #1b1717; margin:0 0 18px 0;}
	article img.attachment-homepage-thumbnail,
	article a img.attachment-homepage-thumbnail	{float:left; margin:0 9px 6px 0;}
	a:hover img.attachment-homepage-thumbnail {border:3px solid #00984d; margin:0 9px 18px 0;}

#comments-list {margin:0;}  
	#comments-list ol {margin:0;}
	#comments-list ol li {margin:0 0 10px 0; padding:10px;}
	#comments-list ol li.odd {background-color:#f2f2f2;}
	#comments-list ol li.bypostauthor {border:1px solid #007fc0;}
	.avatar {border:1px solid #c9c9c9; float:right; margin:5px 0 5px 5px; padding:1px;}
	.comment-meta {font-size: 11px; margin:0 0 10px 0;}
	.comment-meta a {color:#858383;}
	span.comments {background:transparent url('images/icon_comment.png') 0 0 no-repeat; padding:0 0 2px 18px;}

.commentform {background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 0 18px;}
	.commentform input,
	.commentform textarea {margin-bottom:9px; width:490px;}
	.commentform textarea {height:200px;}
	.commentform button	{margin-bottom: 6px;}
	.commentform p {margin-bottom: 6px;}	
	
	.pagination {clear:left;}
		.previous {float:left;}
		.next {float:right;}
    
/* Sidebar styles
---------------------------------------------------------- */
aside {float:right; padding:0 0 12px 0; width:252px;}
	aside h3 {color:#000; margin-bottom:12px;}	
	aside ul {list-style-image:none; list-style-type:disc; list-style-position:outside; text-indent:0; padding:0 0 18px 18px;}
	aside li {font-size:11px; padding:0;}
	aside div, aside select {margin-bottom:18px;}
	aside .twtr-widget div {margin:0;}
	aside a {color:#00984d; text-decoration:none;}
	aside a:hover {color:#00984d; text-decoration:underline;}

	.searchform input {border:1px solid #e7e6e6; float:left; margin:0 0 18px 0; width:170px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px}
	.searchform input:focus {border-color:#00984d;}
	.searchform button {float:left; margin:0 0 18px 0; max-width:68px; width:68px; padding:9px 0; text-align: center; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px;}


/* Columns
---------------------------------------------------------- */
.onecolumn {width:828px;}
.twocolumn {float:left; margin-right:36px; width:396px;}
.threecolumn {float:left; margin-right:36px; width:252px;}
.last {margin-right:0;}

/* Feeds - Boxs before the footer of homepage
---------------------------------------------------------- */
.feeds {clear:both; margin:18px auto; overflow:auto; padding:0; width:900px;}
	.feeds h3,
	.feeds p {margin-bottom: 12px;}
	.feeds h4 {font-size:13px; margin-bottom:12px;}
	.feeds ul {margin-bottom:12px;}

	.fourcolumn {float:left; margin-right:20px; width:210px;}
	.fourcolumn_last {float:left; margin-right:0; width:210px;}
	.fourcolumn img {margin-bottom:6px;}

	span.rss a {background:transparent url('images/icon_rss_16.png') 0 3px no-repeat; display: block; height:24px; width:16px; text-indent:-9999px; }

/* Post thumbnails */	
	img.attachment-homepage-thumbnail,
	a img.attachment-homepage-thumbnail {border:3px solid #1b1717; margin:0 0 12px 0;}
	a:hover img.attachment-homepage-thumbnail {border:3px solid #00984d; margin:0 0 12px 0;}

	img.attachment-blog-thumbnail,	
	a img.attachment-blog-thumbnail {border:2px solid #e7e6e6; float:left; margin:0 12px 12px 0; padding:3px;}
	a:hover img.attachment-blog-thumbnail {border:2px solid #00984d; margin:0 12px 12px 0;}

	img.attachment-post-thumbnail,
	a img.attachment-post-thumbnail {border:2px solid #e7e6e6; margin:0 0 12px 0; padding:3px;}
	a:hover img.attachment-post-thumbnail {border:2px solid #00984d; margin:0 0 12px 0;}

/* Subscribe box */
.subscribebox {background-color:#231d1d; color:#fff; margin-bottom:18px; overflow:auto; padding:18px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	.subscribebox h2, .subscribebox p {line-height:18px; margin-bottom:12px;}
	.subscribeform {border-right: 2px solid #1b1717; float:left; padding-right:18px; width: 413px;}
	.subscribeform input {float:left; margin:0; width:276px;}
	.subscribeform button {float:left; margin:0 0 0 12px; }
	.socialmedia {float:left; padding:42px 18px 0 36px; width: 376px;}
	a.facebook_32 {color:#fff; background:transparent url('images/icon_facebook_32.png') 0 0 no-repeat; float:left; padding-left:40px; width:105px; height:32px; line-height:32px; display:block;}
	a.twitter_32 {color:#fff;  background:transparent url('images/icon_twitter_32.png') 0 0 no-repeat; float:left; padding-left:40px; width:86px; height:32px; line-height:32px; display:block;}
	a.rss_32 {color:#fff; background:transparent url('images/icon_rss_32.png') 0 0 no-repeat; float:left; padding-left:40px; width:65px; height:32px; line-height:32px; display:block;}
   
/* Footer styles
---------------------------------------------------------- */
footer {color:#756f6f; clear:both; font-size:11px; overflow:auto; margin:0 auto; padding:0 30px 10px 30px; width:900px;}
	footer a {color:#756f6f;}
	footer a:hover {text-decoration:underline;}
	footer ul {margin-bottom:0;}
	footer ul li {display:inline; list-style:none; margin-bottom:0;}
    
/* Misc Styling
---------------------------------------------------------- */
.alignleft, img.size-thumbnail	{border:2px solid #e7e6e6; float:left; margin:5px 12px 12px 0; padding:3px;}
.alignright {border:2px solid #e7e6e6; clear:right; float:right; margin:5px 0 6px 12px; padding:3px;}
.aligncenter {border:2px solid #e7e6e6; clear:both; float:none; margin:0 auto; padding:3px; text-align:center;}
.alignnone {margin:0; padding:0;}
.wp-caption {background:#fff; max-width:280px; }
.wp-caption p {margin-bottom:0; text-align:center;}

.float-right {float:right;}
.no-border {border:0; clear:both; float:none; margin:0 auto; padding:3px; text-align:center;}

/* Forms
---------------------------------------------------------- */

input,
textarea {background-color:#fff; border:1px solid #fff; background-color:#fff; color:#1b1717; font-size:12px; height:24px; line-height:24px; margin:0 0 12px 0; padding:4px 6px; width:256px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

input:focus {border:1px solid #00984d;}

button {background-color:#00984d; border:none; color:#fff; font-size:14px; line-height:16px; margin:0; padding:9px 6px; width:auto; text-shadow:1px 1px 0 rgba(0,0,5,0.3); -webkit-text-shadow:1px 1px 0 rgba(0,0,5,0.3); -moz-text-shadow:1px 1px 0 rgba(0,0,5,0.3); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

button:hover {background-color:#3d3938; background-image:none; color:#fff; text-decoration:none;}

.error {color:#ed1d24; font-style:italic;}

.contactform {background-color:#f2f2f2; margin-bottom:18px; overflow:auto; padding:18px 18px 0 18px;  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	.contactform input,
	.contactform textarea {margin-bottom:9px; width:202px;}
	.contactform textarea {height:200px;}
	.contactform button {margin-bottom: 6px;}
	.contactform p {margin-bottom: 6px;}
	
img.aligncenter {display:block;}