/*  
Theme Name: Minus 5 Theme 
Theme URL: http://minus5experience.com/ 
Description: The awesome theme for Minus 5 by Max Supera 
Version: 1.0 
Author: Max Supera 
Author URL: http://braintrustlv.com 
Tags: 
*/


/*********************
		Body		
*********************/

body {background: #0f0d2f url(images/m5-site-layout-v1bg.jpg) top center no-repeat; font-weight: 200;}



h1 {color: #eaeaea;}

h2 {}

li {list-style: none;}

/**************************/

.myEntry {font-size: 12px;}

h2.subHead {font-size: 10px; color: #aae0fa; font-style: italic; font-family: Georgia, Times, serif; margin: 0; padding: 0;}

			.mySpace {width: 940px; height: 20px; float: left;}
	
			.myBorder {border-bottom: thin solid #4e507d;}

.readAll {width: 100%; height: 18px; float: left; background: url(images/read-all.png) top left no-repeat; display: block;}

a:hover {color: yellow;}

.myAnimate, img, a, .attachment-thumbnail {-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}


.post, .myEntry, .readAll {float: left;}

h1.bigHead {font-size: 20px;}

/*********************
		Head		
*********************/

#header {height: 1px;}

	#logo {height: 137px; background: url(images/logo.png) top left no-repeat;}
	
	
/* MENU */	
	
	#menuHolder {height: 15px; position: absolute; bottom: 0px;}
	
		#menuSpace {}
		
		#menu {text-align:right; float: right;}
		
		ul.lavaLamp {float: right; text-align: right; position: relative;}
		
			li.menuItem {position: relative; text-align:center; float: left; padding-left: 20px; padding-right: 0px; font-size: 12px; color: #c0bfc0; font-weight: normal; letter-spacing: 1px;  display: block; z-index: 10; }
			
			li.menuItem a {display: block; z-index: 10; position: relative; font-size: 12px; color: #c0bfc0; font-weight: normal; letter-spacing: 1px;  text-decoration: none;}
			
			li.menuItem a:hover {color: white;}
			
			
			
			/* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url(images/main-rollover.png) top right no-repeat;
            height: 30px;
            margin: 4px -5px 0 5px;
            z-index: 8;
            position: absolute;
        }
            
            

			
			
			
/*********************
		Social		
*********************/
#mySocialControlPosition {position: absolute; right: 0px; top: 10px; width: 322px; height: 117px; z-index: 99;}

#mySocialControl {position: relative; width: 322px; height: 117px; overflow: hidden;}

#socialHolder {position:absolute; width: 322px; height: 117px; background: url(images/socialBg.png) top left; right: -287px;}

#socialIconHolder {height: 24px; width: 60px; margin: 15px 0 0 100px;}

	.mySocialIcons {float: left; height: 24px;}
	
		#socialIcon1 {width: 28px; background: url(images/socFacebook2.jpg) top left no-repeat; position: relative;}
						
		#socialIcon2 {width: 32px; background: url(images/socRss2.jpg) top left no-repeat; position: relative;}
		
		#socialIcon2:hover {}
		
.mySocialIcons img:hover {opacity:0;}

#myTweetHolder {padding:10px 10px 20px 43px; color: #999; font-size: 10px;}



#twitter_update_list span {display: block; width: 100%;}

			
			#twitter_update_list span a {color: #666;}
			
			
			
			
/*********************
		Footer
*********************/

#footer {text-align: right; font-size: 9px; color: #c0bfc0; font-weight: 200;}





/*********************
      Sidebar
*********************/

h2.widgettitle {display: none;}

.sidebar ul li {padding-bottom: 65px;}

	#text-4 {padding-bottom: 30px;}

.sideSoc {padding-bottom: 65px;}

li#smart-youtube h2.widgettitle {display: block;}

.comingsoon {margin-bottom: 55px;}






/************************************************************************************
**************************************** PAGES **************************************
************************************************************************************/


/*********************
      Home Page
*********************/

#viewer {height: 376px;}

ul.slideshow {float: left;}

	ul.slideshow {position:relative; height:376px;}

li.homeSlide {float: left;}

	ul.slideshow li {position:absolute; top:0; left:0; z-index:8;}

	ul.slideshow li.active {z-index:10;}

	ul.slideshow li.last-active {z-index:9;}
	
	
#homeCalls {background: transparent !important;}
	
.singleHomeCall {width: 313px; height: 170px; float: left;}

		/* #homeCall1 {background: url(images/homeBtn1.png) top center no-repeat;} */

		#homeCall2 {width: 312px;} /* background: url(images/homeBtn2.png) top center no-repeat;} */
	
		/* #homeCall3 {background: url(images/homeBtn3.png) top center no-repeat;} */
	
	 .homeCallBorder {width: 1px; height: 170px; float: left;} 


/* home page social */

.socBtn {height: 70px;}

#soc1 {background: url(images/soc1.png) top left no-repeat;}

#soc2 {background: url(images/soc2.png) top left no-repeat;}

#soc3 {background: url(images/soc3.png) top left no-repeat; margin-top: 10px;}

#soc4 {background: url(images/soc4.png) top left no-repeat; margin-top: 10px;}




/*********************
      About Page
*********************/

#aboutSlideHold {height: 236px; overflow: hidden;}

#aboutSlideMove {height: 236px; width: 2160px; position: absolute; top: 0px; left: 0px;}

.aboutSlide {height: 236px; width: 540px; float: left;}



#aboutBodyHold {overflow:hidden; height: 760px; margin-top: 25px;}

#aboutBodyMove {float:left; width: 1620px; position: absolute; top: 0px; left: 0px;}


	#bodyTextWrap {float: left; position: relative;}


.aboutBody {width: 540px; float: left; position: absolute;}


#theStory {top: 0px; left: 0px; z-index: 10; opacity:1; filter: alpha(opacity = 100);}

#theExperience {top: 0px; left: 0px; z-index: 8; opacity:0; filter: alpha(opacity = 0);}

#theMonte {top: 0px; left: 0px; z-index: 12; opacity:0; filter: alpha(opacity = 0);}
#theBalt {top: 0px; left: 0px; z-index: 13; opacity:0; filter: alpha(opacity = 0);}

/* about nav */

#aboutNav {border-bottom: thin solid #4e507d;}

#aboutNav a{display: block; padding: 10px; float: left;}


#storyBtn, #vegasBtn {color: white;}





/*********************
     Gallery Page


.gallpost, .gallpost img {padding-top: 25px; overflow: hidden;}



.gallpost img:hover {opacity:.5; filter: alpha(opacity = 50);}

.attachment-thumbnail:hover {opacity:.5; filter: alpha(opacity = 50);}

img#gallimg {border-bottom: 1px dotted white; padding-bottom: 25px;}

#gallery-1 img {border: none !important;}

	.gallery-item {width:72px !important; height: 72px !important; border: none; margin-top: 0px !important; margin-right: 5px !important; margin-bottom: 5px !important; margin-left: 0px !important;}

.pp_nav, .pp_description {color: #666;}


p.pp_description {display: none !important;}

*********************/






/*********************
     Contact Page
*********************/

#fsCell8291195 {padding-top: 0px !important;}

.fsCell, .fsForm {padding: 0px !important;}

.contactEntry .fsRowTop {display: none;}

.conSidebar {margin-top: 12px;}

	.conLoc {margin-bottom: 25px; padding-bottom: 25px; border-bottom: dotted thin #999;}

	.conLoc h3 {font-size: 16px; margin-bottom: -2px !important;}





/*********************
    Blog News Page
*********************/

.blogNewsPosts {padding-bottom: 50px; margin-bottom: 50px; border-bottom: thin dashed #4e507d; clear: left; width: 540px;}



.blogHeaders {display: block; width: 100%; border-bottom: thin solid #4e507d; padding-bottom: 25px; margin-bottom: 25px;}







/*********************
       COMMENTS
*********************/

.commentHolder {padding-top: 15px; border-top: thin solid #4e507d;}


.comment-meta {color:#24a9e1;}

.myCommentSpace {margin-bottom: 10px; border-bottom: thin dashed #4e507d;}



/**************************** 
ADDITIONAL CODE FOR TEXT WRAP
****************************/

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}









