/*
Theme Name: Berthoud Area Chamber of Commerce
Theme URI: http://www.berthoudcolorado.com
Description: A custom Wordpress theme designed for the Berthoud Area Chamber of Commerce,  by Jen Rotar - www.websitesbyjen.com
Version: 1.0
Author: Jen Rotar
Author URI: http://www.websitesbyjen.com/
Tags: Yellow, Blue, custom header, custom home page, fixed width, three column, widgets
*/


body {
	font-size: 9pt;
	font-family:  Arial, Helvetica, Sans-Serif;
	color: #000;
	background-image: url(./images/bodybg.jpg);
	background-position: top left;
	background-repeat: repeat-x; 
	background-color: #f6f4f3;
	text-align: center;	
	margin: 0 0 20px 0;
	padding: 0
	}
	
.alignright {
	clear: left;
	float: right;
	}

.alignleft {
	clear: right;
	float: left
	}
	
.aligncenter {
	margin: 0 auto;
	}
	
a {	
text-decoration: none;
outline: none;		
overflow: hidden;
}	
	
#wrapper {
	text-align: left;
	width:1225px;
	margin:0 auto;
	padding: 0;
	}	

#header {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	height: 276px;
	margin: 0;
	padding: 0;
	width: 100%;
	}



#content
{
clear:left;
margin:0;
padding:0;
width: 100%;
background-color:#fff;
min-height: 500px;
}
#widecolumn
{
border-left: 1px solid #101685;
border-right: 1px solid #101685;
border-bottom: 1px solid #101685;
margin:0 auto;
padding:0 0 25px 0;
width:1215px;
min-height:500px;
}	

#widecolumn table.home
{
width: 95%;
margin: 20px 20px 0;
padding: 10px;}

#widecolumn table.home tr td
{
margin: 30px 0 0 0;
padding: 10px;}


#maincolumn
{
float: left;
margin:0 auto;
padding:15px;
width: 880px;
background-color:#fff;
}	

#maincolumn table, #maincolumn table tr
{
border: 0;
margin:0;
padding:0;}

#maincolumn table td
{
font-size: 1em;
border: 0;
margin:0;
padding:5px;}
	
	
/* Begin Home Page Widget Boxes */

.widget
{clear:left;}

