/*
Author:Jesse Ortiz (Kick Ass Jesse)
*/

/* predefined tags */
body { margin:0px; padding:0px; background-color:#F1F1F1; font-weight: 200; }
h1, h2, h3, h4, h5, h6 { margin-top:0px; padding-top:0px; text-transform:uppercase; font-weight:200; }
img { border:none; }
/* end predefined tags */


/* nav */
.navbar-brand { padding:20px; }
.navbar-inverse { background-color:#000; border-bottom:1px solid purple; text-transform:uppercase; }
.navbar-inverse .navbar-nav li a { padding:20px; }
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li.active a:hover { background-color:purple; }
.navbar-inverse .navbar-nav li a.join { background-color:#02B21B; color:#FFF; }
.navbar-inverse .navbar-nav li a.join:hover { background-color:green; }
/* end nav */


/* top of the page */
.header { position:relative; padding-top:300px; background-color:#333; z-index:0; border-bottom:2px solid purple; }
.start { position:relative; z-index:2; margin-top:-200px; }
/* end top of the page */


/* carousel */
.carousel-well, .content-well { background-color:#FFF; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; box-shadow:0 1px 2px #999; }
.carousel-well { padding:5px; }
.carousel-text { position:absolute; left:0px; right:0px; top:0px; text-align:center; padding:5px; background-color:purple; opacity:.5; color:#FFF; width:150px; }
.carousel-control.left, .carousel-control.right { background-image:none; }
/* end carousel */


/* main content area */
.main-column { background-color:#FFF; }
.content { padding:15px; background-color:#FFF; }
.content-start { margin-top:30px; }
.content-well { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

section { margin-bottom:30px; }
section h1, section .title { font-size:22px; border-left:5px solid purple; background-color:white; color:purple; padding:15px; margin:0px; }
section .title { text-transform:uppercase; font-weight:200; }
section h2 { font-size:18px; }

.model-wrap { margin-bottom:25px; border:1px solid purple; padding:10px; background-color:#FEFEFE; min-height:300px; }
.model-wrap h3 { font-size:18px; }
.model-wrap div { margin-right:15px; display:inline-block; width:40%; vertical-align:top; }
.model-wrap div:last-child { width:50%; margin-right:0px; }
.model-wrap .model-name { color:purple; }
.model-wrap p.blurb { font-size:12px; }
/* end main content area */


/* right column */
.right-column { }
.right-column section { }
.right-column .content { text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.right-column .img-responsive { display:inherit; }
.dating { max-width:250px; overflow:hidden; border:1px solid #CCC; }
.dating * { width:100%; vertical-align:top; }
.dating .members-list-block { margin:-6px 0px -1px -1px; }
.dating table { text-align:center; width:250px; }
.dating tr { text-align:center; }
.dating td { float:left; margin:0px 19px 0px 19px; min-height:160px; }
.recommendations .nav li { display:inline-block; }
.right-column .recommendations .nav li { display:block; }
/* end of right column */


/* footer */
.footer { background-color:#333; color:#FFF; text-align:center; border-top:2px solid purple; }
footer { margin:20px 0px 50px 0px; }
footer h4 { text-align:center; }
footer ul, footer li { list-style-type:none; text-align:center; }
footer ul li a { }
footer .copyright { margin-top:20px; color:#666; font-size:10px; border-top:1px solid #666; padding-top:20px; }
footer .banner { text-align:center; margin:30px 0px 20px 0px; }
footer .banner div { display:inline-block; margin:0px 3px 0px 3px; }
footer .banner div img { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
footer .banner div img:hover { opacity:.9; }
/* end footer */


/* index page */
.enter, .freesite-list { text-align:center; }
.enter .btn { font-size:36px; text-transform:uppercase; }
.freesite-list .group { display:inline-block; vertical-align:top; min-width:220px; min-height:220px; margin-bottom:20px; background-color:#FEFEFE; border:1px solid purple; padding:10px; }
.freesite-list ul, .freesite-list li { margin:0px; padding:0px; list-style:none; }
/* end index page */


/* kingdom1.php */
.left-images, .right-images, .center-content { display:inline-block; margin:0px -2px 0px -2px; vertical-align:top; width:9%; }
.left-images div, .right-images div { border-bottom:1px solid #666; }
.center-content { width:82%; }
.category-keyword { background-color:#FFF; }
.category-keyword .softcore, .category-keyword .hardcore { display:inline-block; vertical-align:top; width:49%; }
.center-content ul, .center-content li, .rates ul, .rates li { margin:0px; padding:0px; list-style-type:none; }
.rates .content { text-align:center; }
.rates .galleria, .rates .hairy { display:inline-block; vertical-align:top; width:49%; border:1px solid purple; padding:10px; background-color:#FEFEFE; }
.rates .content ul { display:inline-block; min-width:100px; min-height:120px; vertical-align:top; border:1px solid purple; margin-bottom:20px; }
.rates .content h3 { background-color:purple; padding:10px; color:#FFF; }
.center-content h3 { font-size:16px; }
/* end kingdom1.php */


/* model page */
div.header-title { font-size:22px; text-transform:uppercase; width:100%; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 5px; background-color: purple; opacity: .5; color: white; margin-bottom:0px; }
.top-banner { text-align:center; margin-bottom:25px; }
.top-banner .img-responsive { display:inherit; }
.top-promo-banner .img-responsive { display:inherit; }
.gallery { text-align:center; }
.gallery div { display:inline-block; margin:10px; }
.model-img-wrap { margin-bottom:25px; padding:10px; }
.social-icons span { display:inline-block; }
/* end model page */


/* download page */
.banner-section { text-align:center; }
/* end download page */

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	.left-images, .right-images { display:none; } 
	.center-content { width:100%; } 
	.rates .galleria, .rates .hairy { width:100%; margin-bottom:10px; }
	.category-keyword .softcore, .category-keyword .hardcore { width:100%; margin-bottom:10px; }
}
