/*
Theme Name:		Cutline 3-Column Split for Coppermine
Theme URI:		http://herselfswebtools.com
Description:	A squeaky clean, feature-rich theme for Coppermine adapted from the WordPress theme designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.0
Author:			Linda MacPhee-Cobb
Author URI:		http://timestocome.com/
*/

/*---:[ global elements ]:---*/
body		{
	background: #ffffff url("images/bg.jpg") repeat-x;
	color: #333333;
	text-align: center;
	font-family: Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
}
*			{ padding: 0; margin: 0; }
a img		{
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
p			{
	color: #333333;
	padding-bottom: 8px;
	padding-top: 8px;
}



/*---:[ headlines/site heading ]:---*/
h1, h2, h3			{ font-weight: bold; font-family: Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif; color: #536162; }
h1					{ font-size: 12px; letter-spacing: -0.03em; }
#masthead h1		{ padding: 0.4em 0 0.2em 0; border-top: 1px solid #536162; text-align: left; clear: both; }
h1 a, h1 a:visited, h1 a:hover { color: #678; text-decoration: none; }
h2					{ font-size: 12px;  }
h2 a				{ color: #536162; text-decoration: none; }
h2 a:visited		{ color: #536162; text-decoration: none; }
h2 a:hover			{ color: #536162; text-decoration: underline; }
h2.archive_head		{ font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; 
					  letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; 
					  border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
h3					{ font-size: 1.0em; text-transform: uppercase; }
#masthead h3		{ margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: left; }
h4 { font: italic 1.2em Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif; color: #888; }
h4 a, h4 a:visited	{ color: #888; text-decoration: none; }
h4 a:hover			{ color: #888; text-decoration: underline; }



/*---:[ core layout elements ]:---*/
#container			{ width: 780px; margin: 0 auto 0 auto; }
#content_box		{
	width: 780px;
	text-align: left;
	float: left;
	clear: both;
	margin-top: 10px;
}
#content_box a			{
	color: #536162;
	text-decoration: none;
}
#content_box a:visited	{ color: #536162; text-decoration: none; }
#content_box a:hover		{
	color: #cc3333;
	text-decoration: none;
}

#content			{
	width:580px;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#sidebar			{ width: 0; padding: 0 0 0 0; float: right; }
#l_sidebar			{ width: 180px; padding: 0 0 0 10px; float: left; }

		


/*---:[ header styles for naviation bar ]:---*/
#masthead			{ width: 780px; }

ul#nav				{ list-style: none; width: 750px; padding: 0 10px; 
						background: url('images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; }
ul#nav li			{ padding: 0.85em 40px 0.7em 0; font: bold 1.4em Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif; text-transform: uppercase; float: left; }
ul#nav li a, ul#nav li a:visited { color: #333333; text-decoration: none; }
ul#nav li a:hover	{ color: #333333; text-decoration: underline; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #003; text-decoration: underline; }

#header_img			{ position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; }
#header_img img		{ display: block; } /* this is really just an IE 6 and 7 hack in disguise */


/*-- thumbnail tables --*/
.tableh1			{
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.catrow				{ font-family: Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif; font-size: 12px; }
.alblink			{
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #cc3333;
	line-height: 30px;
}
.thumb_caption		{ display: block; font-size: 10px; font-family: Verdana; }
.thumb_title		{ display: block; font-size: 10px; font-family: Verdana; }

/*-- admin area --*/
.tableb			{
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-bottom: 10px;
}
.tableh1_compact			{
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-bottom: 10px;
}




/*---:[ sidebar styles ]:---*/
ul.sidebar_list											{ list-style: none; }
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat	
{   display:block;
	color: #333;
	font-size: 12px;
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	 }
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat	
{
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat a {
	display:block;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}
ul.sidebar_list li.widget_right, ul.sidebar_list li.linkcat { width: 180px; margin: 0 0 2.0em 0; font-size: 12px; line-height: 1.0em; float: left; }
li.widget h2, li.widget_right h2, li.linkcat h2			{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #999;
	background: url('images/hr_dot_black.gif') 0 100% repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
li.widget p , li.widget_right p							{ margin: 0 0 10px 0; padding: 0 10px; }
li.widget ul, li.widget_right ul, li.linkcat ul			{ list-style: none; margin: 0 0 0.5em 5px; }
li.widget ol, li.widget_right ol, li.linkcat ol			{ margin: 0 0 10px 10px; }
li.widget li, li.widget_right li, li.linkcat li			{ margin: 0 0 10px 0; }
li.widget li a, li.widget_right a,  li.widget li a:visited, li.widget_right li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
li.widget li a:hover, li.widget_right li a:hover, li.linkcat li a:hover { text-decoration: underline; }
li.widget li .recent_date, li.widget_right li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }


/*---:[ sidemenu styles from fran ]:---*/

#sidebar ul.sidemenu {
	list-style:none;
	padding:0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #cc3333;
	border-left:4px solid #cc3333;
}
		
		


/*---:[ footer styles ]:---*/
#footer {
	clear: both;
	color: #ccc;
	background: #fff;
	margin: 0;
	padding: 0;
	height: 50px;
	font-size: 95%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #ccc;
}
#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: 30%;
}
#toptext {
	position: relative;
	height: 18px;
	padding-top: 5px;
}
#toptext h1{
	font-size: 9px;	
}
#header {
	position: relative;
	height: 92px;	
	background: #fff url('images/headerbg.jpg') repeat-x 0% 100%;	
}
#header #logo {
	position: absolute;
	margin: 0; padding: 0;
	top: 0; left: 5px;	
}
#header h1#slogan {
	position: absolute;	 
	top:65px; left: 15px;
	color: #536162;
	text-indent: 0px;
	font: bold 11px 'Verdana', Arial, Sans-serif; 
	text-transform: none;	
}
#header ul {
	z-index: 999999;
	position: absolute;
	margin:0;
	padding: 0;
	list-style:none;
	right: 10px;
	bottom: 6px !important;
	bottom: 5px;
	font: bold 12px  'Verdana', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
	float:left;
	background: url('images/tableft.jpg') no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#header a span {
	float:left;
	display:block;
	background: url('images/tabright.jpg') no-repeat right top;
	color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#cc3333;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #cc3333;
}
#header #current a span {
   background-position:100% -42px;
	color: #cc3333;
}