/* index
-------------------------------------------------------------------------------------- */

/*

* Filename: 		stylesheet.css
* Description: 		lobal CSS (master)
* Version:          1.0.0 (18.10.2010)
* Website:			Marijana Sekulic - Official Website 
* Author:			Aleksandar Prohaska / SixPack.rs

== STRUCTURE ============================================================================

* Page width:			??
* Number of columns:	??

*/
  


/* colorscheme
--------------------------------------------------------------------------------------- */

/*
white (bg): 	   		   	#fff

*/



/* Browser CSS-Reset
--------------------------------------------------------------------------------------- */
/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}	
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height: 1;
	color: white;
	background: black;
	}	
ol, ul {list-style: none;}	
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}	
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* images and linked images without border */
img, a img {border: 0;}


/* globals 
--------------------------------------------------------------------------------------- */


body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #fff url(bg2.png) 0 0;
	color: #000;
	display: table;
	width: 100%; 				 /* This rule is primarily there for Internet Explorer 6 and below on Windows */
	}

html>body {
	font-size: 16px;  /* sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera */
	}



a { 
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
}

img {
	vertical-align:bottom;
}

.alt-link {
	color:#b9bdc1;
	font-weight:bold;
}

/* layout elements
--------------------------------------------------------------------------------------- */ 

.post-body-bg {
	background: transparent url(aboutme-bg1.jpg) repeat-x 0 0;

}


.wrapper {
	margin:0 auto;
	width: 980px;
	text-align:left;

}
   
/* header ***************************************/
          

#header-home {
	background: transparent url(aboutme-bg.jpg) no-repeat top center;
	height:652px;
	float:left;
	width:100%;
}

#header-home p {
	font-size:67%;
	padding-left:590px;
	text-align:justify;
	margin:12px 0;
}


#logo {
	margin-left:250px;
}

/* main-menu ************************************/


#main-menu {
	margin-top:20px;
	text-align:center;
	background: transparent url(menu-extended.png) repeat-x 0 0;

}

#main-menu ul {
	width:637px;
	margin:0px auto 0 auto;
}

#main-menu li {
	float:left;
}

#main-menu li a {
		display:block;
		width:91px;
		height:26px;
		float:left;
		background: transparent url(menu3.png) no-repeat 0 0;
		cursor:pointer;
		text-indent:-9999px;
		
}


#main-menu li a#menu-home:hover {
		background-position: 0 -26px;
}

#main-menu li a#menu-about {
		background-position: -91px 0;
}

#main-menu li a#menu-about:hover {
		background-position: -91px -26px;
}


#main-menu li a#menu-photos {
		background-position: -182px 0;
}

#main-menu li a#menu-photos:hover {
		background-position: -182px -26px;
}

#main-menu li a#menu-videos {
		background-position: -273px 0;
}

#main-menu li a#menu-videos:hover {
		background-position: -273px -26px;
}

#main-menu li a#menu-press {
		background-position: -364px 0;
}

#main-menu li a#menu-press:hover {
		background-position: -364px -26px;
}


#main-menu li a#menu-guestbook {
		background-position: -455px 0;
}

#main-menu li a#menu-guestbook:hover {
		background-position: -455px -26px;
}

#main-menu li a#menu-contact {
		background-position: -546px 0;
}

#main-menu li a#menu-contact:hover {
		background-position: -546px -26px;
}


#main-menu li a:hover, #main-menu li a.active-menu  {

	}

#main-menu li a:hover {

}

/* content **************************************/



.photo-part {
	height:800px;
	width:100%;
}


.pp1 {
	background: transparent url(bg-model/photo1.jpg) no-repeat center center;
}

.pp2 {
	background: transparent url(bg-model/photo2.jpg) no-repeat center center;
}

.pp3 {
	background: transparent url(bg-model/photo3.jpg) no-repeat center center;
}

.vp1 {
	background: transparent url(bg-model/video1.jpg) no-repeat center center;
}

.vp2 {
	background: transparent url(bg-model/video2.jpg) no-repeat center center;
}

.vp3 {
	background: transparent url(bg-model/video3.jpg) no-repeat center center;
}

.prp1 {
	background: transparent url(bg-model/press1.jpg) no-repeat center center;
}

.prp2 {
	background: transparent url(bg-model/press2.jpg) no-repeat center center;
}

.prp3 {
	background: transparent url(bg-model/press3.jpg) no-repeat center center;
}


.sub-menu-part {
	float:left;
	width:300px;
	padding-left:40px;
}

.press-part {
	float:left;
	width:300px;
	padding-left:10px;
}

.press-part img {
	margin:5px 0;
}

.photo-part-content {
	float:left;
	width:340px;
}

.photo-part-content h3 {
	margin:80px 0 15px 0;
	font-size:200%;
	color:#603;
}

.photo-part-content p {
	font-size:76%;
	font-weight:bold;
	color:#99525c;
}


.sub-menu {
	width:258px;
	padding-top:65px;
	background: transparent url(sub-menu-up.png) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
}

.thumb-block {
	border-bottom: 1px solid #fff;
	margin: 0 60px 0 40px;
	padding:9px 0;
}


.thumb-block-down {
	background: transparent url(sub-menu-down.png) no-repeat top left;
	height:88px;
	margin-left:-1px;
}


.thumb-block span{
	text-transform:uppercase;
	font-size:84%;
	font-weight:bold;
}

.thumb-block img {
	float:left;
	margin:0 10px 0 0;
}

.thumb-text1 {
	color:#904758;
	padding:10px 0 3px 0;
	display:block;
}

.thumb-text2 {
	color:#ce6691;
}

.footer {
	width: 870px;
	margin:0 auto 0 auto;
	padding:100px 0 0 90px;
	background: transparent url(footer-decor1.png) no-repeat bottom left;
	height:120px;
}


.footer a{
	color:#a9588d;
	font-weight:bold;
	text-decoration:underline;
}

.footer p {
	padding: 35px 0 10px 105px;
	font-size:76%;
	color:#853A6B;
	font-weight:bold;
	float:left;
	background: transparent url(footer-decor2.png) no-repeat 300px 0;
}

.footer img {
	float:left;
	margin-right:5px;
}