/* 
Theme Name: Model Team
Theme URL: http://www.revorm.com/
Description: The Theme for the model agency in Hamburg.
Author: REVORM
Author URI: http://www.revorm.com
Version: 1.0
*/


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tbody, thead, tr, th, td {font-size:100%;font-family:Arial, sans-serif;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}



/* ----    ALLGEMEIN			---- */

body					{ background:white; }
.center-auto			{ margin:0 auto; width:970px; }
.clear 					{ clear:both; float:none; }
.fl						{ float:left; }
.fr						{ float:right; }
.abs					{ position:absolute; }
.relative				{ position:relative; }
a						{ text-decoration:none; color:#000; }

.black-bg				{ background:black; }
.white-bg				{ background:white; }

#content				{ }
#container-top 			{ }
#container-main 		{ }

ul						{ list-style:none; }
.button	a				{ font-size:10px; text-transform:uppercase; letter-spacing:1px; 
						  padding:6px 18px 6px; border-radius:4em; -webkit-border-radius:4em; 
						  -moz-border-radius:4em; cursor:pointer; }
.dark a					{ color:#aaa; background:#222;
	 						-moz-box-shadow:0 -1px rgba(255, 255, 255, 0.4);
							-webkit-box-shadow:0 -1px rgba(255, 255, 255, 0.4);
							box-shadow:0 -1px rgba(255, 255, 255, 0.4);}
.dark a:hover			{ background:#cfc800; color:#fff; border-top:none; border-top:1px solid #fff; text-shadow:0px 1px 0px #333; }
.dark a:active			{ background:#ebe300; }
.selected a				{ color:#fff; background:#cfc800;
	 						-moz-box-shadow:0 -1px rgba(255, 255, 255, 0.4);
							-webkit-box-shadow:0 -1px rgba(255, 255, 255, 0.4);
							box-shadow:0 -1px rgba(255, 255, 255, 0.4);}	
.selected a:hover			{ background:#ebe300; color:#fff; border-top:none; border-top:1px solid #fff; text-shadow:0px 1px 0px #333; }
.selected a:active		{ background:#ebe300; }
.cufon-loading  		{ /* for Cufon.replace('h1') */  visibility: hidden !important; }
.white					{ color:#222; background:#fff;
	 						-moz-box-shadow:0 -1px rgba(0, 0, 0, 0.2);
							-webkit-box-shadow:0 -1px rgba(0, 0, 0, 0.2);
							box-shadow:0 -1px rgba(0, 0, 0, 0.2);}
.white:hover			{ background:#eee; color:#222; border-top:none; border-top:1px solid #fff; text-shadow:none; }
.white:active			{ background:#ddd; }

.green {
	color: #fff;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	border: solid 1px #004690;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
/*	padding: .5em 1.2em .55em;*/
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}


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


#header 				{ height: 162px; background:white; position:relative;}
#logo					{ width:200px; top:15px; }
#main-menu 				{ background:#fff; right:0px; top:17px;}
#main-menu a			{ text-transform:uppercase; line-height:0.7em; font-size:25px; font-style:normal; }
#main-menu a:hover		{  }
#menu1					{ margin-right:80px; }


/* ----    STARTSEITE	  		---- */

#start						{ position:relative; height:720px;}
#start .framez				{ position:absolute; width:484px; height:635px; overflow:hidden; }
#start .framez:hover		{ cursor:pointer; }
#start .innerpic			{ position:relative; }
#start #women				{ left:0px; }
#start #men					{ left:484px; text-align:right;}
#start #women .innerpic		{ position:relative; left:-25px; }
#start #men .innerpic		{ position:relative; left:-25px; }
#start #line				{ height:740px; width:5px; z-index:1000; background:#cfc800; position:absolute; left:484px; top:-50px; }

/*#myslider					{position:relative;}*/


/* ----    MODELS		  		---- */

.modelframe				{ position:relative; width:194px; height:280px; background:#fff; }
.modelframe:hover		{ background:#cfc800; }
.modelframe img			{ margin-left:4px; margin-top:4px; margin-bottom:0px; width:186px; height:244px; }
.name_off a				{ color:#777; font-weight:normal; }
.name_on a				{ color:#fff; font-weight:bold; }
.black_off a			{ font-weight:normal; }
.black_on a				{ font-weight:bold; }
.modelframe .name 		{ font-size:13px; margin-left:6px; }
.newo					{ position:absolute; top:213px; right:0px; height:26px; width:51px; 
							background:url('img/neu.png'); background-repeat: no-repeat; }
.newface				{ position:absolute; top:213px; right:0px; height:26px; width:81px; 
							background:url('img/newface.png'); background-repeat: no-repeat; }
.update					{ position:absolute; top:213px; right:0px; height:26px; width:70px; 
							background:url('img/update.png'); background-repeat: no-repeat; }
.onstay					{ position:absolute; top:188px; right:0px; height:26px; width:73px; 
							background:url('img/onstay.png'); background-repeat: no-repeat; }



/* ----    MODEL DETAIL  		---- */

#modeldetail			{ position:relative; } 
#modeldetail h2			{ color:white; font-style:italic; text-transform:uppercase; 
							font-size:60px; padding-top:4px; margin-bottom:0px; 
							max-width:600px; float:left; background:#000; border-bottom:4px solid #cfc800; }
#model-data				{ width:178px; }
#big-image 				{ width:765px; height:497px; overflow:hidden; margin-bottom:3px; background-color:#111; text-align:center !important; }
#big-image img:hover	{ cursor:pointer; }
#imgnav1				{ position:absolute; top:237px; left:-12px; }
#imgnav2				{ position:absolute; top:237px; right:-12px; }

.data-name				{ width:70px; margin-right:10px; text-align:right; color:#888; font-weight:normal; font-size:15px; padding-top:6px; }
.data					{ color:#fff; font-weight:bold; font-style:italic; font-size:21px; }
#loading-animation		{ top:385px; left:359px; display:none; }
#galerie .thumbnail:hover	{ cursor:pointer; }
#galerie .thumbnail img	{ display:block; height:90px; float:left; background:#000 !important; opacity:0.8; }
#galerie .thumbnail img:hover	{ opacity:1; cursor:pointer; }
#navi					{ padding-top:30px; }
#navi .slug	a			{ margin-left:14px; }




/* ----    NGG GALLERY	  		---- */

.ngg-gallery-thumbnail			{ margin:0 !important; opacity:1; background:#000 !important;}
.ngg-gallery-thumbnail img		{ border:none !important; padding:0 !important; background:#000 !important; margin:0 !important;}
.ngg-gallery-thumbnail:hover	{ opacity:0.8; cursor:pointer; }
.ngg-gallery-thumbnail-box		{ float:left;}
.ngg-galleryoverview			{  }
.ngg-singlepic					{ padding:0 !important; background:#fff;  }
#slideshow						{ overflow:hidden; width:100%; }
#slideshow ul					{ width:3500px; }
#slideshow li					{ float:left; }
/*#thumbs						{ position:relative; width:100%; border-top:1px solid #444;}*/



/* ----    BLOG  		---- */

.blog .post						{ margin-bottom:40px;  }
.blog #content, .single #content { width:645px; }
.blog h2.futura, 
.single h2.futura {
	color:#222; 
	font-style:italic; 
	text-transform:uppercase; 
	font-size:60px; 
	padding-top:4px; 
	margin-bottom:30px; 
	max-width:600px; 
	border-bottom:4px solid #cfc800;
}
.blog h2.post, .single h2.post	{ float:none; font-style:normal; border-bottom:none; font-size:30px; padding-top:4px; margin-bottom:5px; }
.blog p, .single p				{ font-size:13px; color: #555; line-height:1.4em; }
.blog .time, .single .time		{ font-size:13px; font-family:Georgia, "Times New Roman", serif; color:#aaa; margin-bottom:10px; font-style:italic; }
.blog a, .single a				{ text-decoration:underline; }
.blog img, .single img			{ max-width:630px; height:auto; }


/* ----    KONTAKT 		 		---- */

.kontakt				{ color:#fff; }
.kontakt h2				{ color:white; font-style:italic; text-transform:uppercase; 
							font-size:60px; padding-top:4px; margin:10px 0 50px; 
							max-width:600px; float:left; border-bottom:4px solid #cfc800; }
							
.kontakt #left-column	{ width:685px; }

.kontakt #address		{ width:200px; margin-left:23px; }
.kontakt #address .address			{ line-height:1.8em; font-size:12px; color:#ccc; text-transform:uppercase; letter-spacing:1px; }
.kontakt #address .phone			{ font-size:20px; color:#888; }
.kontakt #address .phone .title		{ color:#fff; margin:14px 0 5px; display:block; font-style:italic; font-size:19px; letter-spacing:1px; font-family:Georgia, "Times New Roman", serif; }

.kontakt #text 			{ padding-right:80px; font-size:13px; line-height:1.8em; letter-spacing:1px; color:#ccc; margin-top:30px;}

.kontakt #personen 	 	{ width:265px; margin-top:-17px; }
.kontakt .person		{ border-bottom:1px solid #cfc800; width:235px; float:left; margin:0 20px 27px 0; padding:18px 14px 15px; }
.kontakt .person:hover	{ background:#444; }
.kontakt .email	a		{ color:#888; display:block; height:15px; font-style:italic; font-size:13px; letter-spacing:1px; font-family:Georgia, "Times New Roman", serif; }
.kontakt .email	a:hover	{ color:#fff; }
.kontakt h3	a			{ color:white; font-style:normal; text-transform:uppercase; 
							font-size:60px; padding-top:4px; margin-bottom:0px;  }

.kontakt #haus img		{ padding:5px; border:1px solid #555; background:#fff; }



/* ----    MY SELECTION	    	---- */

#selected-models				{ color:#fff; }
#selected-models .selected-box	{ position:relative; background:#222; width:194px; height:280px; }
.turnoff						{ position:absolute; top:4px; right:4px; visibility:hidden; width:25px; height:25px; background:url('img/delete.gif') no-repeat; }
.turnoff:hover					{ background:url('img/delete_over.gif') no-repeat; cursor:pointer; }
#selected-models .selected-box:hover		{ background:#cfc800; }
#selected-models img		 	{ margin:4px 0 0 4px; width:186px; height:244px; }
#selected-models .name a		{ font-size:13px; color:#fff; margin-left:6px; }



/* ----    JQUERY SLIDESHOW    	---- */

#slideshow 				{ background:#444; }
#nav 					{ width: 100%; margin-top: 10px }
#nav li 				{ float: left; list-style: none }
#nav a					{ padding: 13px; display: block; }
#nav a.activeSlide 		{ background: #cfc800; }
#nav a:focus 			{ outline: none; }
#nav img 				{ border: none; display: block }





/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#loader.loading {
  background: url(images/spinner.gif) no-repeat center center;
}


/* ----    APP Form	    	---- */

.application h2		{ color:#222; font-style:italic; text-transform:uppercase; 
						font-size:60px; padding-top:4px; margin-bottom:30px; 
						max-width:600px; float:left;  border-bottom:4px solid #cfc800; }
#app				{ width:600px; }
#app #text 			{ line-height:1.5em; font-size:13px; color:#444; }
#appform .label		{ padding:11px 10px 0 0; color:#222; font-size:14px; font-weight:bold; display:block; margin-bottom:3px; vertical-align:top; }
#appform input		{ margin-bottom:7px; padding:8px; font-family:"Helvetica Neue", Arial, sans-serif; 
					 	width:260px; font-size:14px;  }
#appform .error		{ display:block; color:#f50; font-weight:bold; }



/* ----    MAILER	    	---- */

#selection-form .error	{ display:block; color:#f50; font-weight:bold; }
#mailme table			{  }
#mailme h2				{ font-size:26px; color:#222; font-style:normal; margin-bottom:30px; }
#mailme	.label			{ padding:11px 10px 0 0; color:#222; font-size:14px; font-weight:bold; display:block; margin-bottom:3px; vertical-align:top; }
#mailme td input		{ margin-bottom:7px; padding:8px; font-family:"Helvetica Neue", Arial, sans-serif; 
						 	width:260px; font-size:14px;  }	
#mailme td				{ vertical-align:top; }
#mailme textarea		{ width:400px; }
#mailme .error			{ font-size:14px; margin-bottom:10px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent		{background:#000;
									background: white;
									border-top: 4px solid #cfc800;
									-webkit-border-radius:8px;
									-moz-border-radius:8px;
									border-radius:8px;
									-webkit-box-shadow: black 0px 2px 17px;
									-moz-box-shadow: black 0px 2px 17px;
									box-shadow: black 0px 2px 17px;
									padding: 25px;
									width:450px;
									}
/*        #cboxLoadingGraphic{background:url('') center center no-repeat;}*/
/*        #cboxLoadingOverlay{background:#000;}*/
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose		{ background:url('img/closebox.png') no-repeat; width:30px; height:30px; right:-14px; top:-13px;}
/*        #cboxClose.hover{background-position:-50px -25px;}*/
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
#cboxOverlay { background:#000; opacity:0.6 !important; }

input[type='submit']	{ font-size:14px; 
						  padding:6px 18px 6px; cursor:pointer; width:100px !important;}

/* ----    OTHER	    	---- */
p.page_nav {
	font-size: 42px;
	font-style: italic;
}



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

#footer					{ margin-top:75px; border-top:4px solid #cfc800; padding:13px 0px 50px; }
#foot-menu a			{ text-transform:uppercase; font-size:11px; letter-spacing:1px; padding:3px 5px; }
#foot-menu a			{ color:#222; }
#foot-menu a:hover 		{ background:#222; color:#fff; }
.black-bg #foot-menu a	{ color:#fff; }
.black-bg #foot-menu a:hover { background:#fff; color:#000; }
#legal					{ font-size:10px; color:#888; text-align:right; line-height:1.5em; }
#legal a 				{ color:#888; }
.footmenu				{ width:auto; margin-right:40px; }


.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}