/*  
Theme Name: PURO
Theme URI: SHARIF.ST
Description: Pure. Clean. Room to breathe. ADAPTATION OF ZERO THEME BY UBERDOSE
Version: 0.1
Author: KASPER LASSNER
Author URI: http://sharif.st/
*/

body {
background:#fff;
margin:0;
padding:0;
font-family:Arial;
font-size: 12px;
color:#898989;
}
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


#page {
width: 900px;
text-align: left;
margin: 0px auto;
margin-top: 20px;
}
#headerContact{
padding-bottom:5px;
float:right;
position: relative;
width: 300px; /* for IE 6 */
height:50px;
margin:3px 0px 0px 3px;
}
#ContactSlide{
font-size:0.8em;
width: 700px; /* for IE 6 */
height:30px;
position:absolute;
  top: 19px;
left: -380px;
  padding:0px 3px 0px 3px;
overflow:hidden;
display:none;
z-index: 100;
}
#ContactButton{
text-align:right;
width: 700px; /* for IE 6 */
height:30px;
position:absolute;
  top: 17px;
 right:-2px;
  padding:0px 0px 0px 3px;

}
#headerContact:hover #ContactSlide  {
display:block;
overflow:hidden;
}
#headerContact:hover #ContactButton  {
right:-2px;
overflow:hidden;
}
#headerContactTest{

float:left;
position: relative;
width: 900px; /* for IE 6 */
height:20px;
margin:20px 0px 30px 0px;
border-top: solid 1px #000000;
}
#ContactSlideTest{
font-size:0.8em;
width: 900px; /* for IE 6 */
height:30px;
position:absolute;
  top: 5px;
left: 0px;
overflow:hidden;
display:none;
z-index: 100;
}
#ContactButtonTest{
text-align:right;
width: 455px; /* for IE 6 */
height:30px;
position:absolute;
  top: 3px;
left:0px;
  padding:0px 0px 0px 3px;

}
#headerContactTest:hover #ContactSlideTest  {
display:block;
overflow:hidden;
}
#headerContactTest:hover #ContactButtonTest  {
right:-2px;
overflow:hidden;
}
#headerContainerTest{
margin-top: 15px;
padding-bottom:5px;
float:left;
text-align: center;
width: 900px;

}
#navcontainerTest
{
float:left;
margin:20px 0px 20px 0px;
height:18px;
width: 900px;
}
#headerContainer{
margin-top: 15px;
padding-bottom:5px;
float:left;


}
#passprotect{
float:left;
width:900px;
}
.postEntry {
float:left;
   position: relative;
   width: 900px; /* for IE 6 */
margin-bottom: 20px;
overflow: hidden;
}
#postEntry {
float:left;
   position: relative;
   width: 900px; /* for IE 6 */
margin-bottom: 20px;
overflow: hidden;
}
#postEntryHover {

background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.7);
font-size:1.2em;
 color: white;
width: 200px; /* for IE 6 */
height:30px;
text-align:center;
position:absolute;
  top: 350px;
   left:-5000px;
  padding:12px 3px 0px 3px;
overflow:hidden;
}

#postEntry:hover #postEntryHover  {
 left:350px;

overflow:hidden;
}
#postTitle{
float:left;
width: 900px;
margin-bottom:10px;
}
.video{
float:left;
position:relative;

}
.preVideoImage:hover {
cursor:pointer;

}
.preVideoImage{
top:0px;
position:absolute;

left:0px;
z-index: 100;
display:block;
width:900px;
height:506px;

}
.videoiFrame{
float:left;
width:900px;
height:506px;
display:block;
}
#navcontainer
{
float:left;
margin:0px 0px 30px 0px;
height:18px;
width: 900px;
}

#flashvideo {
padding-bottom:2px;}



.hidden{
display:none;
position:absolute;
top:0px;
left:0px;
}
.showFrame{
position:absolute;
top:0px;
left:0px;
}
.image{
float:left;
width:900px;
min-height: 600px;
position:relative;
}
.image:hover {
cursor: pointer;
}
.thumbEntry{
float:left;
position:relative;
display:none;
margin-top: 10px;
width: 900px;
height: 88px;
}
.thumbHolder{

margin-top: 10px;
position:absolute;
top: 0px;
left: 0px;
height: 88px;
z-index: 8;
}

