/*
Theme Name: Carewco
Theme URI: http://www.carewco.net/
Description: The custom theme for the Carew Co website and blog.
Version: 1.0
Author: Paul Carew & Ryan Lascano
Tags: 
*/


@charset "UTF-8";
/* Carew Co Website Stylesheet */

/* ------------------------------------------------------------ COLOR KEY ----- */
/*

	Color (usage): #abcdef
	Color (usage): #abcdef
	Color (usage): #abcdef
	Color (usage): #abcdef
	Color (usage): #abcdef
	
*/
/* ------------------------------------------------------------ GLOBAL STYLES ----- */

html {
	background-color:#b4c500;
	}

body {
	height:100%; /* fixes alignment issues in IE6 */
	width:100%; /* fixes alignment issues in IE6 */
	min-width:1100px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:10px solid #d9d6d6;
	background-color:#b4c500;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.clear {
	clear:both;
	height:0px;
	}
	
#container {
	background:url(images/page-bg.gif) top left no-repeat;
	/*overflow:auto;*/
	background-color:#fff;
	min-width:1100px;
	}
	
/* ------------------------------------------------------------ NAV STYLES ----- */

#nav {
	display:block;
	height:30px;
	margin-left:565px;
	font-size:16px;
	color:#fff;
	overflow:auto;
	width:490px;
	}
	
	#nav li {
		display:block;
		padding:6px 15px 0px;
		height:24px;
		float:left;
		border-left:1px solid #dddd72;
		background-color:#b4c500;
		}
		
		#nav li.home {
			border-left:none;
			background:url(images/nav-corner-btmlft.gif) bottom left no-repeat #b4c500;
			}
			
		#nav li.contact {
			background:url(images/nav-corner-btmrt.gif) bottom right no-repeat #b4c500;
			}
		
		#nav li.client-login {
			padding:0px;
			height:30px;
			white-space:nowrap;
			border-left:3px solid #fff;
			background:url(images/client-corner-btmlft.gif) bottom left no-repeat #d9d6d6;
			}	
			
			#nav li.client-login a {
				display:block;
				float:left;
				height:25px;
				padding:5px 15px 0px;
				background:url(images/client-corner-btmrt.gif) bottom right no-repeat;
				}
				
				#nav li.client-login a:hover {
					color:#666;
					}
		
		#nav li a {
			color:#fff;
			text-decoration:none;
			}
			
			#nav li a:hover {
				text-decoration:underline;
				}
	
/* ------------------------------------------------------------ HEADER STYLES ----- */

#header {
	height:160px;
	padding:31px 0px 0px 76px;
	}
	
/* ------------------------------------------------------------ CONTENT STYLES ----- */

