/*
Theme Name: Lady Haus
Version: 1.0
Authors: Michael DiSanto and Craig Kanarick
*/

@import "css/reset.css";
@import "css/global.css";


/*
 * HOMEPAGE MOBILE 
 *
 */
body.size-condensed #main .featured-novideo .feature-preview p a { font-size:7px !important; line-height: 1em !important; }
body.size-condensed #main .featured-novideo .rightarrow a { font-size:32px; margin-top:20px; }


/*
 * LAYOUT 
 */
#main { margin: 0 auto; padding: 0px 30px 30px 30px; background-color: #fff;  }
body.size-full #main { width: 960px; }
body.size-medium #main { width: 770px; } /* md made it 770 */
body.size-condensed #main { max-width: 480px; }
body[orient="portrait"].size-condensed #main { max-width: 320px; }
body { text-rendering: optimizeLegibility; }

/*
 * HEADER STUFF
 */
/* DEFAULT DESKTOP VERSION */
#header { position: relative; display: block; clear: both; } 
#header .tagline { margin-bottom: 10px; font-size: 28px; 
                    position: absolute; left: 310px; top: 50px;}
#header .logo img { width: 280px; position: relative; left: -3px; }

#header .nav { float: right; clear: right; margin-bottom: 6px; 
                position: absolute; display:inline-block; top:15px; left: 310px; }

#header .search { 
    position: relative;
    top: 52px;
    float: right; 
    clear: right; 
    margin-bottom: 6px; 
    
}
#header .search #s { 
        width: 280px; 
        height: 28px;
        font-size: 12px;
        padding-right: 32px; 
        padding-top: 4px;
        padding-bottom: 4px;
        background: url(images/icon-search.png) 94% center no-repeat white; }

#header .search input.text, 
#header .search textarea.text { border-radius: 10px;  }


#header .social { float: right; clear: right; position: relative; margin-top: 1px; }
#header .social .icon { margin-left: 6px; height: 20px; vertical-align: top;}
#header .social .icon.facebook { background-image: url(images/icon-social-facebook.png); width: 20px; }
#header .social .icon.twitter { background-image: url(images/icon-social-twitter.png); width: 27px; }
#header .social .icon.instagram { background-image: url(images/icon-social-instagram.png); width: 27px; height: 28px;}
#header .social .icon.youtube { background-image: url(images/icon-social-youtube.png); width: 27px; height: 28px;}
#header .social .facebooklike { position: absolute; top: 3px; right:100%; }

#header .menu.active ul { width: 300px !important; }

.site-header { 
 /*   border-bottom: 1px solid #ffffff; 
    border-top: 1px solid #ffffff;  */
    padding-top: 13px; 
}


body.size-medium #header .logo img { width: 220px; }
body.size-medium #header .tagline { font-size: 18px; }
body.size-medium .embed-container { margin-bottom: 10px !important; }

/* FOR THE SMALL SIZE */
body.size-condensed #header { height: 120px; margin-bottom: 20px; clear:both; display: block;}
body.size-condensed #header .logo img { width: 120px; }
body.size-condensed #header .search #s { width: 140px;  }
body.size-condensed #header .tagline { font-size: 13px; left: 0px; top: 70px;}
body.size-condensed #header .nav { top:90px; left: 0px; }


/* HEADER MENUS */
/* Default state */
#header .menu { display: inline; position: relative; }
#header .menu > a { font-size: 16px; display: inline-block; width: 100%; }
#header .menu ul { display: none; width: 115px; line-height: 1.4em; position: absolute; z-index: 100; left: 0; top: 2.2em; background-color: #fff; }
#header .menu li a { color: #000; }
#header .menu li a:hover { color: #F00; }
/* Active state */
#header .menu.active > a { }
#header .menu.active ul { display: block; }



/* 
 * FOOTER STUFF
 */
#footer { width: 100%; margin: auto; 
    text-align: center;  padding: 20px; 
    margin: 60px 0 30px 0; display: block; clear: both; 
    font-family: 'Titillium Web';
}

#older { float: right; display: inline; }
#newer { float: left; display: inline; }


/*
 * CELL
 * The basic video block
 */
.cell { float: left; margin: 20px 20px 10px 0; }

/* Responsive Size Adjustments */
body.size-full .cell { width: 280px; height: 153px; }
body.size-full .cell:nth-child(3n+1) { margin-right: 0px; }
body.size-medium .cell { width: 340px; height: 190px; }
body.size-medium .cell:nth-child(2n) { margin-right: 10px; }

/* Portrait */
@media screen and (max-width: 320px)
{
    body.size-condensed .cell { width: 260px; height: 160px; }
}
/* Landscape */
@media screen and (min-width: 321px) {
	body.size-condensed .cell { width: 100%; height: 160px; margin-right: 0px; }
}


/*
 * Basic Video Cell / Thumbnail
 */
