/* 
Theme Name:     Unlost
Theme URI:      http: //example.com/
Description:    Child theme of Elefolio 
Author:         Forrest Peaker
Author URI:     http://slowclouds.com/
Template:       elefolio
Version:        0.1.0


Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* MODIFICATIONS MADE BY SLOW CLOUDS - FP */

@import url("../elefolio/style.css");


body { background: #fff; font: 12px/18px sans-serif; color: #323232; }

#header-wrap {
	background:url(images/header-bottom-lines.png) no-repeat 0px 120px;
	border-top: none;
	height: 126px
	}

#header {
	border: 0;
	background:url(images/top-lines.png) no-repeat 0px 0px;
	margin: 0px;
}

.ie7 #header, .ie7 .post, .ie7 .widget { border-bottom:none;  }

#about .bio p { 
	font:normal 23px "Times New Roman", Georgia, Times, serif;
	color: #333;
	line-height: 29px;
	padding-left: 25px;
	}
	
#logo {width:375px;}	

#logo img {float: left;}	
	
.pronunciation {
	float: right;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 25px;
	
	}	

#footer-wrap {
	background:url(images/footer-line.png) no-repeat 0px 0px;
    border: none;
}

#content {
    border: none;
    margin-top: 0px;
}

#main {
	background:url(images/main-lines.png) repeat-y 685px 0px;
    border: none;
    width: 690px;
}

#sidebar {border-left: none; width: 265px;}

#pre-footer-wrap { 
    margin: 0 auto;
    width: 945px;
}
#pre-footer {
	background: url("images/main-lines.png") repeat-y scroll 678px 0 transparent;
    border: medium none;
	float:left;
	width: 960px;
	}

#newsletter {
    float:left;
     padding: 25px 0 0 0;
    
}

.key {
	background: transparent;	
    float:right;
    padding: 50px 7px 25px 0px;
    
}

#icons {display: none;}

/*-- Nav --*/

.nav li a:hover, .nav li a:focus,
.nav li.current_page_item a {border-bottom: 7px solid #9c148f; color:#161616; text-decoration: none;
} 


