/*  
Theme Name: Creative Living Center
Theme URI: http://www.creativelivingnc.org/
Description: The first iteration of themes for Creative Living Center
Version: 1.0
Author: Steven Maguire
Author URI: http://www.stevenmaguire.com/
*/

html			{margin: 0px; padding: 0px; height: 100%;}
body			{margin: 0px; padding: 0px; background: #e5efe9 url(img/bkg-art-wrap.jpg) repeat-y center; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; }
h1, h2, h3, h4	{margin: 0px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif;}
h1, h2			{color: #2e3192; font-weight: normal;}
h1				{font-size: 26px;}
h2				{font-size: 18px;}
h3				{color: #ffffff; font-size: 36px; font-weight: normal;}
h4				{color: #cc0001; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px;}
p				{margin: 0px; padding: 5px 10px; color: #333333; font-size: 12px;}
strong			{color: #2e3192; font-weight: bold; font-size: 16px;}
a				{font-weight: bold; color: #cc0001; text-decoration: underline;}
a:hover			{text-decoration: none; color: #3c94ff;}
img				{border: none;}
img.right		{float: right; width: 188px; margin-top: 10%; margin-right: 0%; margin-left: 1%; border-style:ridge;}
img.right2		{margin-right: 7px; float: right; width: 167px; height: 100px;}
img.left		{margin-left: 7px; float: left; width: 167px; height: 100px; border-style:ridge; margin-top: 1%; margin-right: 1%;}

.saran			{margin: 0px auto; padding: 0px 50px; width: 800px; height: auto;}
.art-one		{margin: 0px; padding: 0px; width: 100%; height: 225px; background: url(img/bkg-header.jpg) repeat-x top; float: left;}
.art-two		{margin: 0px; padding: 0px; width: 100%; height: 225px; background: url(img/bkg-mast.jpg) no-repeat top center; float: left;}

.content		{margin: 0px; padding: 0px; width: 100%; height: auto; background: none; float: left;}
.main			{margin: 0px; padding: 20px 0px 0px 0px; width: 100%; height: auto; float: left;}
.main2			{margin: 0px; padding: 0px;}

.mast			{margin: 0px; padding: 0px; width: 100%; height: 160px; background: none; float: right;}
.search				{margin: 0px; padding: 0px; width: 100%; height: 65px; float: left; background: none;}
.search form		{margin: 10px 50px 15px 15px; padding: 0px; width: auto; height: auto; float: right; border: #efefef solid 4px;}
.search form input	{margin: 0px; padding: 3px; border: none; font-size: 14px; color: #666666;}
.search form input.button	{margin: 0px; padding: 3px 5px; line-height: 25px; background: #3c9486; border: none; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 12px; cursor: pointer;}
.search form input.button:hover	{margin: 0px; padding: 3px 5px; line-height: 25px; background: #efefef; border: none; color: #3c9486; font-weight: bold; text-decoration: none; font-size: 12px; cursor: pointer;}
.search-wide			{margin: 0px; padding: 5px 15px; width: 450px; height: 40px; border-top: 2px solid #efefef;}

.banner			{margin: 0px; padding: 0px; width: 100%; height: auto; float: left;}
.banner2		{margin: 0px; padding: 0px; width: 100%; height: auto; float: left;}

.sidebar-con		{margin: 0px; padding: 215px 27px 0px 27px; width: 216px; height: auto; background: url(img/bkg-sidebar-con.jpg) no-repeat top center; float: left;}
#sidebar			{margin: 0px; padding: 0px; width: 100%; height: auto; background: none; float: left;}
#sidebar ul			{margin: 0px; padding: 0px; list-style-type: none;}
#sidebar ul li		{margin: 0px; padding: 0px; width: 216px; display: block; float: left;}

#sidebar ul li.widget_pages		{margin: 0px 0px 20px 0px; padding: 0px;}
#sidebar ul li.widget_pages ul		{margin: 0px; padding: 0px; list-style-type: none;}
#sidebar ul li.widget_pages ul li		{margin: 0px; padding: 0px; float: left;}
#sidebar ul li.widget_pages ul li a		{margin: 0px; padding: 0px 5px; width: 201px; font-weight: normal; display: block; background: #ffffff url(img/bkg-nav-on.jpg) repeat-x bottom; line-height: 25px; border: 2px solid #efefef; text-decoration: none; color: #555555;}
#sidebar ul li.widget_pages ul li a:hover		{font-weight: bold;}
#sidebar ul li.widget_pages ul li a.active		{margin: 0px; padding: 0px 5px; width: 201px; font-weight: normal; display: block; background: #0048a6 url(img/bkg-nav-act.jpg) repeat-x bottom; line-height: 25px; border: 2px solid #efefef; text-decoration: none; color: #ffffff;}
#sidebar ul li.widget_pages ul li a.active:hover		{font-weight: bold;}

#sidebar ul li.widget_recent_entries		{margin: 0px 0px 20px 0px; padding: 0px;}
#sidebar ul li.widget_recent_entries h4		{font-weight: normal; text-align: left;}
#sidebar ul li.widget_recent_entries ul		{margin: 0px; padding: 0px; list-style-type: none; border-top: 1px solid #eeeeee;}
#sidebar ul li.widget_recent_entries ul li		{margin: 0px; padding: 5px; float: left; border-bottom: 1px solid #eeeeee;}
#sidebar ul li.widget_recent_entries a		{font-weight: normal;}
#sidebar ul li.widget_recent_entries a:hover		{font-weight: normal;}


.footer				{margin: 0px; padding: 30px 0px 0px 0px; width: 100%; height: 100px; background: url(img/bkg-footer.jpg) no-repeat top center; float: left;}
.footer ul			{margin: 0px; padding: 0px; width: 50%; height: auto; float: left; list-style-type: none; color: #666666; font-size: 13px;}
.footer ul li		{margin: 0px; padding: 0px 15px;}
.footer ul.right	{text-align: right;}
.footer p			{width: 100%; float: left;}
.footer img			{margin: 5px 0px 0px 0px;}

.c530			{margin: 0px; padding: 0px; width: 530px; height: auto; float: right;}
.c270			{margin: 0px; padding: 0px; width: 270px; height: auto; float: right;}
.c1280			{margin: 0px; padding: 0px; width: 1280px; height: 6000px;}

.txt			{margin: 0px; padding: 5px;}
.txt ul			{margin: 10px 0px 10px 20px; padding: 5px 5px 5px 20px; color: #333333; border-left: 2px solid #eeeeee; list-style-type: square; font-size: 12px;}
.txt ul li		{margin: 5px 0px;}
.txt h1 a, .txt h2 a		{text-decoration: none; font-weight: normal;}
.txt h1 a:hover, .txt h2 a:hover		{text-decoration: none; font-weight: normal;}

p.postmetadata			{padding: 5px; background: #f3f3f3; border-top: #eeeeeee solid 1px;}
.post			{margin: 0px 0px 15px 0px;}
.obj-one		{margin: 0px; padding: 0px; width: 100%; height: 400px; background: #990000; float: left;}
.obj-two		{margin: 0px; padding: 0px; width: 100%; height: 400px; background: #009900; float: left;}

.breadcrumb			{margin: 0px; padding: 0px; width: 100%; height: 25px; border-bottom: #f1f0ea 2px solid; border-top: #f1f0ea 2px solid; float: left;}
.breadcrumb ul		{margin: 0px; padding: 0px; list-style-type: none;}
.breadcrumb ul li	{margin: 0px; padding: 0px; float: left;}
.breadcrumb ul li a	{margin: 0px; padding: 0px 15px 0px 5px; display: block; line-height: 25px; font-weight: normal; background: #ffffff url(img/bkg-breadcrumb.jpg) no-repeat right center; text-decoration: none;}
.breadcrumb ul li a.active	{margin: 0px; padding: 0px 15px 0px 5px; display: block; line-height: 25px; font-weight: bold; background: #ffffff url(img/bkg-breadcrumb.jpg) no-repeat right center; text-decoration: none;}

.photo-gallery			{margin: 0px; padding: 25px 0px 0px 0px; width: 98%; float: left; border: #eeeeee solid 1px;}
.sf					{margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 100%; float: left; border-bottom: #eeeeee 1px solid;}
.sf ul				{margin: 0px; padding: 0px; list-style-type: none;}
.sf ul li			{margin: 0px; padding: 0px; float: left;}
.sf ul li a			{margin: 3px; padding: 0px; display: block; width: 100px; height: 100px; border: 1px solid #eeeeee; font-weight: normal; text-decoration: none; text-align: center; background: none;}
.sf ul li a:hover			{border: 1px solid #cccccc;}
.sf ul li a img		{width: auto; height: 75px; float: none;}
.sf ul li a span		{padding: 5px 0px 0px 0px; height: 24px; border-top: 1px solid #eeeeee;}

.img-th					{margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 100%; float: left; border-bottom: #eeeeee 1px solid;}
.img-th ul				{margin: 0px; padding: 0px; list-style-type: none;}
.img-th ul li			{margin: 0px; padding: 0px; float: left;}
.img-th ul li a			{margin: 3px; padding: 0px; display: block; width: auto; height: auto; border: 1px solid #eeeeee; font-weight: normal; text-decoration: none;}
.img-th ul li a:hover			{border: 1px solid #cccccc;}
.img-th ul li a img		{width: auto; height: 75px; float: none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*				{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window 			{font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine 			{font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link 		{color: #666666;}
#TB_window a:visited 		{color: #666666;}
#TB_window a:hover 		{color: #000;}
#TB_window a:active 		{color: #666666;}
#TB_window a:focus		{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay 			{position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack 		{background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG 			{background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay 		{ /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window 			{position: fixed; background: #ffffff  url(img/bkg-pop-up.jpg) no-repeat bottom left; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
* html #TB_window 		{ /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image 	{display:block; margin: 15px 0 0 15px; border: none; border-bottom: 1px solid #efefef;}
#TB_caption			{height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow			{height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow		{padding:7px 10px 5px 0;margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle		{float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title			{background-color:#e8e8e8; height:27px; color: #333333; font-weight: bold;}
#TB_ajaxContent			{clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal	{padding:15px;}
#TB_ajaxContent p		{padding:5px 0px 5px 0px;}
#TB_load			{position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load 		{ /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect			{z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}
* html #TB_HideSelect 		{ /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent		{clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

li.menu {
	text-align: center;
	display: inline;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	clear: both;
	list-style-type: none;
	background-repeat: repeat;
	font-weight: bold;
}