.cell.video { position: relative; overflow: hidden; width: 280px; height: 173px; }
.cell.video .title { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; text-align: center; }
.cell.video .title a { text-shadow: #000 0px 0px 15px; position: absolute; display: block; color: white /*#ee217c*/; width: 100%; height: 100%; padding: 30px 15px 0 15px; }

.cell.video .post-categories { position: absolute; bottom: 10px; width: 100%; text-align: center; color: white; font-family: 'Pacifico'; }

.cell.video .thumbnail { 
	width: inherit; 
	-webkit-filter: blur(2px); 
	-moz-filter: blur(2px); 
	filter: blur(2px); 
	position: relative; 
	width: 137%; 
	position: relative; 
	top: -27%; 
	left: -15%; 
	}

.cell.video:hover .thumbnail { 
	-webkit-filter: blur(0px); 
	-moz-filter: blur(0px); 
	filter: blur(0px); 
}

.cell.video.funny { min-width: 1px; }
.cell.video.dirty .post-categories:hover { color: #ED1065; }



/*
 * GRID PAGINATION
 */
.pagination { width: 100%; position: relative; margin: auto; }

.pagination a { text-transform: lowercase; }
.pagination a { 
    text-transform: lowercase; 
    font-size: 20px; 
    display: inline-block; 
    width: 150px;
    position: relative; 
    text-align: center; 
    margin: auto; 
    color: #ee217c; 
}
.pagination a:hover { color: black; }




/*
 * VIDEO PAGE
 */
.post { font-size: 1.4em; line-height: 1.4em; margin: 20px 0; position: relative; }
.post.single .embed-container { margin-bottom: 10px; width: 100%; }
.post.single iframe { width: 100%; height: 100%; }

.post .aftervid {
    width: 100%;
    clear: both;
    position: relative;
}
.post .aftervid .via { clear: left; }

.post .aftervid .right { 
    float: right; 
    text-align: right; 
    margin-left: 3%; 
    margin-bottom: 7%;
    width: 270px;
}


.post.single .big-picture {
	display: block;
	max-width: 100%;
}

.post .postcontent { line-height: 1.5em; }
body.size-condensed .post .postcontent { margin-bottom: 20px }

.post .post-categories { 
    margin-top: 20px;
    margin-bottom: 20px;
}

.post .post-categories .category { 
	display: inline-block;
    padding: 10px; 
	margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Pacifico';
    font-size: 20px;
	color: red;
}
.post .post-categories .category a { color: green; }
.post .post-tags { display: none; }



.post .social {  }
.post .related-content { margin-top: 40px; }
.post .related-content .video.related { margin: 0; margin-bottom: 8px; width: 220px; height: 124px; }
    

.post .social .fb,
.post .social .twitter {
    display: inline-block;
    margin-right: 10px;
}
.post .social .fb iframe { z-index: 10; }


#also { margin-bottom: 10px; }
#foundin { color: red; }

.original-bug {
	z-index: 9;
  position: absolute;
	float: right;
	right: 0px;
  bottom: 0px;
  border: 2px solid white;
  width: 50px;
}


/*
 * POST COMMENTS
 */
.comments-container { margin-top: 45px; }
.comments-container h3 { font-size: 28px; margin-bottom: 10px; }
.comments-container .comment { list-style-type: none; 
    margin-bottom: 15px; 
    font-family: 'Noto Sans'; 
    font-size: 14px; 
    border-bottom: 1px dashed #ffd0d0; 
    position: relative; 
    }
    

.comments-container .comment .comment-author img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.comments-container .comment .comment-author .fn { 
    font-weight: bold; 
    font-size: 18px; 
    position: absolute;
    top: 0px;
}


.comments-container .comment .comment-author .says { display: none; }
.comments-container .comment .comment-meta { line-height: 1.2em; margin-top: -20px; }
.comments-container .comment .comment-meta a { 
    color: #955; font-size: 11px; 
    text-transform: uppercase; 
    position: relative;
left: 42px;
top: -5px;
    
    }
.comments-container .comment p { margin: 8px 0; color: #888; line-height: 1.8em; font-size: 23px; } 
.comments-container .comment .reply { display: none; }
.comments-container .comment-awaiting-moderation { position: absolute; left: 0px; padding-top:10px; }


#new-comment li { margin-bottom: 12px; }
#new-comment label { display: block; float: left; width: 6em; }
#new-comment .text { border: 1px #eee solid; padding: 12px; font-size: 16px; color: #555; }
#new-comment textarea.text { width: 100%; height: 100px; resize: none; }

#comment-submit {
    border: 1px solid #301;  
    background-color: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
}



#comment-submit:hover {
    color: white;
    background-color: pink; 
}


/* STANDARD PAGE */
.page h2 { 
    margin-bottom: 5px;
    color: #ee217c;
}
.page h1 { margin: 50px 0 30px 0; }

h2 a,
h2 a:visited { color: #ee217c; }
h2 a:hover { text-decoration: underline; color: red; }

.page p { 
    font-size: 20px; 
    line-height: 1.3em; 
    margin-bottom: 15px; 
}

.page p a { 
    color: #be3080; 
}
.page p a:hover { color: black; }

/******************/
/* who's who page */
/******************/

.sisterwife { 
    display: inline-block;
    vertical-align: top;
    width: 30%;
    xheight: 800px; 
    margin-right: 10px; 
    margin-top: 10px; 
}

.sistername, .sistername a, .sistername a:visited {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    color: black; 
}
.sisterlink, .sisterlink a, .sisterlink a:visited {
    font-size: 110%;
    text-transform: uppercase;
    color: red; 
}
.sisterlink:hover, .sistername:hover { color: F50AAA !important; }
.sistername a:hover { color: red; }
.sisterbio { margin-top: 10px;
margin-bottom: 20px;
font-size: 18px;
line-height: 1.1em;
}

.sisterwives {
    display: block;
    width: 99%;
    xheight: 900px;
}

.sisterwives .authorphoto  { height: 180px; overflow: hidden; }