/*
Theme Name: CCE
Theme URI: http://wordpress.org/
Description: Custom Wordpress Theme for CCE.
Version: 1.0
Author: Michael Shannon
Author URI: http://solutionmedia.net/
Tags: blue, custom header, fixed width, two columns, widgets

	CCE 1.0
	 http://solutionmedia.net/

	This theme was designed and built by Michael Shannon,
	whose site you will find at http://solutionmedia.net/

*/


	/* General Styles */

body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, sans-serif;
background: #84ba47;
color: #333;
}

hr {
display: none;
}

h1,h2,h3,h4,h5,h6,p,form {
margin: 0;
padding: 0;
}

h1, h2 {
color: #de5414;
}

h1 {
font-size: 22px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

form, td, p, li {
font-size: 12px;
}

p {
padding-bottom: 10px;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

li {
/* Fix for stoopid IE6 which adds extra space below items */
	vertical-align: bottom; 
	zoom: 1;
}

/*
------------------------------------------------- Wrapper
*/
#page{
width: 848px;
margin: 0 auto;
text-align: left;
background: transparent url(img/cce-bg.gif) repeat-y top left;
}


/*
------------------------------------------------- Header
*/
#header {
margin: 0 5px;
position: relative;
background: transparent url(img/cce-hdr-nofl.jpg) no-repeat top left;
height: 368px;
}

#header.subpage {
height: 195px;
}

#header h1, #header h2, #header div.description {
display: none;
}

#header h1 a {

}

#header h1 a span {
display: none;
}

#header div.address {
position: absolute;
top: 10px;
right: 20px;
text-align: right;
}


/*
------------------------------------------------- Navigation
*/
#nav {
	height: 27px;
	background: transparent url(img/cce-navbg.gif) repeat-x top left;
	margin: 0 5px;
	border-top: 3px solid #de5414;
	border-bottom: 3px solid #de5414;
	vertical-align: bottom; 
	zoom: 1;	
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid #000;
	border-left: 1px solid #505153;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	display: block;
	float: left;
	padding: 6px 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	border-right: 1px solid #505153;
	border-left: 1px solid #000;
	font-weight: bold;
}

#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a, #nav ul li.current-cat a {
	background: #fff;
	color: #de5414;
}

/*#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited*/



div.snav {
border-top: 5px solid #999;
margin: 10px 0 20px 0;
}

div.snav ul {
list-style: none;
margin: 0;
padding: 0;
}

div.snav ul li a {
display: block;
padding: 5px 10px;
font-size: 12px;
color: #333;
background: #f1f1f1;
border-bottom: 1px solid #ccc;
font-weight: bold;
}

/*
------------------------------------------------- Content
*/

div#content {
margin: 10px 0 0 0;
}

div#content.narrowcolumn {
width: 620px;
float: left;
border-right: 1px solid #f1f1f1;
margin: 10px 0;
}

div#content.widecolumn div.pad {
padding: 0 10px;
}

div#content.narrowcolumn div.pad {
padding: 0 15px 0 25px;
}

div#sidebar {
width: 222px;
float: left;
}

div#sidebar div.pad {
padding: 0 10px;
border-left: 1px solid #f1f1f1;
margin-left: -1px;
}

#idxleft, #idxright {
float: left;
}

#idxleft {
width: 60%;
}

#idxright {
width: 40%;
}


#idxleft div.pad, #idxright div.pad {
padding: 10px 15px;
}

div#content.widecolumn div.pad #idxleft, div#content.widecolumn div.pad #idxright {
margin-bottom: 15px;
}

div#content.widecolumn div.pad #idxleft div.pad {
padding: 15px 20px;
border-right: 1px solid #f1f1f1;
}

div#content.widecolumn div.pad #idxright div.pad {
padding: 15px 20px;
border-left: 1px solid #f1f1f1;
margin-left: -1px;
}

div.idxlist {
margin: 10px 0;
}

div.idxlist ul {
margin: 0;
padding: 10px 0 5px 0;
list-style: none;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}

div.idxlist ul li span {
display: block;
color: #666;
font-size: 10px;
text-transform: uppercase;
}

div.idxlist ul li h3 {
font-size: 14px;
}

div.idxlist ul li h3 a {
color: #000;
}

div.idxlist ul li {
padding-left: 15px;
background: transparent url(img/cce-gry-bullet.gif) no-repeat 0 2px;
margin-bottom: 10px;
}