.thumbTest{
float:left;
margin: 0px 6px 8px 0px;
position: relative;

}
.marker{
position:absolute;
top:0px;
left:0px;
height: 88px;
width: 8px;
display:none;
background-color: #898989;
}
.markerfirst{
display:block;
}
.thumbTest:hover{
cursor: pointer;

}
.thumbTest:hover .marker{
cursor: pointer;

}
.thumbLeft{
position:absolute;
top:0px;
left:0px;
height:88px;
width: 80px;
z-index: 10;

}
.thumbRight{
position:absolute;
top:0px;
right:0px;
height:88px;
width: 80px;
z-index: 10;
}

.simpleSlider {
overflow:auto;
position:relative;

}
.simpleSlide-window{

overflow:hidden;
position:relative;
}

.simpleSlide-slide div{

opacity:1;
position:relative;
} 
.left-button, .right-button {
cursor:pointer;
display:none;
height:72px;
margin-top:-36px;
position:absolute;
top:50%;
width:50px;
z-index:9999;
}

.simpleSlider:hover .left-button{

display:block;

}
.simpleSlider:hover .right-button {

display:block;

}
.right-button {
background-image:url("images/right-arrow2.png");
right:0px;
background-repeat:no-repeat;
overflow:visible;
}
.left-button {
background-image:url("images/left-arrow2.png");
background-repeat:no-repeat;
float:left;
overflow:visible;
}



.simpleSlideStatus-tray {
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
background-color:#000000;


}
.simpleSlideStatus-window {

padding-top: 1px;
}

a, a:visited {
text-decoration:none;
color:#333;
border: none;

}


a:hover, a:visited:hover {
color:black;
border: none;
}



#navcontainer a, a:visited {
text-decoration:none;
color:#898989;
border: none;

}


#navcontainer a:hover, a:visited:hover {
color:black;
border: none;
}
#doppelpunkt{
width:2px;
float:left;
}
#el1 {text-align:left; float:left; width:149px;}
#el2 {text-align:center; float:left; width:298px;}
#el3 {text-align:center; float:left; width:298px;}
#el3b {text-align:right; float:left; width:149px;}
#el4 {text-align:left; float:left; width:50%; padding-top:2px;}
#el5 {text-align:right; float:right; width:50%; padding-bottom: 5px;}

#share{
left:0px;
position:fixed;
top:300px;
margin:0;
padding:0;
height:140px;
}
#shareF {
background:url("images/facebook2.jpg") repeat scroll 0 0 transparent;
height:37px;
width:32px;
margin:0;
padding:0;
}
#shareT {
background:url("images/twitter2.jpg") repeat scroll 0 0 transparent;
height:34px;
width:32px;
margin:0;
padding:0;
}
#shareIt {
background:url("images/share.jpg") repeat scroll 0 0 transparent;
height:69px;
width:32px;
margin:0;
padding:0;
}
#follow{
right:0px;
position:fixed;
top:295px;
margin:0;
padding:0;
height:150px;
}
#followIt {
background:url("images/follow.jpg") repeat scroll 0 0 transparent;
height:79px;
width:32px;
margin:0;
padding:0;
}
#header h1 a {
color:black;
}

#header h1 a:hover, #header h1 a:visited:hover {
color:black;
}
#header h2 a:hover, #header h2 a:visited:hover {
color:black;
}

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited {
color:black;
border: none;
}

h2 {


font-size:15px;
font-weight: normal;
color:black;
white-space:nowrap;
}

h4 {
font-size:12px;
font-weight: normal;
padding:5px 0px 0px 0px;

margin: 0;
}
h6 {
font-size:1.0em;
color:black;
padding:0px 0px 0px 0px;
margin: 0;
}


h3 {

margin-top:0;
font-size:1.3em;
margin-bottom:0;
color:black;
}