#events
{width:330px;
margin:10px;
padding: 40px 10px 10px 10px;
background-image: url(images/upcomingevents.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#events ul
{list-style:none;}

#events h2
{font-size: 1.3em;}

#welcome
{
font-size: 1.15em;
color: #28166f;
width: 400px;
margin:10px;
border: 1px solid #ffcd01;
background-image: url(images/welcome.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 10px;
}

#premier
{
width: 330px;
margin:10px;
border: 1px solid #28166f;
background-image: url(images/premier.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 10px;
}

#current
{
width: 330px;
margin:10px;
border-right: 1px solid #fff;
background-color: #28166f;
background-image: url(images/current.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 20px 10px 10px;
color: #fff;
}
#join
{
width: 400px;
margin:10px;
border-right: 1px solid #fff;
background-color: #28166f;
background-image: url(images/join.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 20px 10px 10px;
color: #fff;
}
#news
{
width: 330px;
margin:10px;
border-right: 1px solid #fff;
background-color: #28166f;
background-image: url(images/news.jpg);
background-position: top left;
background-repeat: no-repeat;
padding: 20px 10px 10px;
color: #fff;
}
#quotes
{
height:100px;
width: 800px;
margin:0;
padding:0 0 0 20px;
text-align:right;}

.stray_quote-2 ul li
{margin: 5px 0;}

.button
{display: block;
background-image: url(images/buttonbg.jpg);
background-position: center left;
background-repeat: no-repeat;
height: 32px;
width: 132px;
text-align:center;
padding: 15px 0 0 0;
margin: 5px;
float:left;
}

#address
{
margin:10px 20px;
clear: both;
float: left;
width:330px;
text-align:left;
}
#bannerads
{text-align:right;
width: 700px;}

#bannerads h2
{text-align: left;
color: #101685;
font-size: 1.25em;}

#sidebar8, #sidebar9
{
text-align:left;
margin:0;
float: right;
width: 280px;
background-image: url(images/sidebarbg.jpg);
background-position: top right;
background-repeat: repeat-x;
background-color: #fff;
border-left: 1px solid #ffcd01;
padding: 30px 10px;
}


#sidebar1, #sidebar2, #sidebar3, #sidebar4, #sidebar5
{margin: 0; padding: 50px 10px 10px 10px;}

#sidebar6
{margin:0;padding:0;
height:100px;}

#sidebar1 li, #sidebar2 li,  #sidebar3 li, #sidebar4 li, #sidebar5 li, #buttons li, #quotes li, #sidebar7 li, #sidebar8 li, #sidebar9 li
{list-style:none;
margin:0;
padding:0;}


#sidebar1 a:link, #sidebar1 a:visited, #sidebar2 a:link, #sidebar2 a:visited, #quotes a:link, #quotes a:visited, #sidebar7 a:link, #sidebar7 a:visited,  #sidebar8 a:link, #sidebar8 a:visited, #sidebar9 a:link, #sidebar9 a:visited
{color: #6a1406;}
#sidebar1 a:hover, #sidebar1 a:active, #sidebar2 a:hover, #sidebar2 a:active, #quotes a:hover, #quotes a:active, #sidebar7 a:hover, #sidebar7 a:active, #sidebar8 a:hover, #sidebar8 a:active, #sidebar9 a:hover, #sidebar9 a:active
{color: #6a1406;}

#sidebar3 a:link, #sidebar3 a:visited, #sidebar4 a:link, #sidebar4 a:visited, #sidebar5 a:link, #sidebar5 a:visited
{color: #ffcd01;
font-weight: bold;}
#sidebar3 a:hover, #sidebar3 a:active, #sidebar4 a:hover, #sidebar4 a:active, #sidebar5 a:hover, #sidebar5 a:active
{color: #f6f4f3;
font-weight: bold;}

#buttons a:link, #buttons a:visited
{
font-size: .9em;
color: #101685;
font-weight: bold;
border:0;}

#buttons a:hover, #buttons a:active
{
font-size: .9em;
color: #6a1406;
font-weight: bold;
border:0;}

#buttons img
{border:0;}


#sidebar8 .widgettitle, #sidebar9 .widgettitle
{display: inline;
text-indent:0;
margin:25px 0 10px 0;
padding:0;} 

#sidebar8 h2, #sidebar9 h2
{
color: #101685;
font-size: 1.25em;
text-indent:0;
paddding: 20px 0 0 0}

#sidebar8 .widget, #sidebar9 .widget
{margin: 30px 0;}


#sidebar1 h2, #sidebar2 h2,
{margin:0;
padding:0;
color: #101685;
font-size: 1.25em;
text-indent:0;
}

#sidebar3 h2, #sidebar4 h2, #sidebar5  h2
{margin:0;
color: #fff;
font-size: 1.25em;
}

#sidebar1 h3, #sidebar2 h3, #sidebar8 h3
{margin:0;
padding:0;
text-indent: 0;
color: #101685;
font-style: italic;
font-size: 1em;
}

#sidebar3 h3, #sidebar4 h3, #sidebar5  h3
{margin:0;
padding:0;
color: #fff;
font-style: italic;
font-size: 1em;
}
	
#sidebar3 ul, #sidebar4 ul, #sidebar5 ul
{margin:0;
padding:0;
}
	
#sidebar3 ul li, #sidebar4 ul li, #sidebar5 ul li
{margin:0;
padding:0;
text-indent: 0;
font-size: .9em;
}	
#maincolumn .entry p, #widecolumn .entry p {
	font-size: 1em;
	}

#maincolumn .entry, #widecolumn .entry
{
	line-height: 1.4em;
	}
	
#maincolumn img.alignright, #widecolumn img.alignright
{margin: 15px 0 15px 15px;}	

#maincolumn img.alignleft, #widecolumn img.alignleft
{margin: 15px 15px 15px 0;}	

#maincolumn img.alignnone, #widecolumn img.alignnone
{margin: 15px auto;}

#maincolumn .postmetadata, #widecolumn .postmetadata
{
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

	

.row
{clear: both;
width: 100%;
 margin: 5px 0;
 }	


.small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1em;
	}


.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {

	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

/* End Typography & Colors */



/* Begin Structure */


.post {
	margin: 0 0 40px;
	text-align: left;
	}

.post hr {
	display: block;
	}

#maincolumn .post
 {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

#maincolumn .postmetadata {
	margin: 30px 0;
	}

#maincolumn .smallattachment{
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

#maincolumn .attachment{
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin: 10px 20px 10px 0;
	padding: 0;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	list-style: none;
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

	input
	{text-align:left;
	margin:0;padding:0;}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote 
{
width: 650px;
margin: 15px;
background-color: #f6f4f3;
border: 1px solid #101685;
padding: 15px;
}

blockquote h3
{
margin: 10px 0;
font-weight: bold;
color: #101685;
}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
.indent
{margin-left: 25px;}

#maincolumn h1, #widecolumn h1
{
margin:15px 0;
font-size: 2em;
font-weight: bold;
color: #101685;
line-height:1.5em;
}

#maincolumn h2
{
margin: 10px 0 0 0;
font-size: 1.5em;
font-weight: bold;
color: #101685;
line-height:1.3em;
}

#maincolumn table th
{
margin: 10px 0 10px 0;
font-size: 1.25em;
font-weight: bold;            
color: #101685;
}


 #maincolumn table.gov td
{border: 1px solid #ffcd01;}

#maincolumn h4
{font-size: 1.15em;
font-weight: bold;
color: #6a1406;
}


#maincolumn td
{padding: 5px;}


#maincolumn a:link, #maincolumn a:visited, #entry a:link, #entry a:visited
{font-weight: bold;
 text-decoration: none;
 color: #28166f;}
 
 #maincolumn a:hover, #maincolumn a:active, #entry a:hover, #entry a:active
{font-weight: bold;
 text-decoration: none;
 color: #6a1406;}

#maincolumn ul
{margin: 25px 10px 25px 45px;}
 
#maincolumn ul li
{
	font-weight: bold;
}
	
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
/*	border: 1px solid #ddd; */
	text-align: center;
/*	background-color: #f3f3f3; */
	padding-top: 8px;
	margin: 10px;
	moz-border-radius: 3px;
	khtml-border-radius: 3px;
	webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	color: #662d91;
	font-weight: bold;
	font-style: italic;
	font-size: 1.25px;
	padding: 5px 4px;
	margin: 0;
}
/* End captions */

/* headermenu */


#footer
{
height: 25px;
margin:0;
padding: 3px;
width: 100%;
}

#footer p.links {
 color: #000;
 text-align: right;
 font-size: .8em;
 margin: 0 15px 0 0;
 padding: 0;
}

#footer a
{
padding: 0 6px;
margin: 2px 0;}

#footer a:link, #footer a:visited
{color: #101685;}
#footer a:hover, #footer a:active
{color: #6a1406;}

span.wpcf7-list-item { display: block; }

#cm_contentpage {
	padding: 10px;
	font-size: 1em;
	width: 100%;
	float: left;
	clear: left;
}



/*Begin Navigation Styles*/

#nav
{
background-color:#ffcd01;
float: left;
margin: 0;
padding:0;
font-size: 1em;
width:1215px;
border-left:4px solid #fff;
border-right:4px solid #fff;
height:25px;
}

#nav ul
{
width:1215px;
border-left: 1px solid #101685;
border-right: 1px solid #101685;
height:25px;}

#nav ul ul
{
height:auto;
width:200px;
border-bottom: 1px solid #101685;
padding: 0 5px 5px 5px; 
}

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

#nav a:link, #nav a:visited
{color:#101685;}

#nav a:hover, #nav a:active
{color:#6a1406;}




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

ul.dropdown { position: relative; z-index: 597; float: left; display:inline; margin-top:5px;}
* html ul.dropdown, * html ul.dropdown li.hover, * html ul.dropdown li:hover { display:inline; zoom:1; } /** Added as IE fix */
ul.dropdown li { float: left; vertical-align: middle; zoom: 1; }
* html ul.dropdown li {display:inline;} /** Added as IE fix */
ul.dropdown li a{ padding: 3px; line-height:1.5em; }
ul.dropdown li.hover, ul.dropdown li:hover{ position: relative; z-index: 599; cursor: default; background-color:#ffcd01; display:block; }
ul.dropdown ul { display: none; position: absolute; top: 100%; left: 0; z-index: 598; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }

ul.dropdown li:hover > ul, ul.dropdown li.hover ul{ display: block;background-color: #fff;width:200px; }
ul.dropdown a:active, ul.dropdown a:focus { outline-style:none; }

* html ul.dropdown li { height: 1px; }

/* IE Submenu margin fix */
ul.dropdown ul li, ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; }

/** Hide submenus */
ul.dropdown ul,
ul.dropdown li.hover ul ul,
ul.dropdown li.hover ul ul ul,
ul.dropdown li.hover ul ul ul ul,
ul.dropdown li.hover ul ul ul ul ul,
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover ul ul ul,
ul.dropdown li:hover ul ul ul ul,
ul.dropdown li:hover ul ul ul ul ul {
 display: none;
}

/** Show current submenu */
ul.dropdown li.hover ul, 
ul.dropdown ul li.hover ul,
ul.dropdown ul ul li.hover ul,
ul.dropdown ul ul ul li.hover ul,
ul.dropdown ul ul ul ul li.hover ul ,
ul.dropdown li:hover ul, 
ul.dropdown ul li:hover ul,
ul.dropdown ul ul li:hover ul,
ul.dropdown ul ul ul li:hover ul,
ul.dropdown ul ul ul ul li:hover ul {
 display: block;
}

ul.dropdown ul ul ul ul ul ul { display: none !important; }

/* Vertical menu support */ 
ul.dropdown-vertical { /*width: 200px;*/ }
ul.dropdown-vertical ul { top: 1px; left: 99%; }
ul.dropdown-vertical li { float: none; }