/*
Theme Name: StylistJonas
Theme URI: http://stolt-akerman.com
Description: Child theme for Coraline theme
Author: Robert O. Akerman
Author URI: http: //stolt-akerman.com
Template: coraline
Version: 1.0
*/

@import url("../../plugins/nextgen-gallery/css/nggallery.css");
@import url("../coraline/colors/dark.css");
@import url("../coraline/style.css");


/* =Structure
----------------------------------------------- */

body {
	padding: 0 3.8%;
}
#header {
	float: left;
	width: 100%;
}
#container {
	clear: both;
	margin: 0 auto;
}
#content-container {
	width: 100%;
}
#main-sidebars {
	max-width: 450px;
	width: 45.5%;
}
#feature {
	width: 100%;
}
#primary,
#secondary {
	overflow: hidden;
}
#footer {
	clear: both;
	width: 100%;
}

#colophon a {
    color: #333333 !important;
}


#colophon a:hover {
    color: #666666 !important;
}

.clear {
    clear:both;
}

.contentleftrow {
    float: left;
    width: 46%;
    text-align: justify;
}

.contentrightrow {
    float: right;
    width: 46%;
    text-align: justify;
}

#copyrightinfringement {
    float: left;
    width: 100%;
    text-align: justify;
    border-top: 1px solid #333333;
}

/* 2-column layouts */
.two-column #container {
	max-width: 990px;
}
.two-column #content {
	width: 75%;
}
.two-column #primary,
.two-column #secondary {
	float: right;
	width: 20%;
}

/* 3-column layouts */
.three-column #container {
	max-width: 990px;
}
.three-column #content {
	width: 50.5%;
}
.three-column #primary {
	width: 50.15%;
}
.three-column #secondary {
	width: 39.89%;
}

/* Content-Sidebar layouts */
.content-sidebar #content-container {
	float: left;
	margin: 0 -30.4% 0 0;
}
.content-sidebar #content {
	margin: 0 35.1% 0 0;
}
.content-sidebar #primary,
.content-sidebar #secondary {
	float: right;
}
.content-sidebar #secondary {
	clear: right;
}

/* Sidebar-Content layouts */
.sidebar-content #content-container {
	float: right;
	margin: 0 0 0 -30.4%;
}
.sidebar-content #content {
	margin: 0 0 0 25%;
}
.sidebar-content #primary,
.sidebar-content #secondary {
	float: left;
}
.sidebar-content #secondary {
	clear: left;
}

/* Content-Sidebar-Sidebar layouts */
.content-sidebar-sidebar #content-container {
	float: left;
	margin: 0 -45.5% 0 0;
}
.content-sidebar-sidebar #content {
	margin: 0 49.5% 0 0;
}
.content-sidebar-sidebar #main-sidebars {
	float: right;
}
.content-sidebar-sidebar #feature,
.content-sidebar-sidebar #primary,
.content-sidebar-sidebar #secondary {
	float: left;
}
.content-sidebar-sidebar #secondary {
	margin: 0 0 0 9.88%;
}

/* Sidebar-Sidebar-Content layouts */
.sidebar-sidebar-content #content-container {
	float: right;
	margin: 0 0 0 -45.5%;
}
.sidebar-sidebar-content #content {
	margin: 0 0 0 49.5%;
}
.sidebar-sidebar-content #feature,
.sidebar-sidebar-content #primary,
.sidebar-sidebar-content #secondary {
	float: left;
}
.sidebar-sidebar-content #secondary {
	margin: 0 0 0 9.88%;
}

/* Sidebar-Content-Sidebar layouts */
.sidebar-content-sidebar #content-container {
	float: left;
}
.sidebar-content-sidebar #content {
	margin: 0 24.8%;
}
.sidebar-content-sidebar #primary,
.sidebar-content-sidebar #secondary {
	width: 20.69%;
}
.sidebar-content-sidebar #primary {
	float: left;
	margin: 0 0 0 -100%;
}
.sidebar-content-sidebar #secondary {
	float: right;
	margin: 0 0 0 -20.7%;
}

/* Full width content with no sidebar; used for attachment pages */
.full-width #content,
.single-attachment #content {
	margin: 0 auto;
	width: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 11px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 11px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* END Structure */


