/*
Theme Name: Luan
Theme URI: http://luanjenkins.com
Description: The Portfolio and Blog Website of Luan Jenkins, the artist <a href="http://luanjenkins.com/">Luan Jenkins</a>)
Version: 0.01 beta
Author: Luan Jenkins
Author URI: http://luanjenkins.com
Tags: art, graphic design, blog, communication, greenville sc, awesome.
*/
/*0084e2*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/*GENERAL STYLES*/
html{
	height: 100%;
}
body{
	background: #ffffff;
	color: #333333;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	height: 100%;	
}
a{
	text-decoration: none;
	color: #333333;
}
p{
	line-height: 16px;
}
#container{
	width: 975px;
	.width: 1015px;
	margin: 0 auto;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}
.space{
	height: 50px;
}
img.show[style]{
	display: block !important;
	cursor: pointer;
}
img.wpstats{display: none;}
.sideBottom p a {
	border-bottom:1px dotted #FF6600;
}
.sideBottom p a:hover{
	background: #FF6600;
}
/* Mozilla based browsers */
::-moz-selection {background-color: #000;color: #fff;}
/* Works in Safari */
::selection {background-color: #009;color: #fff;}
/*HEADER STYLES*/

#nav{
	margin: 0;
}
.blogWrap{
	margin: 0;
}
#nav h1{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 90px;
	height: 73px;
	/*text-indent: -9999px;
	background: url(style/images/logo.gif) no-repeat;*/	 
}
#nav h1 a{
	color: #ffffff;
}
#nav h1 a img{
	padding: 0;
}
#nav ul{
	float: right;
	margin: 0;
}
#nav ul li{
	float: left;
	display: inline;
	margin: 46px 16px 0 16px;
	text-transform: uppercase;
	font-weight: normal;
	color: #3f2d01;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 11px;
	
}
.page-item-4 a{
	display: none;
}
#nav ul li a{
	color: #3f2d01;
}
#nav ul li a:hover{
	color: #0084e2 !important;
}
.current_page_item a{
	color: #0084e2 !important;
}
li#search{
	margin: 43px 0 0 16px !important;
}
li#search #searchform input{
	width: 115px;
	border: 1px solid #555555;
	height: 18px;
	padding: 4px 0 0 5px;	
}
li#search #searchform input:hover, li#search #searchform input:active{
	border: 1px solid #ff6600;
}
/* NAV 2 */
.nav2{
	height: 50px;
}
.nav2 ul{
	margin: 0;
}
.nav2 ul li{
	float: left;
	display: inline;
	margin: 20px 28px 0 0;
	font-size: 11px;
	color: #ff6600;
	font-family: Georgia, Times, 'Times New Roman', serif;
}
.nav2 ul li a{
	color: #555;
	text-transform: uppercase;
}
.catBox{
	width: 652px;
	height: auto;
	background: #ff6600;
	display: none;
	z-index: 10;
	position: absolute;
}
.catBox ul{
	float: left;
	margin: 8px 0 10px 20px;
}
.catBox ul li{
	color: #fff;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
}
.catBox ul li a{
	color: #fff;
}		
.closeBtn{
		background: #fff; 
		height: 12px;
		width: 12px;
		float: right;
		cursor: pointer;
		margin: 5px;
}
h2.catName{
	color: #666;
	font-size: 18px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	padding: 10px 0 10px 15px;
	font-style: italic;
	background: #ccc;
	margin: 0 0 20px 0;
}

/* HOME BLOG FEED TEASER */
#post-4 p{
	margin: 0 0 40px 0
}

#post-4 p img{
	float: none;
	border: none;
}

