/*  
Theme Name: LivingOS Xi
Theme URI: http://themeloom.com/
Description: A Responsive Theme by the ThemeLoom using the new LivingOS framework
Version: 4.0
Author: Tim Hyde
Author URI:  http://themeloom.com/
Tags:	buddypress,translation-ready, microformats, threaded-comments, theme-options, custom-header, custom-background
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html


Copyright 2011 Tim Hyde
This work is licensed under the GPL License - http://www.gnu.org/licenses/gpl-2.0.html
The theme also uses fonts and javascript libs that may have their own licenses. Please check before reusing.
*/

/* Reset browser and apply base typography and styling */
@import url('base/css/reset.css');

/* Make responsive grid available*/
@import url('base/css/responsive.css');

/* This theme uses superfish */
@import url('base/css/superfish.css');

/* Add a layout for this parent theme*/
@import url('extend/layouts/responsive-1.css');

/*
   Now for all the stuff that makes this theme look like it does
*/

/* TYPOGRAPHY & BASICS */
	body {
		color: #222;
		color: rgba(0,0,0,.8);
		text-shadow: 0 1px 0 white;
		}
/* links */
	a:focus,
	a:hover     { color: #555; color: rgba(44,44,44,.8);}
	a           { color: #000; color: rgba(0,0,0,.8); text-decoration: none; font-weight:bold;}
/* headings */
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,#site-title a, h1,h2,h3,h4,h5,h6{
		font-weight:normal;
		text-decoration:none; 
		color: #111;
		color: rgba(16,16,16,.8);
		text-shadow: 0 2px 0 white;	}	
	h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
		border-bottom:2px dotted #666;
		color: #111; color: rgba(12,12,12,.8);
	}

	#site-description{
		font-size:0.9em;
		color:#fff;
		text-shadow: 0 -1px 0 black;
		}
	#site-title  a{
		color:#fff;
		letter-spacing: .1em;
		text-shadow: 0 -1px 0 black;
		
		}
	#site-title  a:hover{
		border-bottom:none;}
	.page-header h1{
		font-size:1.8em;
		letter-spacing: 0.1em;	
		}	
	.widget-container .entry-title{
		font-size: 1.2em;
		font-weight: normal;
		}
	.widget-title{
		letter-spacing: 0.1em;
		margin-bottom: 0.8em;
		}
	.subhead{
		font-size: 1.4em;
		font-style: italic;
		background-color: #e7e7e7;
		background: rgba(0, 0, 0, .04);
		text-align:center;
		font-family: Baskerville, "Times New Roman", Times, serif;
		padding: 0.5em;
		}

/* blockquotes */
	blockquote{
		background: url(images/quote.png) no-repeat 0 0;
		padding-left: 25px;
		font-size:1.2em;
		}
	/*added with js*/
	p.withunquote{
		background: url(images/unquote.png) no-repeat bottom right;
		padding-right:25px;
		}
	
/* images */
	.post img{
		padding:3px;

		background-color: #fff;
		background-color:rgba(255,255,255,.80);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
		}
	.post a img:hover{
		background-color: #e7e7e7;
		background-color:rgba(255,255,255,.30);
		}
	#single-thumb img{
		background:transparent;
		}

/* posts and pages */
	#single-content article{clear:both;}
	.edit-link  a{
			float:right;
			display:block;
			background: url(images/edit_16.png) no-repeat;
			width:16px;
			height:16px;
			text-align:left;
			text-indent: -99999px;
		}
	.more-link{
		float:right;
		font-size:0.8em;
		text-decoration:none;
		margin-top:1em;
	}
	.wp-caption-text{
		
		text-transform: uppercase;
		background:transparent;
		
		padding:1em;
		}

/* HEADER */
	#header-outer{
		/*background: url(images/sky.png) repeat-x -30% -120px;*/
		}
	#header-container{
		background: #333;
		border-bottom: 1px solid #666;
		-moz-box-shadow: 0px 4px 6px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.5);
		box-shadow: 0px 4px 6px rgba(0,0,0,0.5);
		}
		