body {
    background: #000000 url(../stylistjonas/images/background_black.jpg) repeat-x 0 0 !important; 
    color: #DDDDDD;
}



body, input, textarea {
    color: #333333;
    font: 16px/1.8 "Metrophobic", "Helvetica Neue", sans-serif;
}

h1, h2, h3 {
    color: #000000;
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-weight: bold;
}

.page-title {
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}

.widget-title {
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}

.entry-title {
    visibility:hidden;
    text-align:right;
    font-size: 20px;
    letter-spacing: 0;
 /*   line-height: 24px; */
    line-height:1px; 
    padding: 0 0px 0px 0px; 
}

.post .entry-title {
    visibility: visible;
    text-align:left;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px; 
    padding: 0 18px 8px 0px;
}

.entry-meta {
}



#comments h3 {
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}


#header {
    background: url(../stylistjonas/images/header-top-light.png) no-repeat 0 0 transparent;
}

#masthead {
    padding: 18px 0 0;
}

/* Links */

#content a {
    color: #FF2D2D;
    text-decoration: none;
}

#content a:hover {
    text-decoration: underline;
}


.widget-area a {
    color:#999999;
}

.widget-area a:hover {
    color: #FFFFFF;
}

/* Logo */


#site-title img {
    float:right;
    margin: 0 0 0px 0;
    width:420px;
    height:77px;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    color:#D31C29 !important;
}


/*Main Menu*/

#access {
    border-top: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin: 0 auto;
    padding: 1px 0 0;
    width: 100%;
}

#access ul {
    float:right;
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 18px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    text-transform: uppercase;
}

/* Frontimage */
.frontimage_wrapper {
    float:right;
}

/* Frontmagazines Slideshow */

.frontmagazines_wrapper {
    float:left;
    z-index:1000;
    margin-top: -244px;
    margin-left: 70px;
    width: 650px;

}

.frontmagazines1 {
    float:left;
    width: 200px;
    margin: 0 0 0 0;
}    

.frontmagazines2 {
    float:left; 
    width: 200px;   
    margin: 0 0 0 2px;
}    

.frontmagazines3 {
    float:left;
    width: 200px;
    margin: 0 0 0 0;
}  



/* Full Width Footer Widget Area*/
#full-footer-widget-area {
    width:100%;

}  

/* Editorial, Celebrities, Advertising Collage Wrapper */

#editorial_wrapper,
#celebrities_wrapper,
#advertising_wrapper {
    margin:0 0 0 0px;
    width:100%;
    text-align:center;
}


/* EDITORIAL */

#celebrities_wrapper {
    height: 832px;
}

#gallerybackeditorial {
    background: url(../stylistjonas/images/gallerybackeditorial.png) no-repeat 0 0 transparent; 
    height: 396px;
    width: 990px;
}

#editorial_albumback {
    background: url(../stylistjonas/images/greyeditorialbouqet.png) no-repeat 0 0 transparent; 
    height: 1112px;
    width: 990px;
}

#editorial_coverslides_wrapper {
    float:left;
    width:100%;
    margin: 0 0 30px 0;
    height: auto;
}

.editorial_coverslide {
    float:left;
    width:200px;
    height:auto;
}

.editorial_coverslide img {
}

.button_back2editorial {
    background: url("../stylistjonas/images/back2editorial_button.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 41px;
    text-indent: -9999px;
    width: 145px;
}


.button_back2editorial:hover {
    background-position: left bottom !important;
}

/* My Girls editorial */
#mygirls_wrapper {
    background: url(../stylistjonas/images/mygirlsstareditorial.png) no-repeat 0 0 transparent; 
    width: 100%;
    clear:both;
    height: 385px;
    margin: 10px 0px 0 0;


}

#mygirlsstar {

}

#mygirlssign_wrapper {
    clear:both;
    width:100%;
    height:350px;
    margin: 15px 0 0 0;
}


#mygirls_text {
    position:absolute;
    padding: 50px 0 0 180px;
    width:489;
    height: 294;
    z-index: 100;
    
}

#mygirls_intro {
    position:absolute;
    width: 220px; 
    height: 350px; 
    padding: 0 0px 0 490px; 
}




/***  CELEBRITIES  ***/

#celebrities_wrapper {
    height: 832px;
}