.lastPostText{
	width: 120px;
	margin: 50px 0 -25px 0;
}
.lastPostText h3{
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 11px;
	color: #555;
	text-transform: uppercase;
	font-weight: normal;
}
.blogFeed{
	width: 975px;
	margin: 0 auto;
	margin: 10px 0 0 0;
	height: 200px;
}
.blogTeaser{
	float: left;
	width: 228px;
	margin: 0 18px 0 0;
}
.homeBlogImg{
	width: 210px;
	height: 62px;
	margin: 0;
	border:9px solid #e8e8e8;	
	overflow: hidden;
}
.homeBlogImg p{
	padding: 0 !important;
	margin: 0 !important;
}
.homeBlogImg img{
	border: none;
	width: 300px !important;
	height: auto;
	min-width: 300px;
}
.blogTeaser h6{
	text-align: right;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	color: #555555;
	font-weight: normal;
	color: #ff6600;
	font-variant: small-caps;
	padding: 0 0 9px 0;
	margin: 0; 
}
.blogTeaser h6 a{
	color: #ff6600;
}
.blogTeaser blockquote p{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	color: #555555;
	padding: 3px 10px 0;
	float: left;
	width: 210px;
	margin: 0 auto;
	height: 30px;
	overflow: hidden;
	border: none;
}	
.blogTeaser p{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	color: #555555;
	height: 62px;
	overflow: hidden;
	padding: 6px 10px 0;
}
.blogTeaser h2{
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 11px;
	color: #555555;
	text-transform: uppercase;
	font-weight: normal;
	width: 210px;
	margin: 0;
	padding: 6px 10px 0;	
}
/* POST */
p a.post-edit-link{
	text-transform: lowercase;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 11px;
	color: #ff6600;
}
/* BLOG */
.blogPost{
	margin: 0 0 0 0;
}
.blogMedia{
	float: left;
	width: 645px;
	padding:  0 50px 0 0;
}
.blogMedia img{
	border:9px solid #e8e8e8;
	width: 634px;
	height: auto;
	margin: 0 0 30px 0;
}
.blogMediaSingle{
	float: left;
	width: 645px;
	padding:  0 50px 0 0;	
}
.blogMediaSingle img{
	border:9px solid #e8e8e8;
	width: 634px;
	height: auto;
	margin: 0 0 30px 0;
}
.side{
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
	.width: 295px;
}
.sideBottom{
	margin: 25px 0 0 0;
}
.sideBottom h2, .sideBottom p{
	margin: 0 0 0 0px;
}
.sideBottom h2{
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 30px;
	color: #555555;
	text-transform: capitalize;
	font-weight: normal;
	padding: 0 0 9px 0;
	margin: 0 0 0 0;
}
.sideBottom p{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	color: #555555;
}

.sideTop{
	margin: 6px 0 9px 0;
}
.sideTop h6{
	color:#FF6600;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	font-variant:small-caps;
	font-weight:normal;
	float: left;
	padding: 0 10px 0 0;
}
.sideTop h5{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:13px;
	font-weight:normal;
	font-style: italic;
	float: left;
	padding: 0 10px 0 0;
}
h3#comments{
	padding: 5px 0;
	width: 960px;
	text-transform: uppercase;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 12px;
	color: #555555;
	font-weight: normal;
}
form#commentform{
	width: 620px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 11px;
	color: #555555;	
}
.discussions{
	margin: 10px 0 0 0;
	width: 650px;
}
.discussions li{
	width: 649px;
	padding: 0 0 20px 0;
	margin: 0;
	min-height: 93px;
}

li img.avatar{
	float: left;
	width: 93px !important;
	height: 93px;
	padding: 0 0 0 0;
	margin: 0 30px 0 0;
	width: auto;
}
.whatchuSay{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 520px;
}
.whatchuSay p.commentDate{
	color:#FF6600;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	font-variant:small-caps;
	font-weight:normal;
	padding:0 10px 0 0;
	margin: 0;
	float: left;
}
.whatchuSay cite{
	color:#FF6600;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:13px;
	font-variant:small-caps;
	font-weight:normal;
	padding:0 0;
	margin: 0;
}
.whatchuSay p{
	color:#555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	font-weight:normal;
	padding:0 10px 0 0;
	margin: 0;
}
#respond{
	width: 652px;
	background: #0084e2;
	height: 28px;
	margin: 50px 0 0 0;
}
#respond h3{
	padding: 4px 0 0 0;
	margin: 0 0 0 30px;
	color: #fff;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
