/*
Theme Name: Custom for wp 3.0
Theme URI: http://digitalrenewal.com
Description: custom theme for digitalRenewal
Version:      Version 3.0
Author: Trisha Dingillo
Author URI: http://digitalrenewal.com
Updated:      10-27-2011
Copyright:    (c) 2011 digitalRenewal

*/

/* basics */

*{margin:0; padding:0;}
body 		{background:#333333; 
		text-align:center; 
		font-family: Cambria, serif; line-height:1.5
}
#wrap		{width:1100px; margin:0 auto; text-align:left;}
#header		{height:250px; background:url(images/background.gif) no-repeat;}
.menu-td        {width:33%; text-align:center; padding-top: 52px;}
.menu-td a, .menu-td a:visited, .menu-td img a, .menu-td img a:visited	{text-decoration:none;}
.shop-button {background: url(images/menu-shop.png) no-repeat 0 0; height:55px; width:80px; font-size:0;}
.shop-button:hover {background: url(images/menu-shop.png) no-repeat 0 -55px;  }
#contentwrap	{background:#c5d6da; margin:0 40px; padding:0px 50px; overflow:auto;}

#content 	{float:left; width:610px; margin-top:20px;}
.content-outer	{border:1px solid #b1c8ce; margin-bottom:30px;}
.content-inner  {background:#d0e0e4; border:1px solid #e5eef0; padding:20px 40px; margin:0;}

#onecol		{border:1px solid #b1c8ce; width:780px; margin:0 auto 30px;}
#onecol-inner	{background:#d0e0e4; border:1px solid #e5eef0; padding:40px 80px; }


/* BLUE AND GREEN BOXES */
.outerblue	{border:1px solid #b1c8ce;}
.innerblue	{background:#d0e0e4; border:1px solid #e5eef0;}
.combine-to-one {padding:10px; border:1px solid #e5eef0;; outline:1px solid #b1c8ce; background:#d0e0e4; box-shadow:inset 0 0 15px rgba(0,0,50,0.1)}

.bluesep	{background: url(images/bluesep.gif) repeat-x; height:2px; margin:20px 0;}
.homesep	{background: url(images/homesep.gif) top repeat-x; padding:40px 0; overflow:auto;}
.homesepline	{background: url(images/homesep.gif) top repeat-x; margin-bottom:10px}
.homesep img.alignright {border:1px solid white; padding:0;}

.outergreen {border:1px solid #bbb; margin:20px 0px 40px;} 
.innergreen {padding:24px 40px 10px 24px; border:1px solid white; background:#daeaae;}
.innergreen ul {margin:10px 30px; list-style:disc;}


/* PRODUCT PAGES */
#product-content {float:right; width:610px; margin-top:20px;}
#product-content .content-inner {padding:20px 30px;}
#product-sidebar {float:left; width:270px;  font: 12px "Lucida Sans Unicode", arial, sans-serif;}
#product-sidebar h2 {font-size:22px;}


/* SERVICES PAGES */
.tab {
	background:#79c3d4; padding:2px 8px;  font-size:28px;
	font-weight:bold; color: #1e89a3; 
	text-shadow:1px 1px 0 #a7d7e3; 
	-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
}
.tab-content {overflow:hidden; background:#a8d6e1; padding: 8px; margin-top:-12px; margin-bottom: 40px;
	-moz-border-radius:10px; -moz-border-radius-topleft:0px;}
.tab-content h2 {letter-spacing:0;}

#html-to-wp-upload-form {background:#e1eff2; padding:40px 90px; font:normal 14px arial; color:#444; line-height:19px;}
#html-to-wp-upload-form h2 { font:normal 22px arial; background: url(images/bluesep.gif) repeat-x bottom ; border:none; padding-bottom:15px; margin-bottom:15px;}
#html-to-wp-upload-form input, #html-to-wp-upload-form textarea {padding:4px;  width:100%;}
#html-to-wp-upload-form .wpcf7-submit {font-size:14px; padding:10px; text-shadow:1px 1px 1px #fff; }





/* content */
h1, h2, h3 		{letter-spacing:-.5px}
h1, .pg-title 		{font-size:38px; color:#555; text-shadow:1px 1px 0px #eee !important;padding-bottom:10px;}
h1 a, h1 a:visited 	{color: #555; text-decoration: none;}
h3 			{font-size: 24px; color: #555; padding:5px 0;}
.home h3 a		{color:#555; text-decoration:none;}
.home h3 a:hover        {color:#fff;}
.post h1.single         {border-bottom:1px solid #bacfd5; padding-bottom:0px;}
.post h2		{font-size:30px; padding-bottom:5px; color:#555;}
.post h2 a		{color: #555; text-decoration: none;}	
.post h2 a:hover	{color:#7194a3; text-decoration: none;}

.post ul {margin:0 0 10px;}
.post ul li {padding-bottom:10px; background: url(images/next.png) 0px 6px  no-repeat; list-style-type:none; padding-left:22px; padding-bottom:7px;}

.post ol {margin-bottom:10px;}
.post ol li {margin-left:32px;}
.post ol p {padding:0}



.dropcap {float:left; font-size:60px; line-height:1; margin-right:10px; color:#a0c4cd;}

.entry p {padding:0 0 18px 0;}

.postmetasingle {font:11px georgia; padding:5px 0px; font-style:italic;}
.postmetadata	{font:11px georgia; margin:12px 0 20px; padding:5px 5px 2px; background:#bacfd5;}
.postmetadata img {width:20px; height:20px; padding:0px 10px; margin-top:-9px;}
.postmetasinglebottom {padding-top:10px}
.postmetasinglebottom img {margin-top:-9px; padding-right:10px;}
.postmetadata a {color:blue;}

.tag {font:11px arial; padding:5px 0 0 2px;}
	
.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}


/* sidebar */
#sidebar	{float:right; width:270px;  font: 12px "Lucida Sans Unicode", arial, sans-serif;}
.outerwig 	{border:1px solid #bbb; margin:20px 0px 40px;} 
.innerwig 	{padding:20px; border:1px solid white; background:#daeaae;}
.innerwig ul 	{margin:10px 30px; list-style:disc;}

#sidebar h2{font:bold 28px 'arial narrow'; padding-bottom:10px;}
#sidebar h3 {font:bold 24px 'arial narrow'; padding-bottom:4px;}
#sidebar p { padding:0 0 10px 0;}
#sidebar img {margin: 0;}

#sidebar ul {}
#sidebar ul li {line-height:20px;}
#sidebar li a {color:#333;}
#sidebar ul ul {margin:0; padding:0;}
#sidebar ul ul li {list-style-type: none; }
#sidebar ul ul ul{margin: 0; padding:0 0 10px 0; border:0}

#sidebar ul ul ul li{ padding:0; color: #b0d44d;
list-style-type: square; list-style-position:inside;}

#sidebar a	{ text-decoration:none;}
#sidebar a:hover    {text-decoration:underline;}


/* comments */
#comments {}
#commentform{}
#commentform p{ }
#commentform a{text-decoration:underline;}
#commentform h3{}
#comment{width:80%;}
#author, #email, #url, #comment {padding:5px; margin:0 0 5px 0; background: #c5d6da; border: 1px solid #aec6cb;}
#submit{margin:10px 0;}
#comments{}	
ol.commentlist {list-style-type: none;}
.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li { font-size:14px; 
	margin:20px 0 30px;
	padding:30px; 
	list-style-type:none;
	background: #c5d6da; border: 1px solid #aec6cb;
	}

.commentlist .children li {border:none; border:1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); margin-bottom:0; padding:20px;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }
ol.commentlist a {color:#000;}
code{font-family:"Courier New", Courier, monospace;}
cite {font-size:18px;}
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* login form */

.loginform	{background:#d0e0e4; border:1px solid #e5eef0; padding:20px; margin:20px 0;}
.loginform label, .loginform input    {margin:5px 0; padding:3px;}
#clnav li 	{list-style-position:inside;}

	
/* misc */

a	{color:#2d61a3;}
a:hover	{text-decoration: none;}

input[type="submit"] {font-size:10px; padding:8px; }

img	{ border: none; padding:0; }
img a	{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{ border-left:1px solid #e5eef0; padding-left:15px;
	margin:0px 60px 30px 60px;}

code{font-family:"Courier New", Courier, monospace;}

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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}




/* footer */

#footer {background:#432; clear: both; margin:0 40px; padding:20px; font-size:80%; text-align:center; color:#ddd;}


/* menu */
img { border:0; }

.menu{
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	}
.menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		display:block;
		}
		.menu li a:hover, .menu ul li:hover a{
			color:#dddddd;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		position:absolute;
		/* width:225px; */
		z-index:200;
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		/* width:225px; */
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		margin:0px;
		padding:12px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#444444;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
/* PAGiNAtion
----------------------------------------------------------   */
.pagination {
	clear:both;
	padding:0 0 0 2px;
	position:relative;
	font:normal 12px century gothic, arial;
}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #432;
}
 
.pagination a:hover{
	color:#fff;
	background: #1e89a3;
}
 
.pagination .current{
	padding:6px 9px 5px 9px;
	background: #1e89a3;
	color:#fff;
}

/* colorbox style edits - move nav to the top */
	#cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; top:4px; }
        #cboxCurrent{position:absolute; top:4px;  }
        #cboxSlideshow{position:absolute; top:4px; }
        #cboxPrevious{position:absolute; top:0; left:0;}
        #cboxNext{position:absolute; top:0; left:27px;  }
        #cboxClose{position:absolute; top:0; right:0;  }