#content {
	width:1055px;
	padding-bottom:30px;
	background:url(images/content-bg.gif) top left repeat-y;
	}
	
	#main-content {
		width:690px;
		padding:0px 30px 0px 85px;
		float:left;
		}
		
	#main-content-work {
		width:695px;
		padding:0px 25px 0px 85px;
		float:left;
		overflow:auto;
		}
		
		#main-content-work #work-nav {
			display:block;
			height:50px;
			/*width:320px;*/
			font-size:18px;
			font-weight:normal;
			color:#666;
			/*background-color:#f2f2f2;*/
			}
			
			#work-nav li {
				display:block;
				padding:15px 20px 0px;
				height:35px;
				float:left;
				border-left:1px solid #d8d8d8;
				background-color:#f2f2f2;
				}
				
				#work-nav li.overview {
					border-left:none;
					background:url(images/worknav-corner-topleft.gif) top left no-repeat #f2f2f2;
					}
					
				#work-nav li.web {
					background:url(images/worknav-corner-topright.gif) top right no-repeat #f2f2f2;
					}
				
				#work-nav li a {
					color:#666;
					text-decoration:none;
					}
					
					#work-nav li a:hover {
						color:#666;
						text-decoration:underline;
						}
						
			#work-wrapper {
				width:695px;
				height:500px;
				background:url(images/portfolio-bg.jpg) top left repeat-x;
				border-top:1px solid #fff;
				padding-bottom:30px;
				overflow:auto;
				}
		
	#main-content-blogindex {
		width:720px;
		padding:0px 15px 0px 70px;
		float:left;
		}
		
		#main-content-blogindex div.post-blogindex {
			padding:0px 15px 10px;
			}
		
	h1 {
		font-size:28px;
		font-weight:normal;
		color:#686300;
		margin-bottom:10px;
		}
		
	h2, .excerpt p {
		font:23px Georgia, "Times New Roman", Times, serif;
		line-height:30px;
		font-weight:normal;
		color:#333;
		margin-bottom:20px;
		}
		
	h3 {
		font-size:16px;
		text-transform:uppercase;
		color:#686300;
		}
		
	h4 {
		display:block;
		font-size:12px;
		font-weight:normal;
		text-transform:uppercase;
		color:#666;
		background-color:#fff;
		}
		
	p {
		font-size:17px;
		line-height:24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		margin-bottom:15px;
		}
		
		p a, #main-content li a {
			color:#686300;
			text-decoration:underline;
			}
			
		p a:hover, #main-content li a:hover {
			color:#b4c500;
			text-decoration:none;
			}
			
		p.meta {
			font-size:12px;
			line-height:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:#2f2f2f;
			height:15px;
			padding:5px 0px 30px 20px;
			background:url(images/comments-icon.gif) top left no-repeat;
			}
			
	.rule {
		height:20px;
		margin-bottom:10px;
		background:url(images/dotted-line.gif) center left repeat-x;
		}	
		
		.rule h4 {
			float:right;
			}		
	
	.thumb-wrap {
		width:435px;
		float:left;
		}
		
	img.thumb {
		float:left;
		margin:0px 15px 5px 0px;
		}
		
	hr {
		border:none;
		background:none;
		height:1px;
		border-bottom:2px dotted #bbb;
		margin-bottom:20px;
		}
		
	.orange {
		color:#ce6800;
		}
	
	a.more-link, #sidebar li a.more-link {
		color:#686300 !important;
		text-decoration:underline !important;
		}
		
	a.more-link:hover, #sidebar li a.more-link:hover {
		color:#b4c500 !important;
		text-decoration:none !important;
		}
		
	textarea#comment {
		width:684px;
		border:1px solid #b0b0b0;
		margin:0px;
		padding:2px;
		}
		
	#main-content ul {
		list-style-image:url(images/bullet-icon.gif);
		list-style-position:outside;
		font-size:16px;
		line-height:24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#666;
		margin-bottom:15px;
		padding-left:20px;
		}
		
		#main-content li {
			margin-bottom:10px;
			}
		
	ul#commentlist {
		list-style:none;
		list-style-type:none;
		padding:0px;
		margin:0px;
		width:690px;
		}
		
		ul#commentlist p.meta {
			background:none;
			padding-left:0px;
			margin-bottom:0px;
			}
			
		ul#commentlist li {
			/*overflow:auto;*/
			padding:20px 10px;
			border-bottom:5px solid #fff;k
			list-style:none;
			list-style-type:none;
			margin:0px;
			}
	
		ul#commentlist .alt {
			background-color:#f2f2f2;
			}
			
		ul#commentlist .author-comment {
			background-color:#b4c500;
			}
			
			.author-comment p {
				color:#fff;
				}
			
		ul#commentlist img {
			/*border:1px solid #330000;
			float:left;*/
			}
			
	form#commentform {
		width:690px;
		overflow:hidden;
		}
		
		form#commentform input[type="submit"] {
			margin-top:15px;
			}
		
#feature {
	width:720px;
	margin-top:20px;
	background:url(images/feature-bg.gif) top center no-repeat;
	}
	
	#feature dl {
		width:210px;
		padding:0px 15px;
		float:left;
		}
		
		#feature dd img {
			margin-bottom:15px;
			}
			
		#feature dt, .home-feature dt {
			font-size:18px;
			margin-bottom:5px;
			}
			
			#feature dt a, .home-feature dt a {
				color:#333;
				text-decoration:none;
				}
				
				#feature dt a:hover, .home-feature dt a:hover {
					text-decoration:underline;
					}
					
		#feature dd p, .home-feature dd p {
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			line-height:18px;
			color:#666;
			clear:none;
			margin-bottom:0px;
			display:inline;
			}

