/* Start of CMSMS style sheet 'VeroCafe CSS' */
* { padding: 0; margin: 0; }

body {
 font-family: Georgia, Garamond, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #D1C09C;
 background-image: url("images/vero_back.png");
 background-repeat: repeat-x;
}

img { padding: 0; margin: 0; border: 0; }

#wrapper { 
 margin: 0 auto;
 width: 950px;
}

#header {
 width: 960px;
 padding: 5px;
 color: #333;
 padding: 0;
 height: 130px;
 margin: 10px 0px 5px 0px;
}


#navigation {
 width: 950px;
 height: 280px;
 color: #333;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background-image: url("images/navigation_bckg.png");
 background-repeat: no-repeat;
 background-position: center; 
}

      #posters { 
           display: inline; 
           float: left; 
           height: 250px; 
           width: 400px; 
           margin-top: 15px;
           margin-left: 15px;
           }

           #posters img { padding-left: 10px; }

      #poll {
           display: inline; 
           float: left; 
           height: 220px; 
           width: 150px; 
           margin-top: 15px;
           padding: 15px;         
           }

           #poll h3 { color: #D1C09C; }
           #poll .polloptions { margin-top: 5px; color: #D1C09C; }
           #poll .polloption { margin-bottom: 5px; }
           #poll .pollinput { margin-right: 5px; align: center; }
           #poll .Poll {
              font-size: 10pt;
              font-family: Verdana;
              color: #D1C09C;
              background-color:#97191C;
              border-style:solid;
              border-color:#D1C09C;
              border-width:1px;
              margin-bottom: 5px;
           }

       .preview { margin-right: 20px; }

       #input submit
       {
           color: #000;
           background: #ffa20f;
           border: 2px outset #d7b9c9;
       } 


      #facebook {
           display: inline; 
           float: left; 
           height: 250px; 
           border: 1px solid #D1C09C;
           margin-top: 15px;
           }

#content { 
 width: 950px;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 5px;
 height: 380px;
}

      #diary { 
           display: inline; 
           float: left; 
           padding-top: 50px;
           padding-left: 7px;
           padding-right: 7px;
           width: 350px; 
           height: 350px;
           background-image: url("images/vero_dien.jpg");
           background-repeat: no-repeat;
           background-position: 3% 0%;
      }

      #diary a { color: #ea2340; text-decoration: underline;  }
      #diary a:hover { color: #ea2340; text-decoration: none;  }

      #diary p.comments { padding-top: 10px; color: #ea2340; }

      #comments { 
           display: inline; 
           float: left;
           padding-top: 50px;
           padding-left: 7px;
           padding-right: 7px;
           width: 200px;
           height: 300px; 
           /* background-image: url("images/heading_fashionspot.jpg");
           background-repeat: no-repeat;
           background-position: 1% 0%; */
      }

      #comments p.fp_comment { font-size: 8pt; }
      #comments p.fp_comment_time { font-size: 8pt; padding-bottom: 10px; font-style: italic; }

      #comments img { border: 1px solid #FFF; }

      #twitter { 
           display: inline; 
           float: right;  
           width: 250px; 
           height: 300px;
           background-image: url("images/bckg_twitter.png");
           background-repeat: no-repeat;
           background-position: top left;
           padding-left: 7px;
           padding-top: 10px;
           font-size: 8pt;

      }

      #twitter ul { padding-left: 10x; list-style: none; padding-right: 80px; }
      #twitter li { padding-bottom: 7px; }
      #twitter a { color: #ea2340; }
      #twitter a.twitter-link { display: block; align: left; padding-top: 7px; }
      
      #twitter p.twt_post { padding-right: 90px; }   
      #twitter p.twt_post_time { color: #ea2340; padding-right: 90px; font-style: italic; padding-bottom: 10px; }

      #gallery { 
           display: inline; 
           float: left;           
           background-image: url("images/galerija.jpg");
           background-repeat: no-repeat;
           background-position: 5px 0%;  
           padding-top: 50px;            
           padding-left: 1px; 
           width: 90px; } 

#footer { 
 width: 940px;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

      #footer a { color: #ea2340; }
      #footer a:hover { color: #ea2340; text-decoration: none; }

      #creator { 
        float: right; 
        font-size: 8pt;
        margin: 10px 10px 10px 0;
      }

      p.footer_copyright { text-align: center; padding-top: 5px; }
      p.footer_menu { text-align: center; }

h3 { font-size: 10pt; color: #E7DACA; padding-bottom: 5px; }

      h3 a { color: #ea2340; text-decoration: none; }

h3.news { font-size: 10pt; color: #E7DACA; padding-bottom: 5px; padding-left: 25px; }

h3.coffee { color: #ea2340; text-decoration: none; margin: 5px; }
   
h4 { font-size: 10pt; color: #ea2340; padding-bottom: 5px; }
h2 { font-size: 12pt; margin: 15px; }
a { color: #E7DACA; }
a:hover { text-decoration: none; }

table { text-align: center; }
tr { width: 110px; }
td { width: 110px; }

p.blogpost { padding-bottom: 3px; }
p.blogmoreurl { padding-bottom: 13px;  }

#slideshow {
	margin:0 auto;
        padding-top: 5px;
	width:650px;
	height:263px;
	background:transparent no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:hidden; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
  color: #E7DACA;
}

#slideshow #slidesContainer a {
  color: #ea2340; 
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url(images/l_arrow.png) no-repeat center;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/r_arrow.png) no-repeat center;
}


.slide img {
  float:right;
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 0;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; padding: 0; margin: 0; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/*                    GALERIJA                                  */


#navigation p.albumname { padding: 0; margin-top: -10px; text-align: center; }

.galerija { padding-left: 20px; }

.album_content {
	width:100%; 
	float:left;
}

#albumnavigation { clear: both; margin-left: -20px; }

h1.albumname { 
     color: #E7DACA; 
     text-align: left; 
     padding-left: 5px; 
     padding-bottom: 10px; 
     font-size: 14pt; }

h1.albumname a { 
     color: #E7DACA;  
     text-decoration: underline; }

h1.albumname a:hover { 
     color: #E7DACA; 
     text-decoration: none; }

.albumname a {
     display: inline;
     border: none;
     margin: 0;
     padding: 0;
     background-color:transparent;
}

p.backlink { display: block; margin-top: -10px; font-size: 8pt; }

ul.picturelist {
     display: inline;
     list-style-type: none;
     float:left;
     margin-left: 5px;
}

li.thumb { 
     display: inline;
     list-style-type: none; 
     float: left;
     padding: 0;
     margin-right: 7px;
     margin-bottom: 3px;
     width: 90px;
}

li.thumb img { border: 1px solid #FFF; }

   hr {
    height: 0;
    clear: both;
    margin-bottom: 20px;
    border: solid #ddd;
    border-width: 1px 0 0;
    width: 100%;
    text-align: center;
   }

img.NewsImage { float: right; margin-top: -35px; margin-right: 77px; }

.pollresultlist { color: #D1C09C; }

 img.rtStar{
    width:12px;
    height:12px;
  }

#rtFieldset {
    border: 0;
    width: 190px;
    margin: 15px 0;
  }

#votingTalentai {
    color: #E7DACA;
    display: inline;
    margin: 18px 45px 0 25px;
  }

#votingTalentai p { padding-bottom: 10px; margin-right: 65px;}

#votingVideo {
    margin: 18px 25px 0 25px;
    color: #E7DACA;
    display: inline;
    float: left;
  }
/* End of 'VeroCafe CSS' */