#gallerybackstars {
    background: url(../stylistjonas/images/gallerybackstars.png) no-repeat 0 0 transparent; 
    height: 396px;
    width: 990px;
}

#celebrities_albumback {
    background: url(../stylistjonas/images/greycelebritiesstars.png) no-repeat 0 0 transparent; 
    height: 1112px;
    width: 990px;
}



.button_back2celebrities {
    background: url("../stylistjonas/images/back2celebrities_button.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 41px;
    text-indent: -9999px;
    width: 145px;
}


.button_back2celebrities:hover {
    background-position: left bottom !important;
}


/* My Stars Celebrities */
#mystars_wrapper {
    background: url(../stylistjonas/images/mygirlsstareditorial.png) no-repeat 0 0 transparent; 
    width: 100%;
    clear:both;
    height: 385px;
    margin: 10px 0px 0 0;
}

#mystarsstar {

}

#mystarssign_wrapper {
    clear:both;
    width:100%;
    height:350px;
    margin: 15px 0 0 0;
}


#mystars_text {
    float:right;
    position:absolute;
    padding: 50px 0 0 180px;
    width:489;
    height: 294;
    z-index: 100;
    
}

#mystars_intro {
    position:absolute;
    width: 220px; 
    height: 350px; 
    padding: 0 0px 0 490px; 
}

/** ADVERTISING **/

#advertising_wrapper {
    height: 1132px;
}

#advertising_albumback {
    background: url(../stylistjonas/images/greyadvertisinglogos.png) no-repeat 0 0 transparent; 
    height: 1132px;
    width: 990px;
}

.button_back2advertising {
    background: url("../stylistjonas/images/back2advertising_button.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 41px;
    text-indent: -9999px;
    width: 145px;
}


.button_back2advertising:hover {
    background-position: left bottom !important;
}


/* My Campaigns Advertising */
#mycampaigns_wrapper {
    background: url(../stylistjonas/images/mygirlsstareditorial.png) no-repeat 0 0 transparent; 
    width: 100%;
    clear:both;
    height: 385px;
    margin: 10px 0px 0 0;
}

#mycampaignsstar {

}

#mycampaignssign_wrapper {
    clear:both;
    width:100%;
    height:350px;
    margin: 15px 0 0 0;
}


#mycampaigns_text {
    float:right;
    position:absolute;
    padding: 50px 0 0 180px;
    width:489;
    height: 294;
    z-index: 100;
    
}

#mycampaigns_intro {
    position:absolute;
    width: 220px; 
    height: 350px; 
    padding: 0 0px 0 490px; 
}


/***  BOYZ  MINI Special ***/

#boyz_wrapper, #mini_wrapper {
    width: 990px; 
}


#boyz_galleryback {
    background: url(../stylistjonas/images/greyboyzback.png) no-repeat 0 0 transparent; 
    width:990px;
}

#mini_galleryback {
    background: url(../stylistjonas/images/greyminiback.png) no-repeat 0 0 transparent; 
    width:990px;
    height: 960px;
}

#absoluteicons {
    width: 170px;
    position: absolute;
    padding: 0 0 0px 720px; 
    top: 1330px;
}

#starboyz {

}

#starmini {

}

#boyzthanks {
    text-align: center;
}


/* NELLY SHOPPING */
.button_gonellyshopping {
    background: url("../stylistjonas/images/gonellyshop_button.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 41px;
    text-indent: -9999px;
    width: 145px;
}

.button_gonellyshopping:hover {
    background-position: left bottom !important;
}

/* Photolink */
#view_photoslink {
    background: #222222 url(../stylistjonas/images/imglabel_blk.png) no-repeat 0 0 transparent; 
    height: 18px;
    width: 110px;
    line-height: 24px;
    margin: 0 0 0 0;
}

.photoslink { 
    background: #222222 url(../stylistjonas/images/imglabel_blk.png) no-repeat 0 0 transparent; 
    height: 18px;
    width: 100%;
    line-height: 24px;
    margin: 0 0px 0px 20px;    
    color: #666666;
    font-size: 10px;

}

.photoslink a:hover { 
    color: #999999;
}

/* Namedropping */

#namedropping_wrapper {
    width: 100%;
    float:left;
    margin: 30px 0 0 0;
}

#namedropping_header {
    font-family: "Meddon","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 24px;
    line-height: 28px;
}

