body{
background:#f9f9f9;
font: normal 14px 'Open Sans Condensed', sans-serif;;
color:#363636;
margin:0 auto;
}

a{
text-decoration: none;
}

h1{
display: inline;
font-size: 28px;
color: #24d3f8;
line-height: 50px; 
text-transform: uppercase;
font-weight: normal;
margin-left: 10px;
}

.the-gallery h1{
display: inline;
font-size: 28px;
color: #24d3f8; 
text-transform: uppercase;
font-weight: normal;
}

h2 {
display: inline;  
font-size: 18px;
color: #fff; 
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

h2:hover {
display: inline;
font-size: 18px;
color: #24d3f8;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.home {
background: url('/images/icons/home-white.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.home:hover {
background: url('/images/icons/home-blue.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #24d3f8;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.galleries {
background: url('/images/icons/camera.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.galleries:hover {
background: url('/images/icons/camera-blue.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #24d3f8;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.categories {
background: url('/images/icons/grid.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.categories:hover {
background: url('/images/icons/grid-blue.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #24d3f8;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.contact {
background: url('/images/icons/contact.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

.contact:hover {
background: url('/images/icons/contact-blue.png') no-repeat 5px;
padding:2px 2px 2px 30px;
display: inline;
font-size: 18px;
color: #24d3f8;
text-transform: uppercase;
font-weight: normal;
margin-left: 20px;
}

h1 span{
color: #fff;
}

#wrapper{ 
width: 1210px;
margin:0 auto;
}
#nav{
width: 100%;
height: 50px;
background: #2f3036;
padding: 0;
border-bottom: 1px solid #24d3f8;
border-left: 1px solid #24d3f8;
border-right: 1px solid #24d3f8;
display: block;
margin-bottom: 10px;
}

.nav-links{
display: inline;
margin-left: 300px;
}

.the-posts{
width: 970px;
float: right;
}

.the-gallery{
width: 100%;
margin: auto;
text-align: center;
float: left;
font-size: 18px;
}

.gal-image{
width: 230px;
height: 310px;
margin: 30px;
border: 1px solid #24d3f8;
}

.gal-image:hover{
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

.post-title{
width: 230px;
background: url('/images/icons/post.png') no-repeat 200px;
font-size: 16px;
padding: 3px;
text-transform: uppercase;
color: #fff; 
margin-left: 5px;
}

.sidebar{
width: 222px;
float: left;
background: #2f3036;
margin-right: 10px;
color: #fff;
}

.sidebar-social{
width: 222px;
float: left;
margin-right: 10px;
text-align: center;
}

.sidebar-social a{
color: #24d3f8;
padding: 5px;
}

.sidebar-social a:hover{ 
color: #2f3036;
}

.sidebar-2{
width: 222px;
float: left;
background: #2f3036;
margin-right: 10px;
color: #fff;
font-size: 15px;
}

.sidebar-2-right{
width: 222px;
float: right;
background: #2f3036;
margin-left: 10px;
color: #fff;
font-size: 15px;
}

.padding{
padding: 10px;
}

.sidebar-2 a{
color: #24d3f8;
font-size: 16px;
text-transform: uppercase;
}

.side-head{
width: 215px;
background: url('/images/icons/post.png') #24d3f8 no-repeat 200px;
font-size: 16px;
text-transform: uppercase;
color: #fff; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}

.side-head-2{
width: 215px;
background: url('/images/icons/camera.png') #24d3f8 no-repeat 200px;
font-size: 16px;
text-transform: uppercase;
color: #fff; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}

.side-head-3{
width: 215px;
background: url('/images/icons/user.png') #24d3f8 no-repeat 200px;
font-size: 16px;
text-transform: uppercase;
color: #fff; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}

.side-head-4{
width: 215px;
background: url('/images/icons/heart.png') #24d3f8 no-repeat 200px;
font-size: 16px;
text-transform: uppercase;
color: #fff; 
padding-top: 3px;
padding-bottom: 3px;
padding-left: 7px;
}

.sidebar a {
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
display: block;
background: #2f3036;
border-bottom: 1px solid #5b5a5a;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
.sidebar a:hover {
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
display: block;
background: #24d3f8;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

.top-image{
width: 215px;
border: 0;
}

.pages{
font-size: 18px;
background: #2f3036;
width: 958px;
text-align: center;
color: #fff;

}

.pages a{
font-size: 18px;
color: #24d3f8;
}

.desktop {
background: url('/images/desktop.png') no-repeat;
width: 200px;
height: 400px;
display: block;
margin: auto;
}

.top-porn {
background: url('/images/gimme.gif') no-repeat;
width: 140px;
height: 80px;
display: block;
margin: auto;
}

.foot{
text-align: center;
font-size: 16px;
margin-top: 10px;
}

.foot a{
color: #24d3f8;
}


.post{
width: 232px;
height: auto;
background: #24d3f8;
display: inline-block;
margin: 5px;
color: #fff;
font-size: 12px;
}

.date {
margin-left: 10px;
margin-bottom: 5px;
}


.post-image{
width: 230px;
height: 310px;
border: 1px solid #24d3f8;


}

.post-image:hover{

}


.copy{
width: 600px;
margin-left: auto;
margin-right: auto;
}

.cats {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.cats a{
color: #2f3036;
font-size: 18px;
text-decoration: underline;
padding: 10px;
}

.cats a:hover{
color: #24d3f8;
}

.post-date{
}

.post-date a{
color: #24d3f8;
}

.push_button {
width:66%;
height:40px;
text-align:center;
color:#FFF;
text-decoration:none;
line-height:43px;
display: block;
margin: 14px;
text-transform: uppercase;
font-size: 15px;
margin: auto;
}

.green {
background: #24d3f8;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; 
}

.push_button:hover{
background: #2f3036;
}  



.new-post-img{
width: 220px;
border: 1px solid #24d3f8;
}

.gal-image-full{
display: inline;
width: 745px;
}

.gallery-nav{
text-align: center;
font-size: 24px;
padding: 30px;
}

.gallery-nav a{
padding: 30px;
color: #24d3f8;
text-transform: uppercase;
text-decoration: underline;
}


.sidebar-2-right-2 .side-head-2{
	width:100%;
	max-width:1117px;
	margin:0 auto 10px auto;
	background-image:none;
}


@media all and (max-width:1220px) {
#wrapper {width:980px;}
.the-posts {width: 730px;}
.pages {width:100%}
.cats a {font-size: 15px;padding: 4px;}
.copy {width:100%;}
	.nav-links{margin-left:100px;}
	.gal-image-full {width:512px;} 
}

@media all and (max-width:1000px) {
#wrapper {width:740px;}
.the-posts {width: 730px;}
.nav-links, .cats, .sidebar {
display:block;
position:absolute;
width:40px;
height:40px;
overflow:hidden;
background-color:#24D3F8;
margin:0;
border:2px solid #24D3F8;
box-shadow:0 0 2px #fff;
z-index:99;

}
	
.nav-links:before, .cats:before, .sidebar:before {
display:block;
content:'';
width:100%;
height:40px;
	background-color:#fff;
background-image:url(http://babevenue.com/images/icons/home-blue.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.cats:before {
	background-image:url(http://babevenue.com/images/icons/grid-blue.png);
}
.sidebar:before {
background-image:url(http://babevenue.com/images/icons/camera-blue.png);
}
	
	
	.nav-links.open:before, .cats.open:before, .sidebar.open:before {
content:'Close';
font-weight:600;
text-align:center;
color:#fff;
background-color:#2F3036;
height:20px;
		background-image:none;
}
.nav-links.open, .cats.open, .sidebar.open {
z-index:999;
width:58%;
height:auto;
}
#nav .nav-links.open a {
margin:0;
}
		.nav-links.open {width:150px;}
	.nav-links.open a {
		display:block;
	}
.cats.open {text-align:center;}
.cats.open a {
display:block;
font-size:17px;
text-align:center;
}

.nav-links {left:0;top:0;border-radius:0 0 10px 0;}	
.cats {		top:0;right:0;border-radius:0 0 0 10px;}
.sidebar {top:60px;left:0;border-radius:0 10px 10px 0;}
.sidebar-social {position:absolute;top:10px;margin:0 0 0 380px;}
.sidebar-2 {display:none;}
#nav a {margin-left:60px;}
	.sidebar-2-right-2 .side-head-2{
	width:98%;
}		
}


@media all and (max-width:767px) {
#wrapper {width:460px;}
.the-posts {width: 460px;}
.post {width:calc(100% / 2.1);}
.post img {max-width:calc(100% - 2px);height:auto;}
.post-title {width:100%;background-image:none;height:20px; overflow:hidden;}
.sidebar-social {margin:0 0 0 200px;}
	.gal-image-full {width:460px;} 
.sidebar-2-right {display:block;position:absolute;width:450px;background-color:transparent;top:950px;}
	.side-head-2{width:440px;}
	.gallery-nav {padding:20px 0;}
	.gallery-nav a {padding:30px 20px;}
	.push_button {height:auto;overflow:hidden;margin:10px auto;}
	.gal-image {width:calc(100% / 2.1);height:auto;;margin:0;}
}

@media all and (max-width:462px) {
html {width:100%; overflow-x:hidden;}
#wrapper {width:300px;}
.sidebar-social a {margin:0 3px;}
#nav a {margin-left:85px;}
.the-posts {width: 300px;margin-top:40px;}
.post {width:calc(100% / 2.15);}
.post img {width:calc(100% - 2px);}
.post-title {width:100%;background-image:none;height:20px; overflow:hidden;}
.sidebar-social {margin:0 0 0 200px;}
.sidebar-social {top:55px;margin:0 0 0 40px;}
.pages a {display:inline-block;margin:8px;}
		.gal-image-full {width:300px;} 
	.side-head-2 {width:295px;}
	.sidebar-2-right {top:700px;width:295px;}
	.sidebar-2-right img {width:300px;}
		.gal-image {width:calc(100% / 1.1);height:auto;;margin:0;}
}