/*
Theme Name: mobarts portfoilio
Theme URI: http://mob-arts.com
Description: portfolio of bojan wilytsch
Version: 2.0
Author: Bojan Wilytsch
Author URI: http://mob-arts.com
Tags: bojan, wilytsch, mob, arts, portfolio, graphicdesign, illustration
*/

* {
margin: 0 0;
padding: 0 0;
font-family: Verdana;
color: #fff;
background-color: #000;
}

h1 {
font-weight: normal;
font-size: 11px;
}

a {
text-decoration: none;
}

a:hover {
color: #7a7a7a;
}

li {
list-style: none;
}

img {
border: none;
}

.red {
color: #7a7a7a;
}

.clear {
clear: both;
}

.buffer {
padding-right: 60px;
}

#wrapper {
width: 860px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
font-size: 11px;
}


/*--------------header--------------*/


#header {
border-bottom: dotted 2px #fff;
padding-bottom: 8px;
}

#header a {
font-size: 24px;
}




/*--------------navigation--------------*/

#navigation {
padding-top: 8px;
}

#d1 {
width: 860px;
clear: both;
height: 25px;
border-bottom: dotted 2px #fff;
padding-bottom: 8px;
}


#d1 li {
float: left;
margin-right: 10px;
font-size: 19px;
}



#d1 li.pagenav {
font-size: 0px;
color: #fff;
}

#person {
clear: both;
float: left;
padding-top: 8px;
}

#nav-below {
width: 860px;
}

.nav-previous {
margin-bottom: 20px; float: left;
}
	
.nav-next {
margin-bottom: 20px; float: right;
}


/*--------------content--------------*/

#container {
width: 860px;
clear: both;
float: left;
margin-top: 20px;
/*text-align: justify;*/
}

#container p {
padding-bottom: 4px;
}

#container h2 {
padding-bottom: 8px;
}

#container img {
width: 860px;
height: auto;
margin: 10px 0;
}

#comment {
width: 420px;
padding-top: 20px;
}

/*--------------footer--------------*/

#footer {
clear: both;
float: left;
margin: 40px 0 60px 0;
font-size: 10px;
height: auto;
}

#footer a:hover {
color: #393845;
font-weight: normal;
}

#footer ul {
margin-top: 10px;
}

#f1,
#f2,
#f3 {
width: 200px;
margin-right: 20px;
}

#footer h1 {
color: #9B96A3;
font-size: 12px;
font-weight: bold;
width: 200px;
border-bottom: dotted 1px #fff;
padding-bottom: 3px;
}

#f1 h2 {
font-size: 12px;
text-transform: uppercase;
padding-bottom: 3px;
border-bottom: dotted 1px #fff;
margin-top: -10px;
}

#f1 li {
text-transform: uppercase;
}

#f3 li {
padding-bottom: 9px;
}

#f4 {
width: 200px;
}

#f4 li {
padding-bottom: 9px;
}

td {
vertical-align: top;
}

/*------------------------------------------------------------------ gallery ---------------------------------*/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 0px solid #fff;   
margin: 15px 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li { 
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 5px 5px 5px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: yellow; 
color: #000; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #000; 
color: yellow; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}