h1 {
font-weight: normal;
margin-top:0;
font-size:17px;
margin-bottom:0;
}



small {
color:black;
}
#footer{
height:5px;
width:900px;
}
#footer ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#footer ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#footer li {padding: 0px 0px 0px 0px}
#footer ul li a:hover {color: black;}


#search {
float:right;
padding-bottom:0.2;
}
#entries {
float:left;


}
#next_links {
float:middle;


}

#navigation {
float:middle;


}


.thumbs {
float:left;
border-bottom: 1px solid black;
padding:3px 0px 8px 7px;
white-space:wrap;
}
#thumbhold {
float:left;
border-bottom: 1px solid black;
padding:0px 0px 10px 1px;
}
#thumbtitle {

background-color: #898989;
opacity:0.7;
font-size:0.8em;

 color: white;
width: 168px; /* for IE 6 */
height:30px;
vertical-align: top;
position:absolute;
  top: 86px;
   left:-5000px;
  padding:0px 3px 0px 3px;
overflow:hidden;
}

.thumb {

color: white;
float:left;
   position: relative;
   width: 174px; /* for IE 6 */
 border: 1px solid black;
margin:3px 0px 0px 3px;

}
.thumb:hover #thumbtitle  {
 left:0px;

overflow:hidden;
}


.thumbV {
float:left;
   position: relative;
   width: 174px; /* for IE 6 */
 border: 1px solid black;
margin:3px 0px 0px 3px;

}
.thumbV:hover #thumbtitle  {
 left:0px;

overflow:hidden;
}

#videotag {

background: #898989;
opacity:0.7;
font-size:0.7em;
 color: white;
width: 44px; /* for IE 6 */
height:15px;
  padding:0px 2px 0px 2px;
position:absolute;
  top: 0px;
   left:126px;
text-align:center;
overflow:hidden;
}

#thumbholdBig {
float:left;
padding-bottom: 20px;

}
#thumbtitleBig {

background-color: #898989;

opacity:0;
font-size:1em;
 color: white;
width: 292px; /* for IE 6 */
height:40px;
position:absolute;
bottom:0px;
   left:0px;
font-weight:100;
overflow:hidden;
padding: 3px 0px 0px 4px;

z-index:10;
}

.thumbBig {
float:left;
color: white;
float:left;
   position: relative;
   width: 296px; /* for IE 6 */
margin:0px 0px 3px 3px;
border: solid 1px #898989;
}
.thumbBigleft {
float:left;
   position: relative;
   width: 296px; /* for IE 6 */
margin:0px 0px 3px 0px;
border: solid 1px #898989;

}
.thumbBig:hover #thumbtitleBig  {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity:0.9;

overflow:hidden;
}
.thumbBigleft:hover #thumbtitleBig  {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity:0.9;

overflow:hidden;
}

.thumbVBig {
float:left;
   position: relative;
   width: 296px; /* for IE 6 */
margin:0px 0px 3px 3px;
border: solid 1px #898989;
}
.thumbVBigleft {
float:left;
   position: relative;
   width: 296px; /* for IE 6 */
margin:0px 0px 3px 0px;
border: solid 1px #898989;
}
.thumbVBig:hover #thumbtitleBig  {

-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity:0.9;

overflow:hidden;
}
.thumbVBigleft:hover #thumbtitleBig  {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity:0.9;

overflow:hidden;
}

#videotagBig {

background-color: #898989;

opacity:0.9;
font-size:0.9em;
 color: white;
width: 66px; /* for IE 6 */
height:20px;
  padding:4px 2px 0px 2px;
position:absolute;
  top: 0px;
   right:0px;
text-align:center;
overflow:hidden;
}



#bottom {
padding-top:40px;


}
#rights {



float:left;
font-size:0.8em;
}

#created {

float:right;
font-size:0.8em;
}
.description {
float:left;
}

strong a, strong a:visited {
color:black;
}

strong {
color:black;
}

.next_links {
margin-top:0.5em;
}

.title-img {

margin-left:0px;
border: none;
margin-bottom:0;
padding:0px 0px 0px 0px;
}
img {
  padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
}