#sidebar {
	width:250px;
	height:auto;
	padding-top:20px;
	float:left;
	background:url(images/sidebar-top.gif) top center no-repeat #f2f2f2;
	}
	
	#sidebar p.sifr {
		padding:0px 20px;
		font-size:17px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:22px;
		color:#666;
		}
	
	#sidebar ul {
		display:block;
		width:225px;
		padding:20px 5px 15px 20px;
		font-size:13px;
		line-height:16px;
		color:#666;
		border-top:2px dotted #a3a3a3;
		}
		
		#sidebar li {
			margin-bottom:5px;
			padding-left:10px;
			text-indent:-10px;
			}
			
		#sidebar li.home-feature {
			padding-left:0px;
			text-indent:0px;
			}
		
		#sidebar li.label {
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			margin-bottom:7px;
			}
			
			#sidebar li a {
				color:#666;
				text-decoration:none;
				}
				
				#sidebar li a:hover {
					text-decoration:underline;
					}
					
					
		#sidebar ul.first, #sidebar form.first {
			padding-top:0px;
			border-top:none;
			}
		
	#sidebar p.feed {
		font-size:19px;
		padding:0px 20px;
		margin-bottom:20px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
		p.feed a {
			display:block;
			height:28px;
			padding:4px 0px 0px 40px;
			color:#666;
			text-decoration:none;
			background:url(images/feed-icon.jpg) top left no-repeat;
			}
			
			p.feed a:hover {
				text-decoration:underline;
				}
				
	#sidebar form {
		/*display:block;
		height:auto;*/
		padding:20px 0px 20px 20px;
		border-top:2px dotted #a3a3a3;
		}
		
		#sidebar form#searchform {
			height:20px;
			}
		
		#sidebar form label {
			display:block;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			margin-bottom:7px;
			line-height:16px;
			color:#666;
			}
		
		#sidebar form input[type="text"] {
			/*margin:0px 0px 0px 20px;*/
			padding:1px;
			width:193px;
			height:16px;
			background:none;
			font-size:11px;
			font-weight:bold;
			color:#666;
			text-transform:uppercase;
			border:1px solid #b0b0b0;
			float:left;
			}
			
		#sidebar form input[type="image"] {
			height:20px;
			margin:0px;
			padding:0px;
			float:left;
			}
				
	#sidebar .recentdate {
		font-weight:bold;
		}
		
	#sidebar .home-feature dl {
		width:210px;
		padding:0px;
		}
		
	#sidebar #quote-wrap {
		height:135px;
		width:250px;
		overflow:hidden;
		}
	
	#sidebar ul#quotes {
		height:100px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		line-height:24px;
		margin-bottom:5px;
		padding:0px 20px 30px;
		width:210px;
		}
		
		#quotes li {
			display:block;
			width:210px;
			padding:0px;
			text-indent:0px;
			}
		
		
/* ------------------------------------------------------------ FOOTER STYLES ----- */

#footer {
	width:970px;
	padding:30px 0px 0px 85px;
	font-size:14px;
	color:#fff;
	background:url(images/footer-fade.jpg) 805px 0px no-repeat #b4c500;
	overflow:hidden;
	}
	
	#footer #info {
		width:720px;
		float:left;
		}
	
	.copyright {
		font-size:10px;
		}	
		
	#footer p {
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:inherit;
		}
		
	#footer p a {
		color:#fff;
		text-decoration:none;
		}
		
		#footer p a:hover {
			text-decoration:underline;
			}	
			
	#footer ul#social-links {
		display:block;
		width:210px;
		height:155px;
		padding:0px 20px;
		float:left;
		}
		
		#social-links li.label {
			margin:0px;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			margin-bottom:7px;
			float:none;
			clear:both;
			}
		
		#social-links li {
			margin-right:8px;
			float:left;
			}