/*
	Theme Name: Bubbas Sulky Lounge Custom Theme
	Date: May 2013
	Description: Basic HTML5/CSS3 layout built on a responsive framework
	Version: 1.1
	Author: Alex Goodwin
	Author URL: http://twitter.com/WuddupDok
*/

/* a Link colors/decoration */

a, a:visited, a:active{
	text-decoration: none;
	color: #FFF;
}

a:hover{
	color: #888;
}

/* headers, general settings */
h1{
	font-size: 200%;
}

h2{
	font-size: 150%;
}
/* Body, arrangement */

body {
	background: url('images/background.png') no-repeat top center #000;
	font-size: 87.5%; /* Base font size: 14px */
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	}
	
.mobilepic{
	display: none;
	height: 0;
}

.backHeader{
	height: 0;
}

.mainContent {
	margin: 0 auto;
	width: 890px;
	height: auto;
	padding: 0;
}

.logoHeader{
	margin-left: 190px;
}

nav{
	width: 180px;
	float: left;
	text-align: right;
	margin: 0;
}

nav a, a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:22px;
}

nav a:hover{
	color: #1f333f;
}

nav ul{
	margin: 0;
	padding: 0;
}

nav li{
	list-style-type: none;
	margin-bottom: 10px;
}

.rightCol{
	width: 688px;
	float:left;
	margin-left: 2%;
}

.banner{
	width: 100%;
	padding: 0;
	margin: 0;
	max-width: 688px;
	height: auto;
}

.banner img{
	width: 100%;
	height: auto;
	margin: 0;
}

/* Easy Slider */

	#slider{
		height: auto !important;
	}

	#slider ul{
		margin: 0;
		padding: 0;
		height: auto;
	}
		
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin: 0;
		padding: 0;
		width: 688px;
		height: auto; /* 217px for cropped photos*/		
	}

.content{
	max-width: 688px;
	margin-top: 2%;
}

article{
	width:371.517px;
	float:left;
	padding: 1% 3%;
	background: url(images/contentbackground2.png);
	background-size: contain;
	margin-bottom: 3%;
}

article h2, article h1{
	text-align: center;
}

.halfWidth_left{
	width: 43.5%;
	float: left;
	margin: 0;
	height: auto;
}


.halfWidth_right{
	width: 43.5%;
	float: left;
	margin-left: 1%;
	height: auto;
}

.halfWidth_left img, .halfWidth_right img{
	width: 100%;
	height: auto;
}

.halfWidth_left p img, .halfWidth_right p img{
	width: auto;
}

aside{
	width:37%;
	float: left;
	text-align: right;
	margin-left: 3%;
	height: auto;
}

aside img{
	width: 254px;
	height: auto;
	margin-bottom: 3%;
}

.mainFooter {
	width: 100%;
	float: left;
	margin: 2% auto;
	text-align: center;
}

.mainFooter p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

#fbcontainer {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: auto;
}

@media (max-width : 950px){

	body{
		background: url('images/background.png') no-repeat top left #000;
		background-clip: content-box;
		margin: 0;
	}
	
	.desktop{
		display: none;
		height: 0;
	}
	
	.mobilepic{
		display: inline;
		width: 100%;
		margin: 1% auto;
		height: auto;
	}
	
	.mainContent{
		width: 100%;
	}
	
	.logoHeader{
		text-align: center;
		margin: 0 auto;
	}
	
	.logoHeader img{
		width: auto;
		margin: 0 auto;
	}
	
	nav{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0 auto;
	}
	
	nav .ul{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: left;
	}
	

	.rightCol{
		width: 100%;
		margin: 0 auto;
	}
	
	.banner{
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	
	.banner img{
		width: 100%;
		height: auto;
	}
	
	#slider{
		display: none;
	}
	
	.content{
		max-width: 90%;
		margin: 10px auto;
	}
	
	article{
		width:94%;
		margin-bottom: 1%;
		font-size: 120%;
	}
	
	.halfWidth_left{
		width: 94%;
		margin-bottom: 3%;
		height: auto;
	}
	
	.halfWidth_right{
		width: 94%;
		margin-bottom: 3%;
		margin-left: 0;
		height: auto;
	}
	
	aside{
		display: none;
		height: 0;
		margin: 0;
		padding: 0;
		}
	
}

@media (max-width: 420px){
	
	.logoHeader img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.desktop{
		display: none;
		height: 0;
	}
	
	.backHeader{
		display: none;
		height: 0;
	}
}