/*
Theme Name: Marion Mackenzie
Description: Marion Mackenzi's WordPress Theme
Version: 1.0
*/

/* General */

* { margin: 0; padding: 0; border: 0; outline: 0; }
input { background: transparent; }
ul, li { list-style: none; }
body { width: 100%; background: #fff; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 11px; color: #333; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clear { height: 1%; }
.wrapper { width: 960px; margin: 0 auto; }
a { color: #6699cc; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */

#header { width: 100%; height: 128px; border-top: 15px solid #ccc; border-bottom: 15px solid #ccc; }
#header #gci { float: right; width: 93px; height: 110px; text-indent: -9999px; display: block; margin: 7px 0 0 0; background: url(images/gcicanada.jpg) no-repeat; }
#header h1 { width: 394px; height: 44px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }
#header h1 a { width: 394px; height: 44px; display: block; }

	/* Navigation */

	#nav { width: 365px; margin: 10px 0 75px 0; }
	#nav li { display: inline; float: left; height: 18px; text-indent: -9999px; padding: 0 15px 0 0; margin: 0 15px 0 0 ; background: url(images/nav/spacer.gif) no-repeat bottom right; }
	#nav li a { display: block; height: 18px; }
	li#home a { width: 37px; background: url(images/nav/home.gif) 0 -18px no-repeat; }
	li#home a:hover, li#home a.current_page_item { background: url(images/nav/home.gif); }
	li#blog a { width: 29px; background: url(images/nav/blog.gif) 0 -18px no-repeat; }
	li#blog a:hover, li#blog a.current_page_item { background: url(images/nav/blog.gif);}
	li#about a { width: 94px; background: url(images/nav/about.gif) 0 -18px no-repeat; }
	li#about a:hover, li#about a.current_page_item { background: url(images/nav/about.gif); }
	li#visit a { width: 111px; background: url(images/nav/gci.gif) 0 -18px no-repeat; }
	li#visit a:hover { background: url(images/nav/gci.gif); }
	li#visit { background: none; margin: 0; padding: 0; }

/* Content */

#heading { width: 100%; clear: both; background: url(images/shadow.gif) no-repeat center bottom; border-bottom: 4px solid #ddd; padding: 10px 0; }

#content { width: 700px; float: left; margin: 20px 0 10px 0; padding: 0 15px 0 0; min-height: 750px; height: 100%; border-right: 4px solid #ddd; }

#featured { width: 680px; padding: 10px; background: #f6f3ee; border: 1px solid #e5e5e5; }
#featured img.thumb { float: left; width: 362px; margin: 0 17px 0 0; }
#featured h2, .post h2 { font-size: 26px; font-family: Times, Georgia, serif; font-weight: bold; line-height: 28px; }
#featured h2 a , .post h2 a { color: #333; }
span.meta, span.category { color: #999; margin: 10px 0; display: block; font-size: 12px; }
#featured p, .post p { font-size: 14px; color: #333; font-family: Times, Georgia, serif; line-height: 18px; margin: 0 0 15px 0; }

#latest-posts { width: 100%; height: 35px; background: url(images/shadow.gif) no-repeat center bottom; margin: 15px 0 0 0; border-top: 4px solid #ddd; }

a.return { float: left; width: 10px; color:#ff6633; margin: 50px 10px 0 0;  border-right: 1px solid #ddd; padding: 0 5px 0 0; }

	/* Home Post Styles */

	.left { float: left; padding: 15px 10px 15px 0 !important; width: 340px !important; }
	.right { float: right; width: 340px; padding: 15px 0 15px 10px !important; }
	.post { height: 175px; margin: 0 0 15px 0; padding: 15px 10px; display: block; border-top: 4px solid #ddd; }
	.post h2 { font-size: 22px !important; line-height: 24px !important; }
	.post span.meta { margin: 4px 0; }
        .left img { display: none; }
        .right img { display: none; }
	.right .entry { border-left: 1px solid #ddd; height: 190px; padding: 0 0 0 10px; }

	/* Blog Post Styles */

	.blog .post { height: auto; margin: 0 0 15px 0; }
	.blog .thumb { float: left; width: 164px; margin: 5px 10px 10px 0; }
	.blog .post p { margin: 5px 0 0 0 !important; }
	.blog .divider {  background: #ddd; height: 4px; width: 385px; margin: 0 0 20px 0; }
	.blog .post, .single .post { border: 0; width: 690px; height: auto; margin: 0 !important; padding: 0 0 10px 0 !important; }
	.blog .post span.category { margin: 20px 0 0 0; clear: both; }

	/* About Page Styles */

	.about h2 { line-height: 18px !important; }
	.about p { margin: 20px 0 0 0; line-height: 20px; }
	.about .post { width: 490px; float: left; padding: 0; border: 0; }

	#info { float: right; width: 177px; margin: 40px 0 0 0; }
	#info img { border-bottom: 4px solid #ddd; padding: 0 0 20px 0; }
	#info p { margin: 7px 0; }


/* Sidebar */

#sidebar { padding: 5px 0 0 0; width: 225px; margin: 0 0 15px 0; float: right; }
#sidebar ul { border-bottom: 3px solid #ddd;  }
#sidebar ul li { font-size: 11px; border-top: 1px solid #ddd; color: #666; padding: 5px 0; }

.search { width: 184px; height: 18px; background: url(images/search.gif) no-repeat; color: #a5a5a9; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; padding: 8px 8px 0 8px; }
.aktt_tweets ul li { padding: 8px 0 !important; }

	/* Headings */

	h2 a:hover { text-decoration: none; color: #030303 !important; }
	h3 { text-indent: -9999px; clear: both; text-indent: -9999px; margin: 30px 0 15px 0; }
	h3#search { width: 70px; height: 21px; background: url(images/headings/search.gif) no-repeat; margin: 15px 0; }
	h3#categories { width: 101px; height: 15px; background: url(images/headings/categories.gif) no-repeat; }
	h3#twitter { width: 129px; height: 18px; background: url(images/headings/twitter.gif) no-repeat; }
	h3#blogroll { width: 74px; height: 21px; background: url(images/headings/blogroll.gif) no-repeat; }

	h3#continue { width: 211px; height: 19px; background: url(images/headings/continue.gif) no-repeat; float: left; clear: left; margin: 10px 0 0 0; }
	h3#continue a { width: 211px; height: 19px; display: block; }
	h3#latest { width: 95px; height: 19px; background: url(images/headings/latest.gif) no-repeat; margin: 9px 0 0 0; }
	h3#rss { width: 172px; height: 20px; background: url(images/headings/rss.gif) no-repeat; }
	h3#contact { width: 104px; height: 13px; background: url(images/headings/contact.gif) no-repeat; margin: 0; width: 100%; }

	#heading h3 { margin: 0; float: left; }
	h3#subscribe { width: 172px; height: 20px; background: url(images/headings/subscribe.gif) no-repeat; margin: 0 55px 0 0; clear: none; float: right; }
	h3#subscribe a { width: 172px; height: 20px; display: block; }
	h3#all { width: 133px; height: 18px; background: url(images/headings/all.gif) no-repeat; }
	h3#all-about { width: 211px; height: 14px; background: url(images/headings/about.gif) no-repeat; }
	h3#discuss { width: 169px; height: 18px; background: url(images/headings/discuss.gif) no-repeat; }
	h3#now { width: 87px; height: 15px; background: url(images/headings/now.gif) no-repeat; }
	h3#add-comment { width: 112px; height: 17px; background: url(images/headings/comment.gif) no-repeat; margin: 13px 0 9px 0; }
	h3#return { float: left; clear: none; width: 118px; height: 14px; background: url(images/headings/return.gif) no-repeat; margin: 50px 0 0 0; }
	h3#return a { display: block; width: 118px; height: 14px; }

/* Comments */

#comments ul li { line-height: 20px; background: #fff url(images/bg_commentLi.png) left top no-repeat; list-style: none; height: 100%; overflow: hidden; margin: 0 0 30px; }
#comments ul li li { background-image: none; }
#comments { clear: both; }
#comments small { font-size: 12px; }
#comments p.nocomments { padding: 0; }
#comments img.avatar { display: none; margin: 8px 0 0; }
#comments li .commentMeta { float: left; width: 105px; padding: 10px 0 0; border-right: 1px solid #ddd; line-height: 17px; }
#comments li .commentMeta a { color: #333; font-size: 12px; }
#comments li .commentMeta span { display: block; color: #999; }
#comments li .commentText { font-family: Times, Georgia, serif; font-size: 13px; float: left; width: 580px; padding: 10px 0 0 10px; }
.commentText p { margin: 5px 0; }
#comments ul li.author { background: url(images/authorCommentLi.png) left top repeat-y; width: 694px; }
#comments li.author .commentMeta { float: none; width: auto; border: 0; padding: 10px 0 0 13px; background: url(images/authorCommentMeta.png) left top repeat-x; }
#comments li.author .commentMeta span { display:inline; }
#comments li.author .commentText { float:none; width:auto; padding:0 13px 10px 13px; background:url(images/authorCommentText.png) left bottom repeat-x; }
#comments textarea#comment { margin: 10px 0; font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; padding: 8px 0 0 8px; width: 422px; height: 87px; background: url(images/textarea.png) left top no-repeat; color: #A5A5A9; }
#comments input#email, #comments input#url { margin: 5px 5px 5px 0; }
#comments input#author { margin: 5px 30px 5px 0; }
span.comment-text p { padding: 10px 0; }
#comments p a { color: #111111; text-decoration: none; }
#comments input#submit { margin: 75px 0 0 12px; width: 59px; height: 29px; text-indent: -9999px; background: url(images/submit.jpg) no-repeat; cursor: pointer; }
#commentform { height: 100%; overflow: hidden; }
#commentform p.fLeft { float: left; }
#commentform p.clearfix { clear: both; }
#comments .divider {  background: #ddd; height: 4px; width: 385px; margin: 0; }

/* Footer */

#footer { clear: both; color: #666; border-top: 3px solid #ccc; font-size: 11px; padding: 30px 0; line-height: 15px; }