/*
Theme Name: BroBible
Description: Customized Theme for simplicity
Author: Eric Armas

*/

/* ---------- GLOBALS ----------- */


body { font-family: cabin, Helvetica, sans-serif; font-size: 14px; color: #222; background: #fff;}

h1, h2, h3, h4, h5, h6, a, li, ul {border: 0px; text-decoration: none;}

div#test
{
	
}

div.container
{
margin: 0 auto;
width: 1000px;
background: #fff;
}

h1
{
font-size: 25px;
margin: 20px 0px;
}

div.page-title h1
{
margin-top: 0px;
color: #004095;
}

p
{
font-family: georgia;
font-size: 15px;
line-height: 1.5;
}

h2 a
{
color: #000;
}


@font-face {
	font-family: 'Cabin-BoldItalic';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-BoldItalic-webfont.eot');
	src: url('fonts/Cabin-BoldItalic-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-BoldItalic-webfont.woff') format('woff'),
		url('fonts/Cabin-BoldItalic-webfont.ttf') format('truetype'),
		url('fonts/Cabin-BoldItalic-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-Bold';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-Bold-webfont.eot');
	src: url('fonts/Cabin-Bold-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-Bold-webfont.woff') format('woff'),
		url('fonts/Cabin-Bold-webfont.ttf') format('truetype'),
		url('fonts/Cabin-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-Italic';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-Italic-webfont.eot');
	src: url('fonts/Cabin-Italic-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-Italic-webfont.woff') format('woff'),
		url('fonts/Cabin-Italic-webfont.ttf') format('truetype'),
		url('fonts/Cabin-Italic-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-MediumItalic';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-MediumItalic-webfont.eot');
	src: url('fonts/Cabin-MediumItalic-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-MediumItalic-webfont.woff') format('woff'),
		url('fonts/Cabin-MediumItalic-webfont.ttf') format('truetype'),
		url('fonts/Cabin-MediumItalic-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-Medium';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-Medium-webfont.eot');
	src: url('fonts/Cabin-Medium-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-Medium-webfont.woff') format('woff'),
		url('fonts/Cabin-Medium-webfont.ttf') format('truetype'),
		url('fonts/Cabin-Medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-Regular';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-Regular-webfont.eot');
	src: url('fonts/Cabin-Regular-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-Regular-webfont.woff') format('woff'),
		url('fonts/Cabin-Regular-webfont.ttf') format('truetype'),
		url('fonts/Cabin-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-SemiBoldItalic';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-SemiBoldItalic-webfont.eot');
	src: url('fonts/Cabin-SemiBoldItalic-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-SemiBoldItalic-webfont.woff') format('woff'),
		url('fonts/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
		url('fonts/Cabin-SemiBoldItalic-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin-SemiBold';
	src: url('http://www.brobible.com/wp-content/themes/brobible/fonts/Cabin-SemiBold-webfont.eot');
	src: url('fonts/Cabin-SemiBold-webfont.eot') format('embedded-opentype'),
		url('fonts/Cabin-SemiBold-webfont.woff') format('woff'),
		url('fonts/Cabin-SemiBold-webfont.ttf') format('truetype'),
		url('fonts/Cabin-SemiBold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* --------- HEADER  ---------- */

#header
{
padding-top: 15px;
position: relative;
}

div#header_logo
{
margin: 0 auto;
width: 240px;
padding: 10px 0px;
}

div#header_search
{
float: right;
margin-top: -120px;
}

div#header_search input#searchsubmit
{
background: url('images/mag.jpg') no-repeat transparent -2px 0px;
border: 0px;
text-indent: -10000px;
padding: 6px;
}

div#follow_us div.widget
{
border: 0px;
float: left;
}

div#follow_us div#social-fb
{
height: 45px;
}

div#search-inputs input#s
{
height: 17px;
padding: 5px;
width: 160px;
}


.header .container
{
position: relative;
}

/* ---------- NAVIGATION ----------- */

#navigation
{
position: relative;
z-index: 9999999;
}

ul.menu
{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline-block;
}

ul.menu li
{
float: left;
margin-bottom: 0px;
}

ul.menu a
{
text-indent: -10000px;
background-position: 0px 0px;
display: block;
height: 51px;
padding-bottom: 20px;
background-repeat: no-repeat !important;
}

ul.menu a:hover
{

background-position: 0px -75px !important;
}

.menu li:nth-child(1) a
{
background: url('images/nav_01.png') transparent;
width: 72px;
}

.menu li:nth-child(2) a
{
background: url('images/nav_02.png') transparent;
width: 83px;
}


.menu li:nth-child(3) a
{
background: url('images/nav_03.png') transparent;
width: 101px;
}


.menu li:nth-child(4) a
{
background: url('images/nav_04.png') transparent;
width: 110px;
}


.menu li:nth-child(5) a
{
background: url('images/nav_05.png') transparent;
width: 90px;
}

.menu li:nth-child(6) a
{
background: url('images/nav_06.png') transparent;
width: 170px;
}

.menu li:nth-child(7) a
{
background: url('images/nav_07.png') transparent;
width: 80px;
}

.menu li:nth-child(8) a
{
background: url('images/nav_08.png') transparent;
width: 100px;
}

.menu li:nth-child(9) a
{
background: url('images/nav_09.png') transparent;
width: 106px;
}

.menu li:nth-child(10) a
{
background: url('images/nav_10.png') transparent;
width: 88px;
}



f

ul.menu li:last-child a
{
padding-right: 0px;
}



/* -------- SLIDER ---------- */





/* ----------- FOOTER ---------- */


.footer
{
clear: both;
}

div.copyright
{
text-align: center;
padding: 30px;
}

div.menu-footer-container .menu li a
{
background: #15487a;
color: #fff;
font-family: CabinMedium;
font-size: 13px;
letter-spacing: 1px;
padding: 10px;
text-decoration: none;
text-shadow: 0 0 5px black;
text-indent: 0px;
width: auto;
height: auto;
text-transform: uppercase;
}

div.menu-footer-container .menu li a:hover
{
background-color: #d30001;
-webkit-box-shadow: 0px 0px 25px 0px #fff;
box-shadow: 0px 0px 25px 0px #fff;
color: #fff;
text-indent: 0px;
width: auto;
height: auto;
}

div.footer_logo
{
margin-right: 10px;
}

div.footer_logo img
{
width: 166px;
}

div.footer_menu
{
padding-top: 20px;
}

/* --------------- CONTENT AREA ------------ */




div#content
{
margin-left: 15px;
float: left;
width: 655px;
background: #fff;
font-family: georgia;
font-size: 14px;
line-height: 1.5;
}

div#content_box
{
width: 100%;
clear: both;
margin-bottom: 60px;
background: #fff;
display: inline-block;
padding-top: 20px;
}

div.feat_pic
{
float: left;
margin-right: 15px;
width: 240px;
height: 135px;
text-align: center;
overflow: hidden;
}


div.feat_pic img
{
width: 240px;
height: auto;
}

div.post-title h2
{
margin-bottom: 5px;
line-height: 17px;
}

div.post-title h2 a
{
color: #000;
font-size: 17px;
font-family: AvenirNext, Arial, sans-serif;
}

div.post-author span
{
font-family: AvenirNext, Arial, sans-serif;
font-size: 10px;
font-style: normal;
color: #4e4e4e;
}

div.blog-post
{
margin: 10px 0px;
border-bottom: 1px solid #ddd;
padding-bottom: 40px;
min-height: 145px;
position: relative;
}

div.post-excerpt p
{
font-size: 13px;
margin-bottom: 5px;
margin-top: 5px;
font-family: georgia;
}

/* ---------- SIDEBAR ------------ */

div#sidebar
{
float: right;
margin-right: 15px;
position: relative;
width: 300px;
}

div.widget, div#sidebar img
{
margin-bottom: 20px;
}


div.sem img, div.ask img, div.fb img, div.quest img, div.hook img, div.txtthurs img
{
margin-bottom: -3px !important;
}

div.widget-post
{
clear: both;
border-bottom: 1px solid #fff;
padding: 10px;
background: lightgrey;
min-height: 112px;
}

div.widget-featured
{
float: left;
margin-right: 5px;
height: 100px;
overflow: hidden;
width: 125px;
text-align: center;
}

div.widget-featured img
{
width: auto;
height: 100px;
margin-bottom: 0px;
}

div.widget-title a
{
font-weight: bold;
color: #000;
font-size: 13px;
}

div.widget .img-sub
{
font: italic 12px/17px Georgia, serif;
color: #aad6f3;
position: absolute;
top: 39px;
left: 74px; 

}

div.widget-foot
{
color: #fff;
font: italic 13px/40px Georgia, serif;
text-align: center;
background: url('images/blue-footer-bg.png') no-repeat transparent;
padding: 3px 0px 0px 0px;
}

div.widget-foot a
{
font: bold 15px/17px AvenirNext, Arial, sans-serif;
color: #d30001;
margin-left: 5px;
text-decoration: none;
}

div.ask, div.quest, div.hook
{
position: relative;
}

div.askababe.widget-foot
{
background: url('images/purple-footer-bg.png') no-repeat transparent;
}

div.widget .img-sub.babe
{
color: #d5aaf3;
left: 64px; 
}

div.widget .img-sub.quest
{
left: 23px;
top: 60px;
color: #aad6f3;
}

div.widget .img-sub.hook
{
left: 5px;
top: 51px;
}

h3.fb-red
{
margin: 15px 0 5px;
font: bold 9px AvenirNext, Arial, sans-serif;
text-transform: uppercase;
color: #d30001;
}

div.girls_posts, div.txt_posts
{
background: transparent;
position: relative;
height: 158px;
padding: 0px;
}

div.girls_img, div.txt_img
{
position: relative;
height: 159px;
overflow: hidden;
width: 100%;
text-align: left;
}

div.girls.widget img.girls, div.txt.widget img.txt
{
margin-bottom: -40px !important;
z-index: 10000;
position: relative;
}

div.girls_img a, div.txt_img a
{
color: #fff;
position: absolute;
bottom: 0px;
font-weight: bold;
left: 5px;
padding: 10px;
}

div.girls_img img, div.txt_img img
{
width: 300px;
height: auto;
margin-bottom: 0px !important;
}

div.girls h5, div.txt h5
{
float: right;
margin: 0px;
position: relative;
top: 40px;
}

div.girls h5 a, div.txt h5 a
{
font: bold 14px/17px AvenirNext, Arial, sans-serif;
color: #d30001;
text-transform: uppercase;
text-decoration: none;
}


li.gform_widget
{
list-style: none;
border: 1px solid #CCCCCC;
padding: 5px 15px;
}

div.widget.fbtw
{
border: 1px solid #CCCCCC;
padding: 5px 15px;
}


li.gform_widget h3.widget-title
{
font-size: 18px;
margin-bottom: 15px;
margin-top: 0px;
text-align: left;
}

#gform_1 label.gfield_label
{
display: none;
}

#gform_1 .gform_footer
{
float: right;
margin: 0px;
padding: 0px;
clear: none;
}

#gform_1 .gform_footer input
{
font-size: 14px;
color: #fff;
background: #d30000;
border-radius: 7px;
border: 1px solid #960003;
text-transform: uppercase;
padding: 7px 5px;
position: relative;
top: -38px;
font-family: sans-serif;
}

#gform_1 #field_1_1 input
{
padding: 8px 0px;
}

div.widget div.ad-unit
{
margin: 20px 0px;
}

h3.widget-title
{
text-align: left;
font-size: 18px;
margin-bottom: 15px;
margin-top: 0px;
text-transform: uppercase;
}

div#sidebar .widget:nth-child(1) .ad-unit
{
margin-top: 0px !important;
}

/************* BLOG ***************/ 

div.blog_post
{
margin-bottom: 30px;
clear: both;
border-bottom: 1px solid #ecedee;
padding-bottom: 40px;
}

div.blog_post div.headline_area h2 a
{
color: #004095;
font-weight: normal;
}

div.blog_post div.headline_area h2
{
margin-bottom: 5px;
}

div.blog_post div.blog-excerpt p
{
margin-top: 5px;
font-size: 15px;
}

div.blog-pic
{
float: left;
margin-right: 20px;
}

div.blog-pic img
{
margin-bottom: 40px;
}

.blog h1, .single h1
{
margin-top: 0px;
}

div#latest
{
margin-top: 45px;
margin-bottom: 35px;
}

div#latest img.latest
{
}

div#latest img.tipoff
{
float: right;
margin-top: -15px;
}

div.want img.want1
{
margin-bottom: -14px !important;
}

div.want img.want2
{
margin-bottom: -3px !important;
}


div.drinking
{
padding: 9px;
}

div.drinking img.drinking1
{
margin-bottom: -19px !important;
margin-left: -9px;
}

div.drinking img.drinking2
{
margin-bottom: -3px !important;
}


div.widget.drinking .widget-post a, div.widget.want .widget-post a
{
font: bold 16px/20px AvenirNext, Arial, sans-serif;
color: #000;
}

div.widget.drinking .widget-post, div.widget.want .widget-post
{
min-height: 0px;
}

div.ad-unit.dfp-skin
{
margin: 0px;
}


div.widget:nth-child(1)
{
margin-top: 0px !important;
}

/* -------- RESPONSIVE ---------- */


@media screen and (max-width: 1000px){


div.container
{
width: 100%;
}

div#content_box
{
width: 100%;
}

div#content
{
margin: 0 auto 40px auto;
width: 60%;
}

div#sidebar
{
width: 300px;
}
	
div.widget
{
margin: 0px 5px 20px 5px;
float: left;
}	

div.wt-rotator
{
width: 100% !important;
}

}


@media screen and (max-width: 850px){

div#content
{
float: none;
margin: 0 auto;
width: 655px;
}

div#sidebar
{
float: none;
margin: 0 auto;
}

}


@media screen and (max-width: 640px){




div#content
{
margin-bottom: 40px;
width: 100%;
}

div#sidebar
{
margin: 0 auto;
clear: both;
float: none;
}

div.wt-rotator
{
display: none;
}
	

}

@media screen and (max-width: 500px){

div.post-excerpt
{
display: none;
}

div.feat_pic
{
float: none;
margin-right: 0px;
}

div.feat_pic img
{
width: 100%;
height: auto;
}

div.post-title
{
width: 90%;
margin: 0 0 0 10px;
}

div.post-title h2 a
{
color: #fff;
}

div.blog-post
{
position: relative;
margin-bottom: 20px;
padding-bottom: 0px;
}

div.post-meta
{
position: absolute;
background: rgba(0,0,0,.5);
left: 0px;
bottom: 3px;
padding: 9px 0 6px;
width: 100%;
}

div.post-author
{
padding-left: 12px;
}

div.post-author span
{
color: #fff;
}

div#latest
{
margin-bottom: 10px;
text-align: center;
}

div#latest img.latest
{
width: 100%;
max-width: 500px;
}

div#latest img.tipoff
{
float: none;
margin-top: 15px;
}


}


/* -------catch that image ----- */


div.feat_pic iframe
{
width: 240px !important;
height: 135px !important;
}

div.widget-featured iframe
{
width: 125px;
height: 100px;
}


/* ------- PREV \ NEXT --------- */


div.previous-post
{
position: relative;
float: left;
width: 30%;
background-color: #d30001;
padding: 5px 5px 5px 25px;
min-height: 70px;
}

div.next-post
{
position: relative;
float: right;
width: 30%;
background-color: #d30001;
padding: 5px 25px 5px 5px;
min-height: 70px;
}

div.previous-post a, div.next-post a
{
color: #fff;
}

div.comments-section
{
clear: both;
padding-top: 50px;
}




div.feat_pic
{
position: relative;
}

div.post_cat
{
background-color: #d30001;
font-size: 10px;
padding: 3px 5px;
text-transform: uppercase;
position: absolute;
left: 0px;
top: 0px;
color: #fff;
}

div.post_cat a
{
color: #fff;
}

h2 a
{
color: #000;
}

div.single-title h2
{
margin: 5px 0px;
}

div.singlepost_cat
{
color: #d30001;
font-weight: bold;
}

div.single-tags p a
{
color: #d30001;
}

div#latest div.blog-post div.addthis_toolbox
{
margin-top: 10px;
position: absolute;
bottom: 10px;
left: 310px;
}

div.view-more
{
text-align: right;
width: 97%;
background: #d30001;
padding: 10px;
text-transform: uppercase;

}

div.view-more a
{
color: #fff;
}

div.screen a img.main-img
{
max-width: 640px;
max-height: 360px;
width: auto;
height: auto;
}

div#content div.related
{
clear: both;
margin-top: 20px;
display: inline-block;
}

div#content div.related ul
{
list-style: none;
padding-left: 15px;
}

div#content div.related ul li
{
width: 106px;
margin-right: 20px;
float: left;
text-align: center;
}

div.relatedTitle a
{
color: #000;
}

div.single-author
{
margin-bottom: 10px;
}

div.single-content img
{
max-width: 640px;
}

div.want_title
{
text-align: center;
}

div.want_title a
{
clear: both;
display: inline-block;
}

div.want_title span
{
color: #D30001;
font-weight: bold;
text-transform: uppercase;
}

img.bor1
{
margin-bottom: -15px !important;

}

img.bor2
{
margin-bottom: -2px !important;
}

body.postid-20028882 #wdsb-share-box
{
display: none !important;
}

div.inner-text a h1
{
color: #fff;
}

div#social-tw
{
margin-top: 15px;
}

div.social-sharing iframe.twitter-share-button
{
position: relative;
top: 6px;
}

div#ac_6527
{
padding-top: 40px;
}


blockquote
{
margin: 0;
padding: 1em 4em;
border: #c8c8c8 solid 1px;
background: url('images/gray-quotation-marks-hi.png') no-repeat 15px 20px #eee;
background-size: 35px;
}

div.link_bg
{
background: rgba(0,0,0,.3);
height: 75px;
width: 100%;
position: absolute;
top: 84px;
}

div#subNav div.featureTitle a
{
color: #222;
font-weight: bold;
}


div.sharethrough-placement
{
border-bottom: 1px solid #ddd;

}