/*
Theme Name: WPA Delight
Theme URI: http://www.wpart.net
Description: A business/corporate theme with portfolio functionality.
Version: 1.0
Author: George Ortiz and Matt Jones
Author URI: http://www.wpart.net
*/

html, body
{
    margin:0px;
	padding:0px;
	background:url("images/bg-tile.png") #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	/* font-family:"Lucida Bright", Georgia, "Times New Roman", serif; */
	font-size:13px;
	line-height:20px;
}


/*--------------------------------------------*/
/*--                Generics                --*/
/*--------------------------------------------*/

a {color:#868787;}

html,
body,
ul.blue li a
{color:#575452;}

#slidebanner h1,
#slidebanner p,
#ribbon-content h2,
#ribbon-content p,
a.btn-bg-slider,
ul.slider-links li h2,
ul.slider-links li p,
.btn-bg,
a.btn-bg,
ul.blue li.current_page_item a,
ul.blue li:hover a
{color:#ededed;}

.post_half,
.post_left,
.post_triple,
.post_right,
#post_full,
.post-single, 
.news_updates,
#comments-container,
#social-media-box,
.meta-p
{border-bottom:1px dotted #a6a09c;}
 
#latest-tweets p {border-right:1px dotted #a6a09c;}


#content_container .wp-caption {background:#cdcccb;}
#content_container img {border:5px solid #cdcccb;}
#content_container a img:hover {border-color:#868787;}


img {border:0px;}

a {text-decoration:none;}

a:hover {text-decoration:underline;}

.clear {clear:both;}

h1 {font-size:28px; line-height:33px;}
h2 {font-size:23px; *font-size:21px; line-height:28px;}
h3 {font-size:18px; line-height:23px;}
h4 {font-size:16px; line-height:20px;}
h5 {font-size:14px; line-height:18px;}
h6 {font-size:12px; line-height:15px;}

p {font-size:13px; text-align:justify;}


/* images */

#content_container .wp-caption {text-align:center;}

#content_container .wp-caption img {margin:0; border:0px; margin-top:5px;}

#content_container .wp-caption p {margin:0; border:0px; text-align: center; padding:5px 0px; font-size:11px; line-height:1.2;}

.alignright {float:right; margin:0 0 5px 15px;}

.alignleft {float:left; margin:0 15px 5px 0;}

.aligncenter {margin-left: auto; margin-right: auto;}

.btn-bg {background:url("images/btn-bg.png") no-repeat; width:103px; height:29px; margin:10px 60px; padding-bottom:2px; border:none; cursor:pointer; float:right; font-size:12px;}

a.btn-bg {background:url("images/btn-bg.png") no-repeat; width:103px; height:29px; margin:5px 0px; *margin-bottom:0px; padding-top:5px; text-align:center; border:none; cursor:pointer; float:left; text-decoration:none; font-size:12px;}

a.btn-bg:hover {text-decoration: underline;}

a.btn-bg-slider {background:url("images/btn-bg-slider.png") no-repeat; width:103px; height:29px; margin:10px 0px; padding-top:6px; text-align:center; border:none; cursor:pointer; float:left; text-decoration:none; font-size:12px;}

a.btn-bg-slider:hover {text-decoration:underline;}

.alignnone {width:1px; height:1px; visibility:hidden;}


/*--------------------------------------------*/
/*--                 Header                 --*/
/*--------------------------------------------*/

#header {background:url("images/header-gradient.png") repeat-x; width:100%; height:auto;}

#header-container {margin:0px auto; width:900px; height:auto;}


/*--------------------------------------------*/
/*--                 Logo                   --*/
/*--------------------------------------------*/

a.logo {float:left; border:none; cursor:pointer;}


/*--------------------------------------------*/
/*--                  Nav                   --*/
/*--------------------------------------------*/

#nav_container {margin:0px auto; width:900px; height:50px; margin-top:-15px; clear:both;}

#nav_container_float {float:right; width:auto; height:50px; padding-right:1px;}

ul.blue {padding: 5px; margin: 0 0; list-style: none; float: left; position:relative; z-index:3;}

ul.blue li {float: left; margin-left:10px;}

ul.blue li a {float: left; text-decoration: none; padding: 7px 5px 0 0; margin-right: 8px; font: 900 14px; text-transform:lowercase;}

ul.blue li a span {float: left; padding-right: 15px; display: block; margin-top: -7px; height: 37px;}

ul.blue li:hover, ul.blue li.current_page_item {color:#ffffff; background: url("images/sample-navbg.png") no-repeat top right;}

ul.blue li:hover span, ul.blue li.current_page_item span {background: url("images/sample-navbg.png") no-repeat top left; color:#ffffff;}

ul.blue li.current_page_item a, ul.blue li:hover a {color:#f9f9f9;}



/*--------------------------------------------*/
/*--                 Ribbon                 --*/
/*--------------------------------------------*/

#ribbon {margin:0px auto; background:url("images/bg-ribbon.png") repeat-x; width:100%; height:417px; margin-top:-20px; z-index:1; position:relative;}

#ribbon-page {margin:0px auto; background:url("images/bg-ribbon-page.png") repeat-x; width:100%; height:auto; margin-top:-20px; padding-bottom:35px; z-index:1; position:relative; margin-bottom:10px; padding-top:30px;}

#ribbon-content {margin:0px auto; width:875px; height:auto; padding-top:10px;}

#ribbon-content h2 {padding:0px; margin:0px; font-size:26px; letter-spacing:-.01em; font-weight:500;}

#ribbon-content p {line-height:1.5em; margin:0px; font-size:13px; width:600px; margin-top:8px;}

#ribbon-content a {color:#ccc; text-decoration:underline;}


/*--------------------------------------------*/
/*--                 Banner                 --*/
/*--------------------------------------------*/

#banner_bg {margin:0px auto; background:url("images/bg-banner.png") no-repeat; width:908px; height:489px; margin-top:-453px; *margin-top:-453px;}

#inner_banner_pad {margin:0px auto; width:888px; height:11px;}

#banner_pad {margin:0px auto; width:888px; height:8px;}

#inner_banner {margin:0px auto; width:888px; height:466px; background:#FFFFFF;}

.banner {margin:0px auto; width:857px; height:303px; padding:6px;}


/*--------------------------------------------*/
/*--                Content                 --*/
/*--------------------------------------------*/

#content_container {margin:0px auto; width:900px; height:auto; margin-top:15px; margin-bottom:25px; padding-bottom:15px;}

#page_container {margin:0px auto; width:900px; height:auto; min-height:300px; margin-top:0px; margin-bottom:20px;}

.meta-p {font-size:13px; padding-bottom:5px;}

.meta-p a {text-decoration:none;}

.meta-p a:hover {text-decoration:underline;}


/*--------------------------------------------*/
/*--                Post-Left               --*/
/*--------------------------------------------*/

.post_left {float:left; width:560px; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:0px; margin-top:5px;}

.post_left h2 {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

.post_left h2 a {padding:0px; margin:0px; letter-spacing:-.04em; *letter-spacing:-.03em; font-weight:600; text-decoration:none;}

.post_left h2 a:hover {text-decoration:underline;}

.post_left p {padding:0px; line-height:1.6em; margin-top:10px;}

.post_left a {padding:0px; line-height:1.6em; margin-top:10px; text-decoration:none;}

.post_left a:hover {text-decoration:underline;}


/*--------------------------------------------*/
/*--              Post-Triple               --*/
/*--------------------------------------------*/

.post_triple {float:left; width:260px; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:0px; margin:20px 10px 10px 10px;}

.post_triple h2 {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

.post_triple h2 a {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

.post_triple p {padding:0px; line-height:1.6em; margin-top:10px;}

.post_triple .archive-excerpt p {min-height:80px;}


/*--------------------------------------------*/
/*--                Post-Half               --*/
/*--------------------------------------------*/

.post_half {float:left; width:410px; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:0px; margin:20px 10px 10px 10px;}

.post_half h2 {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

.post_half h2 a {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600; text-decoration:none;}

.post_half h2 a:hover {text-decoration:underline;}

.post_half p {padding:0px; line-height:1.6em; margin-top:10px;}

.post_half .archive-excerpt p {min-height:60px;}


/*--------------------------------------------*/
/*--               Post-Right               --*/
/*--------------------------------------------*/

.post_right {float:right; width:560px; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:0px; margin-top:10px;}

.post_right h2 {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

.post_right p {padding:0px; line-height:1.6em; margin-top:10px;}


/*--------------------------------------------*/
/*--             Post-Full Width            --*/
/*--------------------------------------------*/

#post_full {float:left; width:890px; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:12px; margin-top:15px;}

#post_full h2 {padding:0px; margin:0px; letter-spacing:-.04em; font-weight:600;}

#post_full p {padding:0px; line-height:1.6em; margin-top:10px;}

#page_container .post .archive-image, #page_container .post-single .archive-image {float:right; margin:5px;}

#page_container {margin-top:25px;}

/*--------------------------------------------*/
/*--              left content              --*/
/*--------------------------------------------*/

#left_content_container {float:left; width:560px; padding:0px 10px; height:auto;}

#left_sidebar_container {float:left; width:300px; height:auto;}

	.post-single {padding-bottom:10px;}
	
		#left_content_container .post h2 {margin-bottom:10px;}
		
		#left_content_container .post .archive-image {float:right; margin:5px;}
		
		#left_content_container .post-single .archive-image {float:right; margin:5px;}
		
		#left_content_container .post a.btn-bg {margin-top:0px;}

#right_content_container {float:right; width:560px; height:auto;}

#left_sidebar_container {float:left; width:300px; height:auto; background-color:#eae7e5;}


/*--------------------------------------------*/
/*--              right content             --*/
/*--------------------------------------------*/

#right_content_container {float:right; width:560px; padding:0px 10px; height:auto;}

#right_content_container .post .archive-image {float:right; margin:5px;}

#right_content_container .post-single .archive-image {float:right; margin:5px;}

.widget ul {margin:0; padding:0; list-style:none; margin-top:10px;}

.widget ul li {padding:8px 12px; border-top:1px dotted #877a70;}

.widget {padding:10px}

#right_sidebar_container {float:right; width:300px; height:auto;}

#sidebar_widget_container {float:left; width:300px; height:auto; background-color:#eae7e5; padding:0px; margin-top:10px;}

#sidebar_widget_container h3 {font-weight:bold; margin-top:0px; margin-bottom:0px;}

#sidebar_widget_container p {font-size:12px; float:left; padding-left:9px; margin-top:-3px; margin-bottom:3px; line-height:1.6em;}

.news_updates {float:left; width:280px; padding:0px; height:auto; margin-top:8px; text-align:left; margin:8px 10px 5px 10px;}

.news_updates h2 {font-size:12px; line-height:1.5em; margin:0px; padding:0px 2px; padding-bottom:5px; padding-top:0px;}

.date {font-size:14px; line-height:1.5em;}

.news_updates a {font-size:12px; line-height:1.5em; margin:0px; padding:0px 2px; font-weight:bold; text-decoration:none;}

 .news_updates a:hover {font-size:12px; text-decoration:none;}


/*--------------------------------------------*/
/*--                Footer                  --*/
/*--------------------------------------------*/

#footer {margin:0px auto; width:100%; height:auto; background:url("images/footer-bg.png") repeat; border-top:4px solid #e7e4e3; margin-top:20px;}


/*--------------------------------------------*/
/*--             Footer Links               --*/
/*--------------------------------------------*/

#footnav_container {margin:0px auto; width:900px; height:auto; padding-top:15px;}

#footnav {float:left; width:593px; height:35px; font-size:12px; margin-left:6px;}

#footnav a {padding:0px 5px; text-decoration:none;}

#footnav a:hover {text-decoration:underline;}

#footnav ul, #footnav li {margin:0; padding:0; list-style-type: none;}

#footnav li {display:inline; padding:0px 10px 0px 0px;}


/*--------------------------------------------*/
/*--                  Meta                  --*/
/*--------------------------------------------*/

#meta_pad {margin:0px auto; width:900px; height:75px; *height:40px;}

#meta_container {margin:0px auto; width:900px; height:auto; padding-bottom:5px; *padding-bottom:0px;}

#meta {float:right; width:300px; height:35px; font-size:12px; text-align: right;}

#meta a {padding:0px 5px; text-decoration:none;}

#meta a:hover {text-decoration:underline;}


/*--------------------------------------------*/
/*--                 Tables                 --*/
/*--------------------------------------------*/

.contactTable {padding:0px; line-height:1.6em; font-size:12px; font-weight:bold;}


/*--------------------------------------------*/
/*--                 Slider                 --*/
/*--------------------------------------------*/

#slider-centered 
{width:900px; margin:0px auto; padding-top:5px; margin-top:10px; *padding-top:35px;}

#slidebanner {font-size:19px; height:300px; width:100%; overflow:hidden; position:relative;}

#slidebanner h1 {margin:0px; font-size:22px; line-height:1.5em; font-weight:bold;}

#slidebanner p {line-height:1.5em; margin:15px 0px 10px; font-size:13px;}

#slidebanner #slider-1,
#slidebanner #slider-2,
#slidebanner #slider-3,
{position:relative; top:0px; left:0px; height:267px; padding:27px 555px 35px 15px; width:400px;}

#slidebanner #slider-1 {padding:27px 555px 35px 15px; width:400px; margin-left:50px;}

#slidebanner #slider-2 {padding:27px 559px 35px 15px; width:400px; margin-left:50px;}

#slidebanner #slider-3 {padding:27px 564px 35px 15px; width:400px; margin-left:50px;}


#slidebanner #slider-1 .slider-image,
#slidebanner #slider-2 .slider-image,
#slidebanner #slider-3 .slider-image
{width:380px; height:328px; float:left; position:relative; overflow:hidden; top:-180px; margin-left:450px; margin-top:0px;

/* IE Hacks Below */
*position:absolute; *overflow:hidden; *top:15px; *margin-left:480px;}
		
#slidebanner .slider-header, #slidebanner .slider-p {position:relative; margin-left:-20px; margin-top:10px;}

#slider-nav-container {margin:0px auto; width:900px; height:110px; margin-top:-38px; position:relative; *margin-top:0px;}

ul.slider-links {padding:0; margin:0; margin-top:13px; *padding-top:20px; float:left; width:897px; cursor:pointer;}

ul.slider-links li {height:110px; width:298px; display:inline; float:left; background:url("images/slider/banner-link-bg.png") no-repeat; margin-left:1px; cursor:pointer;}

ul.slider-links li h2 {font-size:14px; margin-left:15px; margin-bottom:5px; padding-top:20px; *padding-top:30px; *margin-bottom:5px;}

ul.slider-links li p {font-size:12px; margin:0px 15px; *margin-top:0px;}

ul.slider-links li:hover {background:url("images/slider/banner-link-bg-hover.png") no-repeat;}

ul.slider-links li.active {background:url("images/slider/banner-link-bg-hover.png") no-repeat;}


/*--------------------------------------------*/
/*--            Comment Styles              --*/
/*--------------------------------------------*/

.grav-container {float:left; margin:5px; padding-bottom:5px;}

.comment-box {border:1px solid #CCCCCC; font-size:12px; color:#333333; padding:5px;}

#comments-container {float:left; width:100%; height:auto; padding:0px 10px; padding-bottom:5px; *padding-bottom:12px; margin-top:10px;}

#comments {letter-spacing:-.04em; font-weight:600;}

ol.commentlist {margin:0; padding:0;}

.commentlist li {list-style:none; margin-bottom:14px; background:#eae7e5; padding:5px;}
	
.commentlist li p {margin: 10px;}

.commentlist cite {padding: 0px 7px 7px; display:block; font-style:italic; font-size:11px;}	

.commentlist a:link, .commentlist a:visited {}

.commentlist a:hover, .commentlist a:active {}

.commentlist cite img {float:left; margin-right:9px;}

.commentlist .author {font: small-caps bold 1.2em; text-decoration:underline;}

.commentlist .time {background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px; padding-left:13px;}

.commenttext {border-top:1px solid #c5f386; padding: 20px;}
	
#respond h3 {letter-spacing:-.04em; font-weight:600;}


/*--------------------------------------------*/
/*--            Added by Matt               --*/
/*--------------------------------------------*/
.post_left {padding:0px 0px;}

#nav_container {padding-top:-15px; margin-top:0px;} /* to make nav work with firefox */

#slider-nav-container {margin-top:-35px;}

ul.slider-links p {line-height:18px;}

h2.title {margin-top:20px;}

.home h2.title {margin-top:0px;}

.title-meta {float:right;}

.home-post-heading {margin-bottom:15px; margin-top:10px;}

.home-title {float:left;}

.home-meta {float:right;}

.date {font-size:12px; font-style: italic;}

.home p {text-align: justify;}

p.meta {font-style: italic;}

a.more-link {background:url("images/btn-bg.png") no-repeat; display:block; float:right; width:103px; height:29px; margin:5px 0px; *margin-bottom:0px; padding-top:5px; text-align:center; border:none; color:#FFFFFF; cursor:pointer; text-decoration:none; font-size:12px; clear:both; margin-top:20px;}

a.more-link:hover {color:#fff; text-decoration:underline;}

blockquote {font-style:italic; padding:5px; padding-left:60px; background:url(images/blockquote.png) no-repeat 0px 15px; margin:0;}

/*--------------------------------------------*/
/*--            Social Media Box            --*/
/*--------------------------------------------*/

#social-media-box {margin:0px auto; text-align:center; width:900px; margin-top:0px;}

#social-media-box p {padding:0px; margin-top:5px;}

	#social-media-box p.center-tweet {text-align:center; margin:0 auto 10px;}

#socialicons {width:900px; margin:0 auto; text-align:center; height:auto; background:url(images/socialicons_border.png) no-repeat; background-position:top; padding:15px 0px 5px;}

.socialicon a {width:77px; height:32px; margin:0px 15px; display:block;}

.socialicon a:hover {background-position: 0px -32px;}

a.youtube {background:url(images/youtube_icon.png);}

a.myspace {background:url(images/myspace_icon.png);}

a.facebook {background:url(images/facebook_icon.png);}

a.linkedin {background:url(images/linkedin_icon.png);}

a.twitter {background:url(images/twitter_icon.png);}

a.flickr {background:url(images/flickr_icon.png);}

a.vimeo {background:url(images/vimeo_icon.png);}

table#socialiconstable {margin:0 auto 10px; width:auto; height:auto; padding:0; border:0;}

#latest-tweets {float:left; text-align:left; margin-top:0px; width:450px;}
	#latest-tweets p {line-height:15px; margin-left:10px; padding-right:15px; font-weight:12px;}

#social-links {float:right; text-align:right; width:450px; margin-top:0px;}
	#social-links social-icon a {margin:0px 7px;}
	#social-links table#socialiconstable {margin-right:0;}
	

/*--------------------------------------------*/
/*--           formBuilder Styling          --*/
/*--------------------------------------------*/

form input, form textarea {background:#fff; padding:3px; border:1px solid #a6a09c;}

.formBuilderSubmit input {background:#a6a09c; color:#fff; padding:5px 10px; cursor:pointer;}
.formBuilderInput input {width:200px;}
	.formBuilderSubmit input:hover {background:#575452;}
	.formBuilderError {color:#993333;}
	.formBuilderSuccess {color:#009966;}

.latest-tweets-title {font-weight:bold; float:left; background:#ddd;}
.latest-tweets-list {background:#ccc; margin-left:10px; float:left;}