@charset "UTF-8" 
/* CSS Document */ 
 

@charset "UTF-8";
/* CSS Document */

body{
	margin:0px auto;
	background:#cbeee8 url(http://www.joeychappel.com/wp-content/uploads/2011/04/bg_mainRepeat-3.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
h2{ 
	font-family: 'Covered By Your Grace', arial, serif;
    font-size:25px;
}
p{
	line-height:0.35em;
}
.clear{
	clear:both;
}
.back_btn{
	float:right;
}
html>body .wrapper{
    height: auto;
}
.wrapper{
	width:100%;
	background:url(http://www.joeychappel.com/wp-content/uploads/2011/04/bg_main-3.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top center;
	
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;


}
.twitter_feed{
	width:100%;
	min-height:25px;
  	height:auto !important;
  	height:25px;
	padding:5px 0px 0px 0px;
	position:fixed;
	top:0px;
	background:#536c68 url(http://www.joeychappel.com/wp-content/uploads/2011/04/bg_mainRepeat-3.jpg);
	background-repeat:repeat-x;
	background-position:top;
    z-index:9999;
}
.main{
	width:970px;
	margin:0px auto;
}
.main .content{
	width:670px;
	float:right;
    padding-bottom:50px;
}
.main .content .header_info{
	padding:20px 0px 0px 0px;
}
.main .content .logo{
	float:left;
	width:425px;
}
.main .content .contact_details{
	float:right;
	width:225px;
	font-family: 'Anton', arial, serif;
	color:#536c68;
	text-align:justify;
	margin:29px 0px 0px 0px;
}
.main .content .contact_details_subpage{
	margin:0px 0px 0px 0px;
}
.main .content .contact_details a{
	color:#536c68;
	text-decoration:none;
}
.main .content .contact_details a strong{
	font-weight:normal;
}
.main .content .contact_details a:hover{
	color: #ff8400;
}
.main .content .contact_details a:hover strong{
	color: #fff;
    font-weight:normal;
}
.main .content .contact_details p{
	margin:0px;
	padding:0px;
}
.main .content .contact_details p.phone{
	
	font-size:2.5em;
    line-height:30px;
}
.main .content .contact_details p.location{
	font-size:2em;
}
.main .content .contact_details p.email{
	font-size:1.375em;
}
.main .content .contact_details p.twitter{
	font-size:1.4375em;
}
.main .content .contact_details p.google{
	font-size:1.4375em;
}
.main .content .sub_logo{

}
.main .content .portfolio{
	padding:0px;
    z-index:1;
}
.main .content .portfolio h2{
	margin:0px;
	padding:0px;
	display:none;
}
.projectThumb{
	float:left;
	padding:0px;
	width:216px;
	margin:0px 0px 6px 6px;
	-moz-box-shadow:0px 0px 2px #536c68;
	-webkit-box-shadow:0px 0px 2px #536c68;
	box-shadow:0px 0px 2px #536c68;
}
.projectThumb:hover {
	-moz-box-shadow:0px 2px 5px #536c68;
	-webkit-box-shadow:0px 2px 5px #536c68;
	box-shadow:0px 2px 5px #536c68;
}
.projectThumb a{
	text-decoration:none;
}
.projectThumb img{
	margin:0px;
	padding:0px;
    border:none;
    display:block;
}
.projectThumb img.projectPhoto{
    border:3px solid #fff;
}
.projectThumb #portfolio_item{
	margin:0px;
	padding:0px;
    border:none;
}
.project_info{
	min-height:40px;
  	height:auto !important;
  	height:40px;
	background:#536c68 url(../images/bg/bg_btmTab.png);
    background-repeat:no-repeat;
}
.project_info .project_date{
	color:#fff;
	font-family: 'Anton', arial, serif;
    font-size:16px;
    padding:7px 0px 0px 5px;
	letter-spacing: 0.1em;
	float:left;
}
.project_info .project_categories{
	float:right;
    padding:7px 5px 0px 0px;
}
.project_info .project_categories .type_icon{
	float:left;
    cursor:pointer;
    padding-left:2px;
}
.main .content .portfolio .portfolio_image{

}
.main .content .portfolio .portfolio_image img{
	margin:0px;
	padding:0px;
}
.main .content .portfolio_item_left{
	width:319px;
	float:left;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}
.main .content .portfolio_item_right{
	width:319px;
	float:right;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}

.main .content .project_images{
	float:left;
    width:455px;
    padding:0px 0px 10px 0px;
}
.main .content .project_images img{
}
.main .content .project_details{
	color:#567a74;
    font-size:12px;
    float:right;
    width:215px;
}
.main .content .project_details p{
	margin:5px 0px 10px 0px !important;
    padding:0px !important;
	color:#567a74;
    font-size:14px;
    line-height:16px;
}
.main .content .project_details p.details{
	margin:0px 0px 5px 0px !important;
    padding:0px !important;
	color:#567a74;
    font-size:14px;
}
.main .content .project_details a.details_link{
	font-size:14px;
	margin:0px;
	padding:5px 15px;
	background:#ff8400;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.main .content .project_details a.details_link:hover{
	background:#ff9c32;
}
.main .content .project_details p.link{
	margin:20px 0px !important;
}
.main .content .project_details h1{
	font-family: 'Anton', arial, serif;
	color:#536c68 !important;
    font-size:25px !important;
    margin:0px !important;
    padding:0px !important;
    letter-spacing:1px;
    line-height:30px !important;
}
.main .content .project_details h3{
	font-family: Helvetica, arial, serif;
    font-weight:bold;
	text-transform:uppercase;
	color:#536c68 !important;
    font-size:15px !important;
    line-height:13px !important;
    margin:0px !important;
    padding:10px 0px 0px 0px !important;
}
.main .content .project_details h4{
	font-family: Helvetica, arial, serif;
    font-weight:bold;
	color:#536c68 !important;
    font-size:22px !important;
}
.main .content .project_details h4 a{
	text-decoration:none;
    color:#536c68;
    margin:0px !important;
    padding:0px !important;
}
.main .footer{
	width:100%;
	float:right;
	padding:1px 10px;
	background:url(../images/bg/bg_footer.png);
    background-repeat:repeat-x;
    background-position:top;
	position:fixed;
	bottom:0px;
	left:0px;
	font-size:10px;
	font-weight:bold;
	color:#999;
    z-index:10000000;
}
.main .footer strong{
	padding:0px 5px;
    color:#fff;
}
.main .footer .copyright{
	float:right;
    margin:0px;
    padding:10px 30px 0px 0px;
}
.main .footer .social{
	float:left;
    margin:0px;
    padding:5px 12px 0px 10px;
	background:url(../images/bg/bg_footerDivider.png);
    background-repeat:no-repeat;
    background-position:top right;
}
.main .footer .like{
	float:left;
    margin:0px;
    padding:8px 12px 0px 10px;
}
.main .footer .plus_one{
	float:left;
    margin:0px;
    padding:8px 12px 0px 10px;
}

/* Twitter Scroller */

div.tweetticker{
	width: 100%;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial;
	color:#cceee8;
}

div.tweetticker-container{
	background:url(images/container-bg.png) repeat-x center center;
	position: relative;
	margin: 0 30px;
	height: 50px;
}

div.tweetticker-container-left{
	background: url(images/container-left.png) no-repeat right center;
	width: 30px;
	height: 50px;
	display: block;
	position: absolute;
	left: -30px;
	top: 0;
	z-index: 2;
}

div.tweetticker-container-right{
	background: url(images/container-right.png) no-repeat left center;
	width: 30px;
	display: block;
	height: 50px;
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 2;
}

div.tweetticker-container-content{
	position: relative;
	z-index: 3;
	line-height: 30px;
	padding: 10px 0;
	margin: 0 0;
}

div.tweetticker-username{
	position: relative;
	float: left;
	z-index: 100;
	padding: 0 5px;
	color: #ff8400;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-shadow: 0 -1px 1px #000000;
	margin: 0 0 0 -16px;
}

div.tweetticker-username a{
	color: #ff8400;
	text-decoration: none;
}

div.tweetticker-username a:hover{
	color: #ff8400;
}

div.tweetticker-tweetbox{
	overflow: hidden;
	position: relative;
	background: url(images/tweetbox-bg.png) repeat-x 0 1px;
	z-index: 100;
	margin: 0;
	padding: 0;
}

div.tweetticker-tweetbox-left{
	background: url(images/tweetbox-left.png) no-repeat 0 1px;
	display: block;
	height: 30px;
	width: 23px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 150;
}

div.tweetticker-tweetbox-right{
	background: url(images/tweetbox-right.png) no-repeat 0 1px;
	display: block;
	height: 30px;
	width: 23px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 150;
}

div.tweetticker-tweetbox-content{
	display: block;
	margin: 0 3px 0 2px;
	height: 30px;
	position: relative;
	z-index: 200;
}

div.tweetticker-overflow-container{
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	display: block;
	width: 100%;
}

ul.tweetticker-tweets-list{
	position: relative;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.tweetticker-tweets-list li{
	display: inline;
	margin: 0 5px;
	list-style: none;
	padding:0px 30px 0px 0px;
	white-space: nowrap;
	background:url(../images/bg/bg_twitterBird.png);
	background-repeat:no-repeat;
	background-position:right;
}

ul.tweetticker-tweets-list li a{
	color: #ff8400;
}

ul.tweetticker-tweets-list li span.tweetticker-date{
	font-size: 9px;
	font-style: italic;
	color: #8bb3ac;
	padding-right: 5px;
	position: relative;
	bottom: 1px;
}

div.tweetticker-twitter-link{
	position: relative;
	z-index: 200;
	float: right;
	margin: 0 -16px 0 0;
}

div.tweetticker-twitter-link a{
	background: url(images/twitter-logo.png) no-repeat center center;
	margin-top:-10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 31px;
	height: 50px;
	display: block;
}

/* caption styling */
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 3px 7px 1px 7px;	
	font-weight: bold;
	font-size: 12px;	
	font-family: arial;	
	cursor: pointer;
	border: 0px solid #8bb3ac;
	background: #536c68;
	text-shadow: 1px 1px 0 #536c68;
}
.caption-top {
   border-width: 0px 0px 1px 0px;
}
.caption-bottom {
   border-width: 1px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #ff8400;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }