/* 
  Miguel Domingos Photography website stylesheet
  created 20 january 2010
  updated 25 february 2010
  created by www.souldesigngroup.com
  copyright Miguel Domingos
 */

* {
	margin:0px;
	padding:0px;
	outline:none;
}

html {height:100%;}

body {
	width:100%;
	min-width:800px;
	height:100%;
	background:url(img/bg-pattern.jpg) repeat center #000;
	font-family:“Century Gothic”, “Apple Gothic”, sans-serif;
	font-size:11px;
	line-height:1.3em;
	letter-spacing:1.4px;
    color:#888;
	margin:0;
	border:none;
}

p {margin-top:10px; text-align:justify;}

h1 {
	font-size:36px;
	line-height:40px;
	margin-bottom:15px;
}

h2 {
	font-size:18px;
	line-height:18px;
	margin-bottom:15px;
}

a:link {text-decoration:none; color:#888;}
a:visited {text-decoration:none; color:#888;}
a:hover {text-decoration:none; color:#F3C;}
a:active {text-decoration:none; border:none; color:#888;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.bg-img-right {float:right; text-indent:-9999px;}
.bg-img-left {float:left; text-indent:-9999px;}

/*************** rotating content */
.jsclass body .randomordercontent{display:none;}


/********************************************************* HOME */
#home-page {background:#CCC;}

#header {
	width:25%;
	position:absolute;
	margin:3% 0 0 0;
	left:3%;
	z-index:10;
}

/******************* background image */
#background {width:100%;}	

#bg-image {
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:fixed;
	/* z-index: -1; */
	_margin-top:-60px;
}

#background-overlay {width:100%;}

#bg-img-rules {margin-top:-68%; float:none;}	

/********************************************************* NAVIGATION */

#nav-wrapper {
	width:700px;
	height:45px;
	margin:0 0 -5px -350px;
	position:fixed;
	left:50%;
	bottom:0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#333;
	z-index:50;
	_display:none;
}

#nav-wrapper-IE6 {
	_width:695px;
	_min-width:675px;
	_height:15px;
	_margin:5px 0 0 -375px;
	_position:absolute;
	_left:50%;
	_top:5px;
	_text-align:center;
	_font-size:14px;
	_font-weight:bold;
	_color:#333;
	display:none; 
	_display:block;
}

#nav-wrapper-IE6 .nav-item {margin:0 5px;}

#gallery-nav-bg {width:100%; height:50px; position:fixed; bottom:0px; background:#000; z-index:5;}

.on {border-bottom:4px solid #252525;}

.nav-item {
	display:inline;
	text-align:center;
}

/******************* navigation black */
.nav-item #editorial {width:128px; height:21px; margin:0 15px 0 0; background:url(img/nav/editorial.png) top center no-repeat; _background:url(img/nav/editorial.jpg) top center no-repeat; display:inline;}
.nav-item #beauty {width:101px; height:21px; margin:0 15px 0 0; background:url(img/nav/beauty.png) top center no-repeat;  _background:url(img/nav/beauty.jpg) top center no-repeat; display:inline;}
.nav-item #portrait {width:128px; height:20px; margin:0 15px 0 0; background:url(img/nav/portrait.png) top center no-repeat;  _background:url(img/nav/portrait.jpg) top center no-repeat; display:inline;}
.nav-item #show {width:80px; height:20px; margin:0 15px 0 0; background:url(img/nav/show.png) top center no-repeat;  _background:url(img/nav/show.jpg) top center no-repeat; display:inline;}
.nav-item #blog {width:72px; height:20px; margin:0 15px 0 0; background:url(img/nav/blog.png) top center no-repeat;  _background:url(img/nav/blog.jpg) top center no-repeat; display:inline;}
.nav-item #contacts {width:109px; height:21px; margin:0 0 0 0; background:url(img/nav/contact.png) top center no-repeat;  _background:url(img/nav/contact.jpg) top center no-repeat; display:inline;}

/******************* navigation white */
.nav-item #editorial-w {width:128px; height:21px; margin:0 15px 0 0; background:url(img/nav/editorial-w.png) top center no-repeat; _background:url(img/nav/editorial-w.jpg) top center no-repeat; display:inline;}
.nav-item #beauty-w {width:101px; height:21px; margin:0 15px 0 0; background:url(img/nav/beauty-w.png) top center no-repeat; _background:url(img/nav/beauty-w.jpg) top center no-repeat; display:inline;}
.nav-item #portrait-w {width:128px; height:20px; margin:0 15px 0 0; background:url(img/nav/portrait-w.png) top center no-repeat; _background:url(img/nav/portrait-w.jpg) top center no-repeat; display:inline;}
.nav-item #show-w {width:80px; height:20px; margin:0 15px 0 0; background:url(img/nav/show-w.png) top center no-repeat; _background:url(img/nav/show-w.jpg) top center no-repeat; display:inline;}
.nav-item #blog-w {width:72px; height:20px; margin:0 15px 0 0; background:url(img/nav/blog-w.png) top center no-repeat; _background:url(img/nav/blog-w.jpg) top center no-repeat; display:inline;}
.nav-item #contacts-w {width:109px; height:21px; margin:0 0 0 0; background:url(img/nav/contact-w.png) top center no-repeat; _background:url(img/nav/contact-w.jpg) top center no-repeat; display:inline;}


/********************************************************* GALLERIES */
#header-sm {
	width:200px;
	height:140px;
	position:absolute;
	top:0;
	right:25px;
	overflow:hidden;
	z-index:1;
	_float:right;
	_top:0px;
	_right:25px;
}

#header-line-gallery {
	width:100%;
	height:58px;
	border-bottom:1px solid #111;
}


/********************************************************* PHOTO GALLERY powered by flickr */
#gallery-space {
	width:100%;
	overflow:visible;
	position:absolute;
	top:100px;
}

/******************* large images */
.largeImageWrap {
	margin:0 0 0 -125px;
	position:absolute;
	left:50%;
}

.largeImageWrap img{}

.largeImage {
	vertical-align:top;
	margin-bottom:25px;
}

/******************* thumbnails */
.thumbs img, .galleryUL img {
	width:75px;
	opacity:.6;
	filter:alpha(opacity=70);
	border:0px;
	cursor:cursor;
}

.sliderGallery UL {
	width:231px;
	margin:0 0 0 -355px;
	padding:0;
	position:absolute;
	left:50%;
	list-style:none;
	overflow:none;
	white-space:nowrap;
}


.sliderGallery UL LI {
	width:50px;
	height:50px;
	margin:0 25px 25px 0;
	overflow:hidden;
	position:relative;
	float:left;
	border:1px solid #222;
}


/********************************************************* BLOG */
#blog-space {width:100%; margin:150px auto; text-align:center;}

#blog-page {
	width:800px;
	height:26000px;
	margin:0 auto;
	border:1px solid #000000;
}

#blog-page iframe {border:none;}

/********************************************************* CONTACT */
#info-space {width:100%; margin:150px 25px; }

.contact {
	width:300px;
	margin:0 0 25px 0;
	padding:0 0 0 25px;
	border-left:1px dotted #222;
	float:left;
	font-variant:small-caps;
	font-size:10.5px;
}

#contact p {
	margin:10px 0 0 0;
}

.contact-col {
	width:275px;
	margin:0 25px 0 0;
	padding:0 0 0 25px;
	border-left:1px dotted #222;
	float:left;
}

.contact-text {text-align:left; text-indent:0;}

#contact-luckenpaint {
	background:url(img/Luckenpaint-bg.gif) no-repeat top left;
	float:left;
	text-indent:-9999px;
}

#contact-volitif {
	background:url(img/Volitif-bg.gif) no-repeat top left;
	float:left;
	text-indent:-9999px;
}

#contact-miguel {
	background:url(img/contact-miguel.gif) no-repeat top left;
	float:left;
	text-indent:-9999px;
}

#contact-page {background:#000;}