/* MAIN */
	#main{background: url(images/transparent.png) repeat;}

/* MENUS */

/* page-menu */
	ul.page-menu a{color:#f7f7f7;font-size:0.9em;text-shadow: 0 1px 0 black;}
	ul.page-menu a{color: rgba(255,255,255,.9);}
	ul.page-menu a:hover{color:#fff;}
	ul.page-menu .current-menu-item a, ul.page-menu .current_page_item a{color:#fff;}

/* drop down superfsih menu skin */
	.nav-menu a, .page-menu a{font-weight:normal;}
	.nav-menu a, .nav-menu a:visited  { 
		font-weight:bold;
		letter-spacing: .1em;
		color:#f7f7f7;
		font-size: 1.2em;
		text-shadow: 0 -1px 0 black;
	}
	.nav-menu a, .page-menu a{font-weight:normal;}
	.nav-menu a, .nav-menu a:visited  { 
		color: rgba(255,255,255,.9);
	}
	.nav-menu ul a, .nav-menu ul a:visited{
		font-weight:normal;
		color: #f7f7f7;
		
		background:transparent;
		border-bottom: 1px #000 solid;
	}
	.nav-menu ul a, .nav-menu ul a:visited{
		color: rgba(255,255,255,.9);
	}
	.nav-menu ul{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		box-shadow: 2px 2px 4px rgba(0,0,0,.5);
		background:		#333;
		border: 1px solid #000;
		border: 1px solid rgba(0,0,0,.3);
		}
		
	.nav-menu a {
		
		}
	.nav-menu li li {
		background:		transparent;
	}
	.nav-menu li li li {
		background:		transparent;
	}
	.nav-menu li:hover, .nav-menu li.sfHover,
	.nav-menu a:focus, .nav-menu a:hover, .nav-menu a:active {
		color:#fff;
		outline:		0;
		text-shadow: 0 0 12px white;
	   
	}
	.nav-menu a:focus, .nav-menu a:hover, .nav-menu a:active {
	   
		outline:		0;
	  
	}
	.nav-menu ul a:hover {
		color: #fff;
		border-bottom: 1px #000 solid;
	}
	
/*custom menu widget */
	.widget-container .menu{float:left;width:100%;}
	.widget_nav_menu li{
		border-bottom: 1px solid #aaa;
		display:block;
		float:left;
		width:100%;
	 }

/* icon menu items */
	 li.twitter32 {background: url(images/icons/buddy/twitter_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.facebook32  {background: url(images/icons/buddy/facebook_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.vimeo32 {background: url(images/icons/buddy/vimeo_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.youtube32 {background: url(images/icons/buddy/youtube_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.rss32{background: url(images/icons/buddy/rss_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.flickr32 {background: url(images/icons/buddy/flickr_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.email32 {background: url(images/icons/buddy/email_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	 li.google32 {background: url(images/icons/buddy/google_32.png) no-repeat 50% 50%; text-indent: -99999px;width:40px;height:32px;float:left;border:none;}
	
	.twitter32 a, .facebook32 a, .vimeo32 a, .youtube32 a, .rss32 a, .flickr32 a, .email32 a  ,.google32 a{height:32px;width:40px;}
	 li.twitter16 {background: url(images/icons/minicons/twitter.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.facebook16  {background: url(images/icons/minicons/facebook.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.vimeo16 {background: url(images/icons/minicons/vimeo.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.youtube16 {background: url(images/icons/minicons/tv.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.rss16{background: url(images/icons/minicons/rss.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.flickr16 {background: url(images/icons/minicons/flickr.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}
	 li.email16 {background: url(images/icons/minicons/email.png) no-repeat 50% 50%; text-indent: -99999px;width:16px;float:left;border:none;}

	 
/* search box */
	#searchbox #s {
		font-size:0.9em;
		width: 100px;
		background: #222 url(images/search_16.png) no-repeat 4px 2px;
		background-color: rgba(0,0,0,.1); 
		color: #eee;
		color: rgba(244,244,244,.8);
		padding: 3px 4px 3px 28px;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		border-radius: 13px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		}
	#searchbox #s:focus {
		color: #fff;
		width: 180px;
		font-style: normal;
		}

/* SLIDER */
	#features{position:relative;height:auto;}
	.slider .slide-info{
	  position:absolute; top:5%;z-index: 500;
	  left: 2%;
	  background:transparent;overflow:hidden;
	  padding: 1em 2em;
	  font-size:1.4em;
	  color:#fff;
	  width:38%;
	  line-height:1.2;
	  text-shadow: 0 1px 0 black;
	}
	.slide-info h2{line-height:1;font-weight: lighter;font-size:2em;
	 text-shadow: 0 2px 0 black;}
	.slide-info h2 a{color:#fff; text-shadow: 0 2px 0 black;}
	.slide-info h2 a:hover{border-bottom: 2px dotted #fff;}
	.slide-excerpt{margin-bottom:0.5em;max-height:80%;overflow:hidden;}
	.slider .more-link{color:#fff;}	
	.slide-more a{display:none;}
	

/* BOX STYLES */
	.box, .LOSEventsWidget ul, .LOSTwitterWidget #tweet, .interesting,.download,.media,.docs,.warning, .information, .LOSMediaWidget .content-box, .help, .shop{
		background:transparent;
		background-color: #eaeaea;
		background-color: rgba(0, 0, 0, .04);
		border: 1px solid #ddd;
		border: 1px solid rgba(0, 0, 0, .08);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .02), 0 1px 0 white;
		-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .02), 0 1px 0 white;
		-o-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .02), 0 1px 0 white;
		box-shadow: inset 0 3px 1px rgba(0, 0, 0, .02), 0 1px 0 white;
		padding:1.5em;
	}
	.interesting{
		background:   #eaeaea url(images/icons/formats/format_feature48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.download{
		background:  #eaeaea url(images/icons/formats/icon_download48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	 }
	 .warning{
		background:  #eaeaea url(images/icons/formats/icon_stop48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.media{
		background:  #eaeaea url(images/icons/formats/icon_media48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.help{
		background:  #eaeaea url(images/icons/formats/icon_help48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.shop{
		background:  #eaeaea url(images/icons/formats/icon_cart48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.information {
		background:  #eaeaea url(images/icons/formats/icon_info48.png) no-repeat 5px 1em;padding-left:60px;
		background-color: rgba(0, 0, 0, .04);
	}
	.divider{background:  url(images/hr_divider.png) repeat-x bottom; padding-bottom:20px; clear:both;}
	
/* WIDGETS */

/* events */
	.los_event_date, .tlevent-date{
		margin-bottom:1.5em;
		font-size:1.2em;
		text-transform: uppercase;
		border-bottom: 1px dotted #888;
		letter-spacing: 0.08em;
		font-weight:500;
	}
	.los_events table{margin-bottom:1em;}
	
/* twitter widget */
	.LOSTwitterWidget{
		background: url(images/twitterbadge.png) no-repeat;
		padding-top:36px;
		position:relative;
}
	.LOSTwitterWidget .widget-title{
		position:absolute;
		top:0px;
		left:54px;}
	.LOSTwitterWidget ul{
		padding:0;
		}
	.LOSTwitterWidget #tweet-follow a{
		float:right;
		font-size:0.8em;
		text-decoration:none;
	}
	.LOSTwitterWidget li{
		border-bottom: 1px dashed #fff;
		list-style-type: none;
		padding-bottom:5px;
		margin-top:5px;
		}

/* show posts/pages */
	.los-custom-post{
		margin-bottom:0.5em;
		float:left;
		}

	.los-custom-post.los-widget .entry-thumb{
			float:left;
			width:22.05%;
			}
	.los-custom-post.los-widget .thumbwide{
			float:left;
			width:100%;
			}
	.los-custom-post.los-widget.has-post-image .entry-title{
			float:right;
			width:74%;
			margin-bottom: 0.5em;
			}
	.los-custom-post.los-widget.has-post-image .entry-date{
			float:right;
			width:74%;
			
			margin-bottom:.5em;
			}
	.los-custom-post.los-widget.has-post-image .entry-author{
			float:right;
			width:74%;
			}
	.los-custom-post.los-widget.has-post-image .entry-content{
			float:right;
			width:74%;
			}
	.los-custom-post.los-widget.has-post-image .entry-meta{
			float:right;
			width:74%;
			}
	.los-custom-post.format-standard.no-post-image { background: url(images/icons/formats/format_post48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-gallery.no-post-image { background: url(images/icons/formats/format_gallery48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-image.no-post-image { background: url(images/icons/formats/format_image48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-video.no-post-image { background: url(images/icons/formats/format_video48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-status.no-post-image { background: url(images/icons/formats/format_status48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-audio.no-post-image { background: url(images/icons/formats/format_audio48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-aside.no-post-image { background: url(images/icons/formats/format_aside48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-link.no-post-image { background: url(images/icons/formats/format_link48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-chat.no-post-image { background: url(images/icons/formats/format_chat48.png) no-repeat 5px 5px;min-height:50px;}
	.los-custom-post.format-quote.no-post-image { background: url(images/icons/formats/format_quote48.png) no-repeat 5px 5px;min-height:50px;}
	

	.los-content-link-btn{
		clear:both;
		text-align:right;
		font-size:0.8em;
		text-decoration:none;
		line-height:1;
		}

	
/* media widget */
	.LOSMediaWidget .content-box{
		background:  rgba(0, 0, 0, .04) url(images/icons/formats/icon_media48.png) no-repeat 5px 1.5em;padding-left:60px;
		}
	.LOSMediaWidget .media-download{
		background: url(images/sound_16.png) no-repeat 0px 50%;
		text-indent: -9999px;
		display:inline-block;
		margin-left:5px;
		width:16px;
		height:2em;
		line-height:2em;
		text-align:left;
		text-indent: -99999px;
		}

	.LOSEventsWidget .widget-title { }
	.LOSMediaWidget ul{list-style-type:none;padding:0;}
	.LOSMediaWidget .media-title{margin-right:1em;}
	.LOSMediaWidget .entry-date{font-style:italic;margin-right:1em;}
	
/* LISTS */
	.list-tick, .list-cross, .list-square{
		padding-left:0;
	}
	.list-tick li, li.list-tick{
		list-style-type:none !important;
		background: url(images/list_tick.png) no-repeat 0 4px; 
		padding-left:25px;
		line-height: 2em;
		}
		
	.list-cross li, li.list-cross{
		list-style-type:none !important;
		background: url(images/list_cross.png) no-repeat 0 4px; 
		padding-left:25px;
		line-height: 2em;
		}
		
	.list-square li, li.list-square{
		list-style-type:none !important;
		background: url(images/list_square.png) no-repeat 0 4px; 
		padding-left:25px;
		line-height: 2em;
		}


/* POST FORMATS */
	.index-content article{padding:1em;}
	.index-content .post .entry-meta *{display:none;}
	.index-content .entry-meta .meta-date{display:inline;}
	.index-content .post .entry-footer, .post .index-content  hgroup{
		display:none;
		}
	.index-content .entry-footer .format-standard, .index-content .format-standard hgroup{
		display:block;
		}
	.index-content .format-aside .entry-footer, .index-content .format-aside hgroup{
		display:none;
		}
	.index-content .format-quote .entry-footer, .index-content .format-quote hgroup{
		display:none;
		}
	.index-content .format-link .entry-footer, .index-content .format-link hgroup{
		display:none;
		}
	.index-content .format-status .entry-footer, .index-content .format-status hgroup{
		display:none;
		}
	.index-content .format-chat .entry-footer, .index-content .format-chat hgroup{
		display:none;
		}
	.index-content article.format-link { background:  url(images/icons/formats/format_link48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-quote { background:  url(images/icons/formats/format_quote48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-image { background:  url(images/icons/formats/format_image48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-audio { background:  url(images/icons/formats/format_audio48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-video { background:  url(images/icons/formats/format_video48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-status { background:  url(images/icons/formats/format_status48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-gallery { background:  url(images/icons/formats/format_gallery48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-aside { background:  url(images/icons/formats/format_aside48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-standard { background:  url(images/icons/formats/format_post48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.format-chat { background:  url(images/icons/formats/format_chat48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.event { background:  url(images/icons/formats/format_event48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.feature { background:  url(images/icons/formats/format_feature48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}
	.index-content article.page { background: url(images/icons/formats/format_page48.png) no-repeat 5px 5px;min-height:50px;padding-left:60px;padding-top:10px;}

/* GALLERY TEMPLATE */
.gallery-filter-container{float:left;width:100%;position:relative;border-bottom: 1px solid #eaeaea;margin-bottom:1.5em;}
.gallery-filter  {float:right;list-style-type:none;display:block;position:relative;margin:0;padding-left:0;}
.gallery-filter  li {float:left;list-style-type:none;margin-left:5px;}

.gallery-filter li a {
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;
	background: #ddd;
	font-weight:bold;
	text-shadow:none;
	-moz-box-shadow: 0 1px 0px #ccc;
	-webkit-box-shadow: 0 1px 0px #ccc;
	box-shadow: 0 1px 0px #ccc;
	font-size:13px;color:#333;padding: .1em .5em;display:block;margin-bottom:5px;
	color:#fff;}
.gallery-filter li a:hover, .gallery-filter li.selected a {background: #ccc;}         

#los-ajax-loading{
		background: url(base/lib/images/ajax-loader.gif) no-repeat top center;
		position: relative;
	    top: -1em;
	    left: 50%;
	    margin-left: -90px; /* half width of the loader gif */
	    margin-top: -10px; /* half height of the loader gif */
	   
	    z-index:9999;
           text-indent:-9999px;
	    width: 180px; /* width of the loader gif */
	    height: 22px; /*hight of the loader gif +2px to fix IE8 issue */
}
	
/* MISC */
/*breadcrumbs*/
	.breadcrumbs{
		font-size:0.9em;
		text-transform:uppercase;
		margin-bottom:1em;
		}

/* navigation */
	#nav-above{
			display:none;
		}
	.navigation{
		font-size:1.1em;
		font-weight:normal;
	}
	
/* FOOTER AREA */
#footer-container{
	background: #333 url(images/footer_bg.png) repeat-x top;
	}
	#footer .widget-title {
		color: #fff;
	}
	#footer *{
		color:#eee;
		color: rgba(244,244,244,.8);
		text-shadow: 0 1px 0 black;
	}
	#colophon{
		color:#eee;
		color: rgba(244,244,244,.8);
		text-shadow: 0 1px 0 black;
		}
	#colophon img{
		margin-right:1em;
		}
	#footer a:focus,
	#footer a:hover     { color: #eee; color: rgba(244,244,244,.8);}
	#footer a           { color: #888; color: rgba(128,128,128,.8); text-decoration: none; font-weight:bold;}
	#footer h3 a, #footer h4 a{
		color:#fff;	text-shadow: 0 1px 0 black; font-weight:normal;}	
	#footer h3 a:hover, #footer h4 a:hover{
		border-bottom: 1px dotted #fff;}
		
#wp-admin-bar{
	text-shadow:none;
}