#namedropping {
    font-family: "Terminal Dosis Light", Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 0 0;
}

/* Social Share */
.social_share {
    float:left;
    width:100%;
    margin: 15px 0 30px 0;
}

.social_share_center {
    float:left;
    width:100%;
    text-align:center;
    margin: 15px 0 0 0;
}


/* BIO Page */
#bio_page_header {
    margin: 0 0 0 160px;
}

#bio_page_text {
    margin: 0 0 0 160px;
}

#bio_page_text p {
    margin: 0 0 12px 0;
}

/* PRESS Page */

#press_wrapper {
    width:100%;
}

#press_movie_text {
    float:left;
    width:450px;
}

#press_movie_wrapper {
    float:right;
    width: 490px;
    border: 5px solid #222222;
}

.press_divider {
    clear:both;
    margin: 0 0 25px 0;
}

/* CREDITS */

#credits_wrapper {
    clear:both;
    float:left;
    margin: 0 auto;
    width:100%;
}

#credits_section {
    margin: 20px 0 20px 0;
    width:100%;
    float:left;
}

#credits_heading {
    clear:both;
    float:left;
    width: 100%;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

#credits_heading_second {
    clear:both;
    float:left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;    
}

.credits_title ul {
    float:left;
    width:50%;
    margin: 0 0 0 0px;
    text-align: right;
    line-height: 20px;
    list-style:none none;
}

.credits_name ul {
    float:right;
    width:47%;
    text-align: left;
    margin: 0 0 0 0px;
    line-height: 20px;    
    font-family: "Terminal Dosis Light", Helvetica, sans-serif; 
    text-transform: uppercase;
    list-style:none none;   
}


/* Contact forms */

#contactforms_wrapper {
    width:80%;
    margin: 0 0 0 170px; 
    float:right;
}

#contactforms_header {
    padding: 18px 0 0 0;
    width:688px;
    color:#C61A21;
    background: url(../stylistjonas/images/greystar_16x.png) repeat-x 0 0 transparent;
}


#contactforms_form {
    float: left;
    width: 300px;
    margin: 0 0 0 0px;
    background: url(../stylistjonas/images/contactspotlight.png) no-repeat 0 0 transparent;
}

#contactinfo_wrapper {
    float: left; 
    width: 300px;
    margin: 60px 0 0 0;

}
/*
#contactforms_stars {
    width:100%;
    height:20px;
    background: url(../stylistjonas/images/whitestar_18x18.png) repeat-x 0 0 transparent; 
    margin: 0px 0 15px 0px;    
}
*/
#contactforms_divider {
    clear:both;
    height: 20px;
    margin: 0 0 0 0px;
}


/* Thank you message Contact form */
#ccf-form-success {
	display:none;
	border: 9px solid #333333;
	border-spacing:0;
	width:480px;
	height:200px;
	padding:0px;
	margin:0;
	z-index:10000;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:15px;
	position:fixed;
	left:30%;
	background-color:#111111;
	top:30%;
	-moz-box-shadow:0 0 14px #123;
	-webkit-box-shadow: 0 0 14px #123;
	box-shadow:0 0 14px #123;
}
#ccf-form-success div {
	background-color:#333333;
	padding:9px 9px 9px 20px;
	margin:0 0 15px 0px;
	height:1.3em;
}
#ccf-form-success div h5 {
	text-align:left;
	float:left;
	margin:0 0 0 0;
	padding:0;
	font-size:18px;
	line-height: 20px;
	font-weight:bold;
	color: #D10000;
}
#ccf-form-success p { padding:8px; margin:0; clear:both; font-size:1.1em; text-align:center; }
#ccf-form-success div a.close {
	float:right;
	display:block;
	font-size:24px;
	line-height: 26px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #D10000;
}

/* END Thank you message Contact form */



/* Only for showing evaluation points during development - Remove if you like after set in production */
.evaluation_info {
    visibility:hidden;
    position: absolute;
    z-index:1000;
    top: 600px;
    right: 300px;
    font-size: 14px;
    background: #C61A21;
    padding: 8px 15px 8px 15px;
}

/* NEXTGEN GALLERY OVERRIDE */

.ngg-singlepic:hover {
    background-color: #960A0F !important;
}