div.idxlist ul li p {
padding-bottom: 5px;
}



div.idxboxes div.box{
background: transparent url(img/cce-boxbot-idx.gif) no-repeat bottom;
width: 291px;
}

div.box{
background: transparent url(img/cce-boxbot.gif) no-repeat bottom;
width: 202px;
}

div.box div.title {
background: transparent url(img/cce-boxtop.gif) no-repeat top left;
padding: 5px;
color: #000;
font-weight: bold;
font-size: 14px;
color: #
}

div.idxboxes div.box div.title {
background: transparent url(img/cce-boxtop-idx.gif) no-repeat top left;
}


div.box div.textwidget {
padding: 5px !important;
font-size: 12px;
}

div.box {
margin-bottom: 15px;
}


div#content.narrowcolumn div.pad h1, div#content.widecolumn div.pad h1 {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

div.breadcrumb {
font-size: 10px;
color: #666;
padding-bottom: 10px;
}

div.breadcrumb a {
color: #999;
}

div.side_cal h3 {
padding: 10px 0 5px 0;
font-size: 14px;
}

ul.ec3_events, ul.ec3_events li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.ec3_events li {
padding: 2px 0 5px 10px;
}

ul.ec3_events li ul li {
padding: 2px 0 5px 20px;
}



/*
------------------------------------------------- Posts
*/
small {
font-size: 10px;
color: #666;
font-weight: normal;
}

div.post-list div.post {
float: left;
width: 100%;
clear: left;
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 10px;
margin-bottom: 10px;
}

div.post-thumb {
float: left; 
margin: 0 10px 2px 0;
}

div.post-thumb img, div.post-thumb a img {
border: 1px solid #ccc;
}

div.post h3 {
font-size: 14px;
}

div.post h3 a {
color: #333;
}

div#site-search {
text-align: right;
width: 848px;
margin: 10px auto;
}

div#site-search form {
padding-right: 5px;
}

div#site-search input {
width: 200px;
font-size: 12px;
border: 1px solid #ccc;
background: #fff url(img/magnifier.gif) no-repeat left;
padding-left: 20px;
}

div#site-search input.btn {
width: auto;
background: #fff;
color: #333;
font-weight: bold;
padding: 0 5px;
}

h1 strong.results {
color: #333;
}

ol.results li {
border-bottom: 1px solid #ccc;
margin: 15px 0 0 0;
padding: 0 0 10px 0;
display: list-item;
vertical-align:top;
}

/*
------------------------------------------------- Homepage News List
*/

div.latestnews, ul.sf-latest {
border-bottom: 2px solid #000;
}

div.latestnews div.post, ul.sf-latest li {
padding-left: 20px;
background: transparent url(img/cce-gry-bullet.gif) no-repeat 5px 19px;
}

div.latest_posts {
margin-bottom: 15px;
}

div.latestnews h2, div.latest_posts h2 {
border-bottom: 2px solid #000;
margin-bottom: 10px;
}

div.latestnews div.post p {
font-size: 12px;
}

/*
------------------------------------- Latest forum posts on homepage
*/

ul.sf-latest {
list-style: none;
margin: 0;
padding: 0;
}


.sf-latest-header {
font-size: 14px;
color: #666;
}

.sf-latest-header strong {
font-weight: bold;
color: #333;
}

.sf-latest-header a.forum-title {
font-weight: bold;
color: #639;
}

.sf-latest-header a.forum-slug {
color: #333;
font-style: italic;
}

.sf-latest-content p {
font-size: 12px !important;
}


div#idxright a.forumarrow {
display: none;
}

/*
------------------------------------------------- News and Press Release page
*/

#news-press h2.title {
border-bottom: 2px solid #000;
margin-top: 10px;
margin-bottom: 5px;
position: relative;
clear: both;
}

#news-press h2.title span {
position: absolute;
right: 0;
top: 5px;
}

#news-press h2.title span a {
font-size: 10px;
color: #666;
font-weight: normal;
text-transform: uppercase;
}

#news-press div.post {
padding-left: 10px;
}

#news-press div.post h2 a {
font-size: 14px;
}


/*
------------------------------------------------- Footer
*/

#footer {
clear: left;
background: #84ba47 url(img/cce-ftr.gif) no-repeat top left;
height: 74px;
padding-bottom: 15px;
}

#footer p {
padding: 15px 20px;
font-size: 10px;
color: #ccc;
}	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

div.login {
display: none;
}