/*
Theme Name: Community Affair
Theme URI: http://www.communityaffair.com
Description: Custom Wordpress theme specially made for Community Affair
Version: 1.0
Author: Furry Friends Web Design
Author URI: http://www.furryfriendswebdesign.com
Tags: custom, fixed width, 2 columns, Wordpress as CMS  
*/

/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, form, fieldset, legend {
		margin: 0;
		padding: 0;
		font: 100%/120% Arial, Helvetica, Verdana, sans-serif;
}
ol, ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
input, select, textarea {
		font-size: 100%;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 	
		background:#fefdf8 url(images/main-bg.jpg) repeat-x;	
} 
body {
		background:url(images/main-brushes-bg.jpg) no-repeat center top;
		font-size:14px;
		color:#333;
		min-width:960px;
}
.wrapper {
		width:960px;
		margin:0 auto;
}
a {
		color:#3389b1;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
		color:#3fa7d8;
}
/* Wordpress
---------------------------------------------------------- */
/* These classes are generated by WordPress, so it's useful to have some styles for them. More info: http://codex.wordpress.org/CSS */
.aligncenter { 
		display:block; 
		margin:0 auto;
}
.alignleft { 
		float:left;
}
.alignright { 
		float:right;
}
.wp-caption { 
		border:1px solid #666; 
		text-align:center; 
		background:#ccc; 
		padding:10px; 
		margin:10px 
}
/* Forms
---------------------------------------------------------- */
input, select, textarea {
		font-family:Arial, Helvetica, Verdana, sans-serif;
		color:#666;
		vertical-align:middle;
}
textarea {
		overflow:auto;
}
/* Header
---------------------------------------------------------- */
#header {
}
#main-header {
		overflow:hidden;
		height:100%;
}
h1 {	
		float:left;
		background:url(images/community-affair-logo.gif) no-repeat;
		margin:70px 0 0 39px;
		display:inline;
}
h1 a { 
		text-indent:-9000px; 
		display:block; 
		width:301px; 
		height:79px; 
}
#header-pictures {
		float:right;
		overflow:hidden;
		margin:63px 5px 0 0;
		display:inline;
}
#header-pictures div {
		float:left;
		margin-left:30px;
		width:140px;
		height:92px;
		color:#666;
}
#bar {		
		overflow:hidden;
		height:100%;
		background:#020201 url(images/bar-bg.gif) repeat-x left top;
		margin:44px 0 30px 0;
}
/* Navigation
---------------------------------------------------------- */
#navigation {
		float:left;
		overflow:hidden;
		height:100%;
}
#navigation li {
		float:left;
		background:url(images/navigation-separation.gif) no-repeat 100% 50%;	
		padding:16px 18px 13px 18px;
}
#navigation li:last-child {
		background:none;	
}
#navigation li a {
		line-height:11px; /* to avoid height bug on IE6 */
		display: block;
		text-indent: -9000px;
}
#navigation li#nav-home a {
		background:url(images/nav-home.gif) no-repeat left top;	
		width:42px;
}
#navigation li#nav-home a:hover {
		background:url(images/nav-home.gif) no-repeat left bottom;	
}
#navigation li#nav-vendors a {
		background:url(images/nav-vendors.gif) no-repeat left top;	
		width:83px;
}
#navigation li#nav-vendors a:hover {
		background:url(images/nav-vendors.gif) no-repeat left bottom;	
}
#navigation li#nav-schedule a {
		background:url(images/nav-schedule.gif) no-repeat left top;	
		width:74px;
}
#navigation li#nav-schedule a:hover {
		background:url(images/nav-schedule.gif) no-repeat left bottom;	
}
#navigation li#nav-about a {
		background:url(images/nav-about.gif) no-repeat left top;	
		width:51px;
}
#navigation li#nav-about a:hover {
		background:url(images/nav-about.gif) no-repeat left bottom;	
}
#navigation li#nav-blog a {
		background:url(images/nav-blog.gif) no-repeat left top;	
		width:37px;
}
#navigation li#nav-blog a:hover {
		background:url(images/nav-blog.gif) no-repeat left bottom;	
}
#navigation li#nav-contact a {
		background:url(images/nav-contact.gif) no-repeat left top;	
		width:68px;
}
#navigation li#nav-contact a:hover {
		background:url(images/nav-contact.gif) no-repeat left bottom;	
}
#navigation li#nav-art-resources a {
		background:url(images/nav-art-resources.gif) no-repeat left top;	
		width:115px;
}
#navigation li#nav-art-resources a:hover {
		background:url(images/nav-art-resources.gif) no-repeat left bottom;	
}
#bar #navigation li.current a {
		background-position:left bottom;
}
/* Search
---------------------------------------------------------- */
#search {
		float:right;
		margin-right:10px;
}
#search form {
		margin-top:9px;
}
#search input.input-search {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:12px;
		width:144px;
		background:url(images/input-bg.gif) no-repeat left top;	
		border:1px solid #80807f;
		padding:2px;
		vertical-align:middle;
}
#search .search-button {
		vertical-align:middle;
}
/* Introduction
---------------------------------------------------------- */
#introduction {
		overflow:hidden;
		height:100%;
}
#introduction .wrapper {
		position:relative;
}
#introduction .picture {
		float:right;
		background:#fff url(images/picture-bg.jpg) no-repeat left bottom;	
		padding:8px 8px 20px 8px;
		margin-bottom:26px;
		margin-left:10px;
}
#introduction h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:32px;
		font-weight:bold;
		margin-bottom:10px;
}
#introduction h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		color:#3d8c25;
		line-height:150%;
		margin-bottom:10px;
}
#introduction p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		line-height:150%;
		margin-bottom:10px;
		display:inline;
}
#introduction .read-more {
		position:absolute;
		right:374px;
		top:208px;		
}
/* Contents
---------------------------------------------------------- */
#contents {
		overflow:hidden;
		height:100%;
}
.read-more-button {
		margin-top:20px; /* this way we can add margin to buttons without using display:block */
}
.read-more-button a {
		font-size:11px;
		color:#fff;
		text-transform:uppercase;
		padding:13px 12px 5px 12px;
		background:url(images/read-more-button-bg.gif) no-repeat left top;
}
.read-more-button a:hover {
		color:#fff;
		background:url(images/read-more-button-bg.gif) no-repeat left bottom;
		text-decoration:none;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar {
		float:left;	
		width:280px;
		margin-right:40px;
}
#sidebar p {
		font-size:14px;
		margin-bottom:12px;
		line-height:150%;
}
#sidebar p.stand-out {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		font-style:italic;
		color:#444;
}
#sidebar h2 {
		background:#444;
		padding:11px 0 7px 14px;
}
#sidebar ul {
		margin:12px 0;
}
#sidebar ul li {
		padding:0 0 8px 14px;
}
#sidebar #vendors {
		overflow:hidden;
		height:100%;
}
#sidebar #vendors ul {
		float:left;
		width:140px;
}
#sidebar .box {
		background:#f9f9f9;
		border:1px solid #cfcfcf;
		border-top:none;
		padding:14px;
}
#sidebar .picture {
		background:#fff;
		border:1px solid #eaeaea;
		padding:4px;
		margin-bottom:8px;
}
/* Main content
---------------------------------------------------------- */
#main-content {
		float:right;
		width:640px;
}
#main-content p {
		font-size:14px;
		margin-bottom:12px;
		line-height:150%;
}
#main-content ul {
		margin:8px 0 16px 0;	
		margin-left:24px;
}
#main-content ul li {	
		background: url(images/list-bullet.gif) no-repeat 0px 6px;
		padding-left:16px;
		margin-bottom:8px;		
}
#main-content blockquote {
		margin:24px;
		padding-left:13px;
		border-left:3px solid #c2ecb6;
		width:570px;
}
#main-content blockquote p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-style:italic;
}
#call-boxes {
		overflow:hidden;
		height:100%;
		margin-bottom:40px;
}
#call-boxes .call-box {
		float:left;
		background:#f9f9f9;
		border:2px solid #9fd3eb;
		padding:17px 14px;
		width:168px;
		margin-right:20px;
}
#call-boxes .call-box p {
		color:#444;
		line-height:160%;
}
#call-boxes .last {
		margin-right:0;
}
.homepage-logo {
		padding-bottom:32px;
}
#main-content h4 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		font-weight:bold;
		line-height:150%;
		padding:18px;		
		background:#f9f9f9;
		border-top:1px solid #cfcfcf;
		border-bottom:1px solid #cfcfcf;
		margin:18px 0;
}
#entries {
		overflow:hidden;
		height:100%;		
		padding:7px 10px;
		border:2px dotted #c2c2c2;
		background:#ebebeb;
}
#entries a {
		font-size:16px;
		font-weight:bold;
}
h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		font-weight:bold;
		margin-bottom:8px;
}
h3 a {
		color:#333;
}
h3 a:hover {
		text-decoration:none;
}
h3 span {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:14px;
		font-weight:normal;
}
h3 span a {
		color:#3389b1;
}
h3 span a:hover {
		text-decoration:underline;
		color:#3fa7d8;
}
h5 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:8px;
}
h6 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		color:#555;
		margin-bottom:8px;
}
address {
		font-style:normal;
		padding-bottom:16px;
		margin-bottom:16px;
		border-bottom:2px dotted #c2c2c2;
}	
/* Post
---------------------------------------------------------- */
#main-content .post {
		margin-bottom:40px;
}
#main-content h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		font-weight:bold;
		margin-bottom:10px;
}
#main-content h2 a {
		color:#333;
}
#main-content h2.dotted{
		border-bottom:2px dotted #999;
}
#main-content h2.page-simple {
		font-size:32px;
}
#main-content .post p.post-info { 
		border-bottom:2px dotted #c2c2c2;
}
.post img.aligncenter { 
		margin:6px auto 12px auto;
}
.post img.alignleft { 
		margin:6px 12px 12px 0;
}
.post img.alignright { 
		margin:6px 0 12px 12px;
}
/* Comments
---------------------------------------------------------- */
#main-content .comments {
		margin-bottom:40px;
		font-size:13px;
		margin-left:0;
}
#main-content .comments p {
		font-size:13px;
}
#main-content .comments li {
		padding:10px;
		border:1px solid #cfe9f5;
		background:#f9f9f9;
		margin-bottom:14px;
}
.comments .heading cite {
		font-style:normal;
		font-weight:bold;
}
.comments .heading span {
		font-style:italic;
}
.comments .heading p.date a {
		font-size:12px;
		color:#666;
}
#main-content p.form-paragraph {
		font-size:13px;
}
.comments-form label {
		font-size:13px;
		display:block;
		margin-bottom:2px;		
}
.comments-form input.text {
		font-size:13px;
		color:#333;
		border:1px solid #7f9db9;
		padding:3px 2px 1px 2px;
		width:280px;
		height:18px;
		margin-bottom:12px;
}
.comments-form textarea {
		font-size:13px;
		color:#333;
		border:1px solid #7f9db9;
		padding:2px;
		width:480px;
		height:130px;
		margin-bottom:12px;
		overflow:auto;
}
.comments-form input.send {
		font-size:13px;
		color:#333;
		display:block;
}
/* Footer
---------------------------------------------------------- */
#footer {
		overflow:hidden;
		height:100%;
		font-size:12px;
		color:#c2c2c2;
		border-top:1px solid #5a5a59;
		background:url(images/footer-bg.jpg) no-repeat center top;		
		margin-top:60px;
		padding:21px 0;
}
#footer-corporate {
		float:left;
}
#footer-navigation {
		float:right;
}
#footer a {
		color:#6fbde2;
}
#footer a:hover {
		color:#3fa7d8;
		text-decoration:none;
}