form#commentform input{
	height: 25px;
	margin: 17px 2px 0 0;
	height: 20px;	
	padding: 6px 0 0 5px;
	width: 300px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
	color: #555555;
	border: 1px solid #555555;			
}
form#commentform input:hover, form#commentform input:active{
	height: 25px;
	margin: 17px 2px 0 0;
	height: 20px;
	padding: 6 0 0 5px;
	width: 300px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
	color: #555555;
	border: 1px solid #ff6600;			
}
form#commentform label{
	font-style: italic;
}
form#commentform textarea{
	margin: 17px 0 0 0;
	width: 505px;
	padding: 3px 5px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
	color: #555555;	
	border: 1px solid #555555;						
}
form#commentform textarea:hover, form#commentform textarea:active{
	margin: 17px 0 0 0;
	width: 505px;
	padding: 3px 5px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 12px;
	color: #555555;	
	border: 1px solid #ff6600;			
}
form#commentform #submit{
	width: auto;
	background: #555555;
	height: 27px;
	color: #ffffff;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-variant: small-caps;
	padding: 0 4px 1px;

}

form#commentform #submit:hover{
	width: auto;
	background: #ff6600;
	height: 27px;
	color: #ffffff;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-variant: small-caps;
	padding: 0 4px 1px;

}
/* POST 6 AKA: MY WORK */
.workWrap{
	width: 980px;
}
.workWrap .workListHolder{
	float: left;
	margin:22px 30px 0 0;
	width: 210px;	
}
.workWrap .workListHolder h2{
	color:#555555;
	font-family:Century Gothic,Futura,'Apple Gothic',san-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:6px 6px 0;
	text-transform:uppercase;
	float: none;
}
.workWrap .workListHolder p{
	color:#555555;
	float:left;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	margin:0 auto;
	padding:3px 10px 0 7px;
	width:210px;
	font-style: italic;		
}
.workWrap .workListHolder img{
	border:9px solid #e8e8e8;
	width:207px;
	float: none;
	margin: 0;
	min-width: 207px;
	padding: 0;
}
#nav ul li ul{
	display: none;
}
.searchContainer{
	min-height: 407px;
	width: 410px;
	margin: 0 auto;
}
.searchContainer h2{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:19px;
	margin:0 auto;
	padding:0;
	font-style: italic;		
}
.serachPost{
	padding: 20px 0 0 0;
}
.searchDate{
	
}
.searchDate h6{
	color:#FF6600;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	font-variant:small-caps;
	font-weight:normal;
	float: left;
	padding: 0 10px 0 0;
}
.searchDate h5{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:13px;
	font-weight:normal;
	font-style: italic;
	text-transform: uppercase;
	float: left;
}
.serachPost h3{
	color:#555555;
	font-family:Century Gothic,Futura,'Apple Gothic',san-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0 0 9px;
	text-transform:uppercase;
}
/* POST-11 AKA CONTACT ME */
.post{
	height: auto;
	margin: 0 auto;
}
#post-14{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:19px;
	font-style:italic;
	margin:0 auto;
	padding:0;
	width: 500px;
}
.aboutBox1 p#ll{
	display: none;
}
/*cform*/
#post-14.post p#ll.linklove{
	display: none;
}
input.single{
	border:1px solid #555555;
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:12px;
	height:20px;
	margin:17px 2px 0 0;
	padding:6px 0 0 5px;
	width:300px;
}
input.single:hover, input.single:active{
	border:1px solid #FF6600;
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:12px;
	height:20px;
	margin:17px 2px 0 0;
	width:300px;
}
textarea.area{
	border:1px solid #555555;
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:12px;
	margin:17px 0 0;
	padding:3px 5px;
	width:320px;
}
textarea.area:hover, textarea.area:active{
	border:1px solid #FF6600;
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:12px;
	margin:17px 0 0;
	padding:3px 5px;
	width:320px;
}
#cformsform p.cf-sb input{
	background:#555555 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-variant:small-caps;
	height:27px;
	padding:0 4px 1px;
	width:auto;
	font-size: 12px;
	cursor: pointer;	
}
#cformsform p.cf-sb input:hover{
	background:#FF6600 none repeat scroll 0 0;
	color:#FFFFFF;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-variant:small-caps;
	height:27px;
	padding:0 4px 1px;
	width:auto;
	font-size: 12px;
	cursor: pointer;		
}
/* POST-8 AKA ABOUT ME */
.aboutBox1, .aboutBox2, .aboutBox3{
	float: left;
}
.aboutBox1{
	width: 398px;
	margin: 0 37px 0 0;
}
.aboutBox1 h2{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:19px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: italic;
}
.aboutBox2{
	width: 310px;
	margin: 0 27px 0 0;		
}
.aboutBox2 h2, .aboutBox2 h3, .aboutBox3 h2{
	color:#555555;
	font-family:Century Gothic,Futura,'Apple Gothic',san-serif;
	font-size:19px;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
	padding: 0 0 12px 0;
}
.aboutBox2 h3{
	text-align: right;
}
.aboutBox2 p{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	padding: 0 0 9px 0;
	margin: 0;
}
.aboutBox3{
	color:#555555;
	font-family:Georgia,Times,'Times New Roman',serif;
	font-size:11px;
	padding: 0;
	margin: 0;	
}
.aboutImg{
	min-width: 380px;	
	border:9px solid #E8E8E8;
	margin:0;
	padding:0;
}
/* FOOTER */
#footer{
	width: 100%;
	background: #000000;
	margin: 50px 0 0 0;	
}
.footer, .push {
	height: 50px;
}	
#cfooter{
	width: 960px;
	height: 50px;
	background: #000000;
	margin: 0 auto;
}
#cfooter p{
	text-align: right;
	text-transform: uppercase;
	font-family: Century Gothic, Futura, 'Apple Gothic', arial, san-serif;
	font-size: 10px;
	color: #fff;
	padding: 14px 0 0 0;	
}
.anythingSlider .forward {
	background-position:0 0;
	right:-8px;
	background: transparent url(style/images/nextArrow.gif) no-repeat 0 0;
	width: 39px;
	height: 29px;
	top: 0;
	right: 20px;		
}
.anythingSlider .back {
	background-position:-67px 0;
	background: transparent url(style/images/previousArrow.gif) no-repeat 0 0;
	width: 39px;
	height: 29px;
	top: 0;
	right: 60px;	
}
/*coda slider*/
	.coda-slider-wrapper {padding: 0}
	.coda-slider {background: #fff;z-index: 90;}
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	.coda-slider, .coda-slider .panel { width: 975px } 
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 975px }
	.coda-slider-wrapper.arrows .coda-slider { margin-bottom: 40px;.padding-bottom:70px;}
	.coda-nav ul li a.current { background: #39c }
	.coda-slider .panel-wrapper { padding: 20px }
	.coda-slider p.loading { padding: 20px; text-align: center }
	.coda-nav{display: none;}
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden;}
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative; margin-bottom: 40px;}
	.coda-nav-left{position: absolute; top: 0px;right: 39px;z-index: 900;height: 34px;}
	.coda-nav-right{position: absolute; top: 0px;right: -3px;z-index: 900;height: 34px;}
	.coda-nav-left a{background: #fff url(style/images/previousArrow.gif) no-repeat; text-decoration: none; text-indent: -9999px;width: 39px; height: 34px;color: transparent;float: left;} 
	.coda-nav-right a {background: #fff url(style/images/nextArrow.gif) no-repeat; text-decoration: none;text-indent: -9999px;width: 39px; height: 34px;color: transparent;float: right;}
/*end coda slider*/

.workDetailWarp{
	width: 975px;
	z-index: 199;
}
.workTop{
	width: 975px;
	z-index: 90;
	border-bottom: 1px solid #8c8c8c;	
}
.workTop h2{
	color:#555555;
	font-family:Century Gothic,Futura,'Apple Gothic',arial,san-serif;
	font-size:30px;
	font-weight:normal;
	margin:0;
	padding:0 0 14px 0;
	text-transform:capitalize;
}
.workSide{float: left;width: 300px;margin: 27px 0 0 0;color: #555;font-family:Georgia,Times,'Times New Roman',serif;font-size: 11px;line-height: 16px;}
.workMain{float: left;width: 620px;margin: 30px 0 0 55px;}
.pikachoose{width:510px;margin:0 auto 50px auto;}
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}
.pika_main{width:620px;height:auto;display:block;position:relative;}
.pika_main_img{position:absolute;top:0;left:0;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:0;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}
.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}
.pikaYou li{float: left; border:5px solid #E8E8E8; margin: 5px 9px 5px 0;cursor: pointer;width: 90px;}
.pikaYou{padding-top: 20px}
.logoSelections{width: 564px;}