/* CSS Document */

/*  
Theme Name: Collier Construction
Version: 1.0
Description: A simple, clean, and modern designed layout for Collier Construction. 
Author: April Canipe
Author URI: http://www.aprilcanipe.com
*/
.left {float: left;}
.right {float: right;}
.clear { clear: both;}
* { margin: 0; padding: 0;}
body {background: #E0DBC4; background-image:url(images/bg.jpg); background-repeat: repeat-x; font: 14px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 32px; color: #2F2424;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 24px; line-height: 40px; color: #376121; }
h1 {font-size: 30px; color: #2F2424;} h2 {font-size: 20px; border-bottom: 1px solid; margin-bottom: 10px;} h3 { font-size: 16px; color:#2F2424; }  h4 {font-size: 18px;} h5 {font-size: 20px; color: #232533;}  h6 {font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #323232; margin-bottom: 5px; padding-left: 0px; text-align: left;}
p {margin: 0;}
img { margin: 4px 8px 4px 8px; background-color: #859447; padding: 4px; border: 1px solid #261E1B;}
img:hover { border: #3D3938 1px dashed;}

#content img { margin: 4px 8px 4px 8px; background-color: transparent; padding: 4px; border: none;}

#pagewrap { width: 960px; margin: 0 auto; }
.padding{ padding: 20px; }
.padding2 { padding: 5px; }
.padding3 { padding-top: 28px; }
.padding4 { padding: 20px 25px 20px 25px; }
h1.logo {text-indent: -9999px; background-image: url(images/logo.png); height: 68px; width: 496px; }
.number{ font-size: 16px; color:#E0DBC4; font-weight: bold; line-height:22px; text-align: right;}
.small { font-size: 11px; text-align: right; color:#E0DBC4; text-transform: uppercase; }
a.rss { font-size: 11px; background-image:url(images/rss.png); background-repeat: no-repeat; padding-left: 35px; padding-right: 10px; padding-top: 12px; padding-bottom: 10px; }
a.facebook { font-size: 11px; background-image:url(images/facebook.png); background-repeat: no-repeat; padding-left: 35px;  padding-top: 12px; padding-bottom: 10px; }
a { text-decoration: none; color:#376121;}
a:hover { text-decoration: underline; }
#header a{ color:#E0DBC4;}
#slogan { background-image:url(images/slogan.jpg); height: 390px; width: 960px; }
#welcome { width: 550px; }
#featured { width: 350px; }
#content { background-color: #E0DBC4; border: 1px solid #CBC7B6; }
#entry { width: 550px;}
#post { }
#listing img{ float: left;}
#sidebar { width: 300px; }
#sidebar li { list-style: none;}
#footerlinks li { list-style: none; display: inline; padding-right: 10px; }
#footer { background-color: #261E1B; border-top: 1px solid #000000; padding-bottom: 50px; font-size: 11px; color:#97B24D;}
#footer a {color:#E0DBC4; font-size: 11px;}
.none, .none:hover { background-color: transparent; border: none; }
.greenlink{ background-color: #376121; padding: 3px 5px 3px 5px; border:  1px #E5E2D3 solid; color:#E0DBC4; } 
.dark { color: #376121; }
.date { font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 13px;  }
#flickr { background-image: url(http://www.aprilcanipe.com/heights/wp-content/themes/Collier%20Construction/images/flickr.png) ;background-color: transparent; background-repeat: no-repeat; padding-left: 40px; padding-bottom: 10px; padding-top: 10px;}
#welcome h2 a, #featured h2 a{ background-color: transparent; border: none; color: #376121; } 
#navigation {text-transform: uppercase; font-size: 11px; background-color: #000;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 0px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Top Page Navigation */
#top_navigation {width: 910px; height: 39px; color:#E0DBC4;  font-size: 14px;}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 10px 10px 19px 10px; line-height: 10px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#top_navigation a:hover {text-decoration: underline;  }
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #000!important; background: #BAA581;}


/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #BEAC8D; background: #E0DBC4; border-width: 0 1px 1px; }
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}



.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}

/* Forms */
#searchform  {margin: 15px 0 0 0; }
input#s, input.field  { border: 1px solid #b0b0b0; float: left; width: 216px; padding: 5px 0 5px 5px; }
input#s:focus, input.field:focus  { border: 1px solid #333333; }
input.submit  { background-color: #333333; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text  { display: none; }

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{ padding:5px; font-size: 24px; background-color: #CEC69C; padding: 4px 10px 4px 10px; border: 3px solid #FFFFFF;}
#wp-calendar th  { color: #333333; font-size: 18px; }
#wp-calendar td{background:#b0b0b0; text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* ********************************************** */
/* Comments */
/* ********************************************** */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 10px 0; }
#comments .comment-head {margin: 0 0 15px 0;}


/* Styling for Authors */
.bypostauthor {}

/* Styling for Registered Users */
.byuser {}

/* Avatars */
#comments .comment-head .avatar {float: left;}
#comments .comment-head .avatar img {margin: 0 10px 0 0; vertical-align: middle; border: 1px solid #eee;}

/* Meta */
#comments .comment-head .name {display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px;}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {font-size: 11px;}
#comments .comment-entry p {margin: 0 0 10px 0;}

/* Replies */
#comments ul.children {margin: 10px 0 0 25px; padding: 0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link {text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: underline; font-size: 11px;}
.cancel-comment-reply {float: left;}

/* Navigation */
#comments .navigation {}
#comments .navigation a {display: block; margin: 15px 0 0 0; text-decoration: none;}
#comments .navigation a:hover {}

/* Pingbacks, Trackbacks */
#pings {margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #2F2424; border: 1px solid #b0b0b0;}
#pings h3 {margin: 0 0 20px 0;}
.pinglist li {margin: 0 0 0 20px; list-style-type: decimal;}
.pinglist li .author {font-weight: bold; font-size: 15px;}
.pinglist li .date {font-size: 11px;}
.pinglist li .pingcontent {display: block; margin: 10px 0;}

#comments li { border: none;}
/* Comment Form */
#comments, #respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #CFCAB4; border: 1px solid #b0b0b0;}
#comments #respond {padding: 20px 0; margin: 0; border: none;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}

#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #b0b0b0; background-color:#E0DBC5;}
#commentform label {font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#commentform textarea {width: 95%!important; padding: 5px; border: 1px solid #b0b0b0; background-color: #E0DBC5;}
#commentform #submit {background-color: #2F2424; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-transform: uppercase; font-size: 12px;}

/* ********************************************** */
/*Search Form */
/* ********************************************** */

#searchform {	
	padding: 5px 0 3px;
}
#searchform #s {
	background: #E0DBC5;
	border: none;
	font: italic 110% Georgia, "Times New Roman", Times, serif;
	color: #2F2424;
	width: 248px;
	padding: 2px 5px;
	
}
#searchform #s:focus {
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}