#gallerywrapper {
    text-align: center;
    width:100%;
}

.ngg-galleryoverview {
    text-align: center;
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block;
}

.ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float:none !important;
}

.ngg-gallery-thumbnail img:hover {
    background-color: #960A0F !important;
}

.ngg-gallery-thumbnail img {
    border: 0px solid #A9A9A9 !important;
}

.ngg-gallery-description {
    width: 100%;
    background: url(../stylistjonas/images/headingflash.png) no-repeat 0 0 transparent;
    background-position: center bottom;
    padding: 0 0 5px 0;
    float:left;
    text-align:center;
    font-family: "Terminal Dosis Light", Helvetica, sans-serif; 
    font-size: 24px;
}

.ngg-slideshow-description {
    text-align:center;
    font-family: "Terminal Dosis Light", Helvetica, sans-serif; 
    font-size: 10px;
}


.ngg-gallery-thumbnail span {
    display: block;
    font-size: 90%;
    padding-left: 5px;
    color: #999999;
}

.return2editorial, .return2celebrity, .return2advertising {
    width:100%;
    text-align:center;
    display: block;
}

#return2editorial_signed, .return2celebrity_signed, .return2advertising_signed {
    width:100%;
    text-align:center;
    display: block;
    margin: 30px 0 0 0;
}


/* ----------- Album Overview -------------*/
.ngg-albumoverview {
	margin-top: 10px;
	width: 80%;
	clear:both; 
	display:inline-block !important;
	margin: 0 0px 0 0px;
	text-align:center;

}
/* ----------- End Album Overview -------------*/

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	height:270px;
	padding-right:0px !important;
	margin: 0 0px 0 0px !important; 
	width:175px;
	display:inline-block;		
}

.ngg-album-compactbox {
	background:transparent url(albumset.gixf) no-repeat scroll 0%;
	height:210px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:145px;

}


.ngg-album-compactbox .Thumb {
	border:4px solid #FFFFFF;
	margin:0px !important;
	padding:0px !important;
	width:140px; 
	height:210px;

}

.ngg-album-compact h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	margin-left: 6px;
	overflow:hidden;
	width:148px;
}

.ngg-album-compact p {
	font-size:8px;
	margin-top:2px;
}


/* ----------- Album Styles Compact Selected/Various -------------*/

.ngg-album-select {
	float:left;
	height:340px;
	padding-right:0px !important;
	margin: 0 0px 0 0px !important; 
	width:220px;
	display:inline-block;		
}

.ngg-album-selectcompactbox {
	background:transparent url(albumset.gixf) no-repeat scroll 0%;
	height:310px;
	margin:0pt 0pt 0px !important;
	padding:0px 0pt 0pt 0px !important;
	width:210px;

}


.ngg-album-select .Thumb {
	border:4px solid #FFFFFF;
	margin:0px !important;
	padding:0px !important;
	width:200px; 
	height:300px;

}

.ngg-album-select h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	margin-left: 6px;
	overflow:hidden;	
	width:148px;
}

.ngg-album-select p {
	font-size:8px;
	margin-top:2px;
}
/*  ----  END Album Styles Compact Selected/Various */
 
.ngg-slideshow {
    clear:both;
    display: inline-block !important;
    float:right;
    text-align:right;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* END NEXTGEN GALLERY OVERRIDE */ 

/* ORANGE BOX Overrides */

#ob_overlay {
    background-color: #000000 !important;
}

/* END ORANGE BOX Overrides */


/** Social Bookmarks **/

.social_bookmark64_wrap {
    float:left;
    font-family: "Terminal Dosis Light","Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;    
    text-transform: uppercase;
    width: 100%;
    margin: 15px 10px 15px 10px;
    text-align:center;
    display:block;
}

.button_twitter {
    background: url("../stylistjonas/images/social_twitter_box_blue_64.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 64px;
    text-indent: -9999px;
    width: 64px;
}

.button_twitter:hover {
    background-position: left bottom !important;
}

.button_facebook {
    background: url("../stylistjonas/images/social_facebook_box_blue_64.png") no-repeat scroll left top transparent !important;
    display: inline-block;
    height: 64px;
    text-indent: -9999px;
    width: 64px;
}


.button_facebook:hover {
    background-position: left bottom !important;
}



/** End Social Bookmarks **/