.single .nav li.current_page_parent a,
.archive .nav li.current_page_parent a
 {border-bottom: 7px solid #9c148f; color:#161616; text-decoration: none;}


.nav a:link, .nav a:visited, 
.single .nav li.current_page_item a,
.archive .nav li.current_page_item a {
    border-bottom: none;
    margin: 10px 0 0 56px;
    padding: 0 0 2px 2px;
    }
 
  
 a:link {color: #9C148F;}  
 a:visited{ color: #339999;}
 a:hover{ text-decoration: underline;} 
 
 
 
 
 /*-- #portfolio --*/
 #portfolio, #about, #content {
 	background: url(images/header-bottom-lines.png) no-repeat scroll -7px bottom transparent;
 	border: none !important;
 }
 
 #portfolio {padding: 20px 0 40px !important;}

 /*-- .dribbbles --*/
 
 .dribbbles .dribble {padding: 0px;}   

.dribbbles .postTitle-special strong {
	font-family: futura, helvetica, arial, sans-serif;
	font-size: 11px; 
	color: #333;
	height: 0;
	text-transform: uppercase;
}  

.group {padding: 10px 0 !important;} 

ol.portfolio li, ol.dribbbles li {
    float: left;
    margin: 10px 15px;
    width: 290px !important;
}

.dribbbles .dribbble-shot {
 background: #fff;
 padding: 0;
}

.dribbbles .dribbble-img {
    height:220px;
    width:290px; 
    overflow:hidden;
}

.dribbble img {
	margin: 0;
    opacity: 1;
    height:220px;
    width:290px;     
}


.dribbbles a:hover img {
    opacity: .1;   
}

.dribbbles a:hover img {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}


.dribbbles .dribbble-over{position:absolute;top:10px;left:10px;z-index:1;width:250px;height:180px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background: #339999;}

.dribbbles strong, .dribbbles em {color: #FFFFFF; padding-top: 3px;}
    
.dribbbles p {color: #FFFFFF; font-size:13px; font-weight: 100; line-height: 1.5em; padding-top: 10px;}


/* Entry */
.entry blockquote {background: url(images/blockquote.png) no-repeat scroll 0 12px transparent !important;}
.entry blockquote p {

    color: #444444;
    font-family: Georgia, times New Roman, serif;
    font-size: 24px;
    line-height: 30px;
    padding: 0px 20px;
    
}

hr {
    background-color: #E6E6E6;
    border: 0 none;
    height: 1px;
    margin: 50px 30px;
	}
	
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

/* 3.1 Post layout */

.post, .type-post { margin: 0px 0 20px; padding:10px 20px 20px 0px; position:relative; border-bottom: 1px solid #CAC7C7; border-bottom-color:rgba(0,0,0,.2);  }

.post .title, .type-portfolio .title{ font:normal bold 31px/24px Futura, serif; position:relative; margin: 0 0 5px 0; padding: 0; }
.page h1.title, .type-portfolio h1.title{ margin-bottom:5px; }
.post .title a, .type-portfolio .title a { color:#121212; font-weight: bold;line-height: 1.2em; }
.post .post-meta, .type-portfolio .post-meta { font: 14px/1.2em Georgia, serif; color: #929292; font-style: italic; margin-bottom: 20px; }
.post .post-meta a, .type-portfolio  .post-meta a { color: #929292; text-decoration: underline; }
.post .post-meta a:hover, .type-portfolio  .post-meta a:hover { color: #666; }

.post .posttype, .type-portfolio .posttype{ display: none; position:absolute; left:10px; top:0px; }

.entry img, .post img.woo-image, img.thumbnail {margin: -3px 25px 25px 0;}
.post .posttype img, .type-portfolio .posttype img { }
.post .posttype img:hover, .type-portfolio .posttype img:hover { opacity:0.8; cursor:pointer;}

.post .tags, .type-portfolio .tags { background:url(images/ico-tag.png) no-repeat center left;padding-left:25px;clear:both; margin:15px 0 0; font-family: Georgia, sans-serif; font-style: italic; }

.post .post-more span.read-more, .type-portfolio { padding-right:22px; }
.post .post-more span.comments, .post .post-more span.tags, .post .post-more span.shorturl,, .type-portfolio { padding-left:22px;clear:both; margin:0 10px 0 0; font-family: Georgia, sans-serif; font-style: italic; }
.single .post .post-more span.comments { display:none; }
.post .post-more a {color:#282828; font-size:14px; text-shadow:0px 1px 0 #fff; text-decoration: underline;}
.post .post-more a:hover { color:#666; }
.post .post-more span.tags { background:url(images/ico-tag.png) no-repeat center left; }
.post .post-more span.comments { background:url(images/ico-comments.png) no-repeat center left; }
.post .post-more span.shorturl { background: url(images/ico-url.png) no-repeat left center; }

.page .post { padding: 20px 20px 30px 0px; }


/* Sidebar */
.widget img {max-height: 200px;}

.widget_woo_blogauthorinfo .left {
	float:none;
    margin: 0 10px 5px 0;
}


/* Comments */

#comments {
	border: none;
    padding: 10px;
    position: relative;
	}
#comments .comment.thread-even { background: #e4e4e4;
    border-bottom: 1px solid #CCCCCC;
}	

/* MailChimp Sign-up */

#mc_signup { width: 400px; }

.mc_custom_border_hdr {
    background-color: #FFFFFF!important;
    border: none !important;
    color: #333 !important;
    font-family: Georgia, Times New Roman, sans-serif;
    font-size: 1.9em !important;
    margin-left: 5px !important;
    padding: 5px 0px !important;
    text-transform: uppercase !important;
    width: 400px !important;
	}

#mc_signup_form {
    background: #fff !important;
    border: none !important;
    color: #555555 !important;
    margin-right: 15px !important;
    padding: 5px !important;
	}

.mc_merge_var { float: left !important; margin-right: 10px !important; }
	
.mc_merge_var .mc_input {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
    border-color: #bbb #ccc #ccc !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #660066 !important;
    font-size: 1.5em !important;
    }
    
.mc_merge_var #mc_mv_EMAIL {float: right !important;}
.mc_merge_var #mc_mv_FNAME { float: left !important; width: 108px !important; }    
#mc-indicates-required { width: 100px !important; }

    
.mc_signup_submit .button {
    background: transparent !important;
    border: none;
    color: white !important;
    cursor: pointer !important;
    padding: 3px 5px;
    }


a.button, 
a.comment-reply-link, 
#commentform #submit,
#contact-page .submit,
.mc_signup_submit {
	display: inline-block;
	margin: 5px;
	padding: 3px 13px;
	
	
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #990099;
	border-bottom-color: #660066;

	
	/*Background*/
	background: #660066; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #990099),
					color-stop(1, #660066)
				);
	background: -moz-linear-gradient(
					center top,
					#990099 20%,
					#660066 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}


.mc_signup_submit {
    float: right;
    margin: 0 14px 0 0;
}

a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}

a.button:hover, 
a.button.hover, 
a.button.active,
a.comment-reply-link:hover, 
#commentform #submit:hover,
#contact-page .submit:hover,
.mc_signup_submit:hover {
	text-decoration: none !important;
	/*Background*/
	background: #990099; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #cc00cc),
					color-stop(1, #990099)
				);
	background: -moz-linear-gradient(
					center top,
					#cc00cc 20%,
					#990099 100%
				);
}


/* Thanks Button */

.thanks_button_div {
	background: none;
	border: none;
	position: absolute;
	margin: -62px 0 0 240px;
	z-index: 5000;
}

.loader img {
	margin: 20px 0 0 30px;
	width:16px;
	height: 16px;
}

.entry .thanks_button_div {margin: -55px 0px 0 0px;}
.entry .loader img, .portfolio .loader img {margin: 0px 0 0 0px;}

/* Share Post */
.sharepost {padding: 35px 0 0 75px !important;}  
.sharepost li {margin-right: 10px !important;}  

/* Facebook Widget */
.fan_box .full_widget {margin-left: 18px !important;}

/* Disqus */
#disqus_thread {width: 90% !important;}


                                                                     
/*---------------------------------------------------------------------------------*/
/* MONDAY CLUB FORMS */
/*---------------------------------------------------------------------------------*/

#mainFrm {
	padding: 0 0 0 0;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	width: 216px;
}

/* IE */
*:first-child+html #mainFrm {
	padding: 5px 9px 10px 0px;
}

#mainFrm p, #mainFrm h2 {
	margin: 0 0 5px 0;
}
#FNAME {
	background: url('http://www.theunlost.com/wp-content/themes/unlost/images/bg_name.png') left top no-repeat;
	background-size: 216px 32px;
	width: 216px;
	border: 0;
	margin: 5px 0 2px;
	font: bold 12px/100% arial, helvetica, sans-serif;
	color: #808080;
	padding: 10px 8px;
}


#EMAIL {
	background: url('http://www.theunlost.com/wp-content/themes/unlost/images/bg_email.png') left top no-repeat;
	background-size: 216px 32px;
	width: 216px;
	border: 0;
	margin: 0 0 5px;
	font: bold 12px/100% arial, helvetica, sans-serif;
	color: #808080;
	padding: 10px 8px;
}


#mainFrm #submit input {
	font: bold 18px/100% Arial, Helvetica, sans-serif;
	height: 30px;
	border: 3px solid #610061;
	width: 216px;
	padding: 0;
	margin: 3px 0;
	background: #800080;
	float: left;
	color: #FFF;
}


.sidebarclub {
width: 220px;
clear: both;
display: inline-block;
background-color: #F7F7F7;
border: 3px solid #EEE;
color: #555;
font-family: arial,sans-serif;
font-size: 13px;
padding: 0 3px;
}


.sidebarclub h2 {
	font-size: 14px; 
	color: #800080; 
	margin: 3px 0 10px; 
	padding: 6px 0 0; 
	font-weight: bold;
}

.sidebarclub h3 {
	font-size: 13px; 
	color: #800080; 
	margin: 3px 0 10px; 
	padding: 6px 0 0; 
	font-weight: bold;
}


.sidebarclub ul{
    list-style:none;
    margin: 15px 0 8px 15px;
    padding: 0;
}
.sidebarclub ul li{
    margin: 7px 0;
    padding: 0 0 0 20px;
    background:url(http://www.theunlost.com/wp-content/themes/unlost/images/li-arrow.gif) no-repeat 0 2px;
}

	
.mondayclub {
width: 650px;
background-color: #F7F7F7;
border: 3px solid #EEE;
clear: both;
display: inline-block;
color: #555;
font-family: arial,sans-serif;
font-size: 14px;
padding: 6px 0 10px;
}	

.mondayclub h1 {
	font-size: 28px; 
	color: #800080; 
	margin: 0; 
	padding: 0; 
	font-weight: bold;
}

.mondayclub h3 {
	font-size: 20px; 
	color: #555; 
	margin: 0; 
	padding: 0; 
	font-weight: bold;
}

.mondayclub ul{
    list-style-type: none;
    margin: 8px 0 8px 15px;
    padding: 0;
}
.mondayclub ul li{
    margin: 7px 0;
    padding: 0 8px 0 16px;
    list-style-type: none;
    background:url(http://www.theunlost.com/wp-content/themes/unlost/images/li-arrow.gif) no-repeat 0 5px;
}

#right {
float: right; display: inline; padding: 0 27px 0 7px;
}

#left {
float:left; width: 355px; display: inline; padding: 0 3px 0 30px; 
}