@charset "UTF-8";
/* CSS Document */
/*   
Theme Name: Marko Slavnic
Theme URI: http:// 
Description: For the use of Marko Slavnic
Author: Carina Javier 
Author URI:  http://kstudiofx.com/ 
Version: 1.0 
. 
This theme is for the use of Marko Slavnic only. It is not to be redistributed or resold in any way.
. 
*/ 

body {
	margin:0px; padding:0px;/* FOOTER COLOR */
	background:#000000 url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/menubg.jpg) repeat-x;/* BG MAIN COLOR and or IMAGE color code is: background-color:#333333; */
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	line-height:19px;
	text-align: justify;
}


.alignleft {
   display: inline;
   float: left;
}
.alignright {
   display: inline;
   float: right;
}
.aligncenter {
   display: inline;
   float: center;
}

#footer {
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/footerbg.jpg);/* FOOTER IMAGE */
	background-repeat:no-repeat;/* REPEATS FOOTER IMAGE HORIZONTALLY */
	background-position:center top;
	color:#FFFFFF;/* FOOTER CONTENT COLOR */
	padding:20px 0 0 0 ;/* MOVES FOOTER CONTENT DOWN FOR SPACING */
	min-height:125px;
	font-weight:lighter;
}

.container {
	width:100%;
	margin:0 auto;
  	position:relative;/* BECAUSE THIS IS RELATIVE THE MENU CAN BE ABSOLUTE AND RIGHT TO KEEP IT RIGHT ALIGNED WHEN ADDING MORE PAGES */
}

.containerfoot {
	width:940px;
	margin:0 auto;
  	position:relative;/* BECAUSE THIS IS RELATIVE THE MENU CAN BE ABSOLUTE AND RIGHT TO KEEP IT RIGHT ALIGNED WHEN ADDING MORE PAGES */

}
.containerbody {
	width:940px;
	margin:0 auto;
  	position:relative;/* BECAUSE THIS IS RELATIVE THE MENU CAN BE ABSOLUTE AND RIGHT TO KEEP IT RIGHT ALIGNED WHEN ADDING MORE PAGES */
}
#header {
	padding-top:0px;/* MOVES LOGO & MENU DOWN */
}
#logoimg h1, #logoimg small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logopattern {
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/headerbgslice.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:130px;
	margin:0 auto;
  	position:relative;
	top:0px;

}
#logobg {
   	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/headerbg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:130px;
	margin:0 auto;
  	position:relative;
	}

#logoimg {
    background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/logo.png);
	background-repeat:no-repeat;
	width:358px;
	height:105px;
	position: relative;
   	top: 10px;
   	z-index: 1;
   	margin:0 auto;
   }
   
#menubg {
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/menubars.png);
	background-repeat:no-repeat;
	width:740px;
	height:94px;	
  	margin:0 auto;

}
ul#menu {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	top: 10px;
	left: 50%;	
}
ul#menu li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0 25px 0 25px;
	position:relative;
	right:50%;
}
ul#menu li.shortfilms {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px 0 10px;
	position:relative;
	right:50%;
}
ul#menu li a {
	display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   outline:none;
   line-height:1.3em;

}
ul#menu li a.active, ul#menu li a:hover {
	
}
/* Fix up IE6 PNG Support */
#logo {
	behavior: url(scripts/iepngfix.htc);
	
}

/* 
	Text-Styles   
*/

h2 {
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#FFFFFF;
	font-weight:lighter;
}
small {
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#FFFFFF;/* FOOTER & CONTENT LINK COLOR */
	font-weight:lighter;
	text-decoration:none;
}
a:hover {
	color: #00a8d4;
}
p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/button_bg.jpg) repeat-x;/* BUTTON */
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#667f7f url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/button_bg_o.jpg) repeat-x;/* BUTTON ROLLOVER */
	border-color:#214341;
}

/* 
	Block-Styles 
*/

.block {
	margin-bottom:20px;
}
.blockbg {
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/shine.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.block_inside { 
	display:block; 
	border:0px solid #ffffff;

	width:940px;
	margin:0 auto;
  	position:relative;
	margin-bottom:20px;
}


.text_block {
	float:left;
	width:430px;
	margin-left:30px;
}

.block {
	border:0px solid #a3a09e;
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/still1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	min-height: 259px;
	margin-bottom:20px;
	position:relative;
}
.block2 {
	border:0px solid #a3a09e;
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/still2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	min-height: 252px;
	margin-bottom:20px;
	position:relative;
}
.block3 {
	border:0px solid #a3a09e;
	background-image:url(http://markoslavnic.com/wp-content/themes/MARKOSLAVNIC/images/still3.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	min-height: 253px;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:605px;/* WIDTH OF RECENT PROJECTS BOXES */
	margin-right:25px;
	float:left;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
	background:none; 
	padding:5px 5px 5px 5px; 
}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;

}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#FFFFFF; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	
}

#footer .long {

	text-align:right;
	font-size:10px;
}
#footer h3 {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
/*
	Blog
*/


h2 {
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#FFFFFF;
	line-height:39px;
	letter-spacing:-1px;
	font-weight:lighter;
}
/*
	Block-Content-Styles
*/

#block_content {
	width:940px;
	margin:0 auto;
  	position:relative;
	padding-bottom:25px;

}

#patient41 {
	width:1080px;
	margin:0 auto;
  	position:relative;
	padding-bottom:25px;


}


#content_area {
	width:940px;
}

#content_area h2 { font-size:32px; line-height:31px; }

#content_area .separator {
	border-top:1px solid #00a8d4;
	margin-top:40px;
	padding-top:40px;
}
h4 {
	color:#FFFFFF;/* SUBTITLE ABOVE MAIN BIG TITLE COLOR */
	margin:0px 0px 0px 0px;
	font-weight:lighter;
}


/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.alignleft,
.alignright,
ul#menu,
ul#menu li,
.text_block,
#portfolio_items,
#text_column,
.mini_portfolio_item .thumbnail {display:inline;}

/* convert min height values */
#footer {height:125px;}
.block {height:259px;}
.block2 {height:252px;}
.block3 {height:253px;}


/* add zoom:1 to pos:relative elements */
.container,
#logopattern,
#logobg,
#logoimg,
ul#menu,
ul#menu li,
.block,
.block_inside,
.block2,
.block3,
.mini_portfolio_item,
.containerfoot,.containerbody,#block_content {zoom:1;}

/* add display:inline to floated elements */
*:first-child+html .alignleft,
*:first-child+html .alignright,
*:first-child+html ul#menu,
*:first-child+html ul#menu li,
*:first-child+html .text_block,
*:first-child+html #portfolio_items,
*:first-child+html #text_column,
*:first-child+html .mini_portfolio_item .thumbnail {display:inline;}

/* convert min height values */
*:first-child+html #footer {height:125px;}
*:first-child+html .block {height:259px;}
*:first-child+html .block2 {height:252px;}
*:first-child+html .block3 {height:253px;}


/* add zoom:1 to pos:relative elements */
*:first-child+html .container,
*:first-child+html #logopattern,
*:first-child+html #logobg,
*:first-child+html #logoimg,
*:first-child+html ul#menu,
*:first-child+html ul#menu li,
*:first-child+html .block,
*:first-child+html .block_inside,
*:first-child+html .block2,
*:first-child+html .block3,
*:first-child+html .mini_portfolio_item,
*:first-child+html .containerfoot, *:first-child+html .containerbody, *:first-child+html #block_content {zoom:1;}