/*-------------------------------------------------

  Nucleus CMS Stylesheet - bundled with version 3.2

  Based on the Stanch skin by Ivan Fong

  Mods by hcgtv and moraes

-------------------------------------------------*/

body

{

background-color: #0093c6;

background-image: url("./images/bggrad.jpg");

background-repeat: repeat-x;





   color: #494949;

   font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;

   font-size: 11px;

   padding: 15px 0;

   margin: 0;

}



.thumbnailoutside {

   width:158px !important;

   height:170px !important;

   float:left ;

   text-align:center !important;

}



}



.alpha-shadow {

   background: url(/nucleus/plugins/gallery/update/shadow1.gif) no-repeat bottom right;

   z-index:3;

   padding: 0px;

   }



.alpha-shadow div {

  background: url(/nucleus/plugins/gallery/update/shadow2.png) no-repeat left top !important;

  background: url(/nucleus/plugins/gallery/update/shadow2.gif) no-repeat left top;

  float: left;

  margin-top: 0px;

  padding: 0px 6px 6px 0px;

  }



.alpha-shadow img {

  background-color: #fff;

  border: 1px solid #a9a9a9;

  padding:4px;

  }



.tooltip2 {

 background-image:none !important;

 width:0px;

 display:none;

}



#tooltip2 div.tooltip2div {

border-style:dotted;

border-color:#CCCCCC;

 border-width:1px;

float:left; 

 background-image:url(/nucleus/plugins/gallery/transparent.gif)!important;

 padding:0px !important;}

#tooltip2 div.tooltip2div span {display:none;}

#tooltip2 div.tooltip2div:hover {border-style:solid;border-color:#FFFFFF;float:left}

#tooltip2 div.tooltip2div:hover span {display:block;background-color:white;padding-left:10px;padding-right:10px} 

#tooltip2 div.over {border-style:none;display:block;float:left;border-color:#FFFFFF;float:left}

#tooltip2 div.over span {float:left;display:block;background-color:white;padding-left:10px;padding-right:10px} 



/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/



.drawingbox {

border-style:solid;

position:absolute;

border-width:1px;

border-color:#FFFFFF;

float:left;

display:block;

z-index:5;

}



/* had to put float:left here because firefox before 1.0.5 has a bug with javascript element.stlye.float (fixed in 1.0.6)*/



.captionformdiv {

position:absolute;

float:left;

background-color:#FFFFFF;

display:block;

border-style:solid;

border-color:#FFFFFF;

}









/*-------------------------------------------------

  General layout

-------------------------------------------------*/



img

{

   border: 0;

}

form

{

   margin: 0;

}



/* Headings */

h1,h2,h3,h4,h5,h6

{

    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;

   font-weight: normal;

   margin: 0;

}



/* Lists */

ul

{

   list-style: none;

   padding: 0;

   margin: 0;

}

li

{

   background: url(images/arrow.gif) left 5px no-repeat;

   padding: 0 0 0 10px;

   margin: 0 20px;

}



/* Links */

a:link, a:visited

{

   color: #635D45;

   text-decoration: none;

}

a:hover, a:active

{

   color: black;

}

#header a:link, #header a:visited

{

   color: #474747;

}

#header a:hover, #header a:active

{

   color: #737373;

}

#copyrights a:link, #copyrights a:visited

{

   color: #474747;

}

#copyrights a:hover, #copyrights a:active

{

   color: #737373;

}



/* Basic classes */

.hidden

{

   display: none;

}

.centerize

{

   text-align: center;

}

.clearing

{

   width: 704px;

   height: 0;

   clear: both;

}



/*-------------------------------------------------

  Header

-------------------------------------------------*/

#header

{

   position: relative;

   width: 704px;

   height: 168px;

   /* large header image is defined below */

   /* background: white url(images/header.jpg) no-repeat; */

   background: white;

   border-width: 2px 2px 0;

   border-style: solid;

   border-color: #E0E0E0;

   margin: auto;

}

#header h1

{

   /* small header image specific lines */

   height: 168px;

   width: 692px;

   background: white url(images/header_sm.jpg) repeat-x 0 6px;

   margin: 0 6px;

   /* end small header image specific lines */

   font-size: 38px;

   text-align: center;

   line-height: 160px;

}



/*-------------------------------------------------

  Content wrappers

-------------------------------------------------*/

#mainwrapper

{

   width: 865px;

   background: white;

   border-width: 0 2px;

   border-style: solid;

   border-color: #E0E0E0;

   margin: auto;

}

#wrapper

{

   width: 865px;

   background: white url(images/bgcontainer02.gif) repeat-y right;

   margin: auto;

}



/*-------------------------------------------------

  Main content

-------------------------------------------------*/

#container

{

   width: 865px;

   height: 1%;

   overflow: visible;

   float: left;

   padding: 4px 0 0 0;

   margin-right: -204px;

}

.content

{

   padding: 0;

   margin: 7px 224px 30px 20px;

}



/*-------------------------------------------------

  Item styles

-------------------------------------------------*/

.contenttitle h2

{

   clear: both;

   background: url(images/dot.gif) bottom repeat-x;

   font-size: 18px;

   padding: 0 0 6px 0;

   margin: 0;

}

.contentbody

{

   font-size:13px;

   text-align: justify;

   padding: 0 0 16px 0;

}



/*-------------------------------------------------

  Item info

-------------------------------------------------*/

.contentitemcategory

{

   background: url(images/bgcategory.gif) center left no-repeat;

   font-size: 10px;

   line-height: 12px;

   padding: 0 10px 0 14px;

}

.contentitempostedby

{

   background: url(images/bgpostedby.gif) center left no-repeat;

   font-size: 10px;

   line-height: 12px;

   padding: 0 10px 0 12px;

}

.contentitemcomments

{

   background: url(images/bgcomment.gif) center left no-repeat;

   font-size: 10px;

   line-height: 12px;

   padding: 0 10px 0 13px;

}

.contentitemedit

{

   background: url(images/bgedit.gif) center left no-repeat;

   font-size: 10px;

   line-height: 12px;

   padding: 0 10px 0 11px;

}

.contentitem

{

   padding: 3px 0 0 0;

   margin: 0 0 16px 0;

}

.contentitem1

{

   display: inline;

}

.contentitem2

{

   display: inline;

   background: url(images/dotv.gif) left repeat-y;

   padding: 0 0 0 10px;

}

.contentitem3

{

   display: inline;

   background: url(images/dotv.gif) left repeat-y;

   padding: 0 0 0 10px;

}

.contentitem4

{

   display: inline;

   padding: 0 0 0 10px;

   background: url(images/dotv.gif) left repeat-y;

}



/*-------------------------------------------------

  Comments

-------------------------------------------------*/

.itemcomment

{

   background: url(images/commentquote01.gif) no-repeat;

   background-position: 6px 9px;

   padding: 6px 42px;

   border: 1px solid white;

   margin: 10px 0 0 0;

}

.itemcomment:hover

{

   background: #F9F9F9 url(images/commentquote02.gif) no-repeat;

   background-position: 6px 9px;

   border: 1px solid #CCCCCC;

}

.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/

{

   background: #F9F9F9 url(images/commentquote02.gif) no-repeat;

   background-position: 6px 9px;

   border: 1px solid #B3C492;

}

.id1:hover

{

   background: #F9F9F9 url(images/commentquote02.gif) no-repeat;

   background-position: 6px 9px;

   border: 1px solid #B3C492;

}

.itemcomment h3

{

   font-size: 12px;

}



/*-------------------------------------------------

  Menu

-------------------------------------------------*/

#sidebarcontainer

{

   float: right;

   width: 204px;

   padding: 2px 0 0 0;

}

.sidebar

{

   background-color: #e1faef;

   color: #21262A;

   margin: 6px 6px 6px 6px;

   border-width: 1px;

   border-style: solid;

   border-color: #3f4139;



}



/* Menu lists */

.sidebardl

{

   padding: 0 0 5px 0;

   margin: 0;

}

.sidebardl dt

{

      color: #21262A;

   font-size: 12px;

   font-weight: bold;

    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;

   padding: 4px 10px;

}

.sidebardl dd

{

   background:#e1faef;

   padding: 2px 10px;

   margin: 0 0 0 0;

}



.sidebardl dd2

{

   background:#e1faef;

   padding: 2px 10px;

   margin: 0 0 0 0;

}



.sidebardl dd:hover

{

   background: #e1faef;

   padding: 2px 10px;

   margin: 0 0 0 0;

}

.sidebardl dd a:link, .sidebardl dd a:visited

{



}



/*-------------------------------------------------

  Footer

-------------------------------------------------*/

#footer

{

   width: 704px;

   background: #FCD21B;

   text-align: center;

   padding: 10px 0 10px 0;

   border-width: 0px 2px 2px 2px;

   border-style: solid;

   border-color: #E0E0E0;

   margin: 0 auto;

}



#copyrights

{

   color: #474747;

}



/*-------------------------------------------------

  Forms

-------------------------------------------------*/

.loginform, .searchform

{

   margin: 5px 0;

}

.commentform, .mailform

{

   margin-top: 10px;

    padding: 10px;

    background: #dfeef5;

    /* Rounded borders, for Mozilla browsers */

    /* -moz-border-radius: 10px; */

}

.commentform img{

    margin: 5px 0 0 0;

}

.formfield

{

   font-size: 11px;

   background: white;

   color: #494949;

   border-top: 1px solid #868686;

   border-left: 1px solid #868686;

   border-bottom: 1px solid #D4D2CF;

   border-right: 1px solid #D4D2CF;

   margin: 1px 0 0 0;

}

.formbutton

{

   font-size: 11px;

   background: white;

   color: #494949;

   border-top: 1px solid #D4D2CF;

   border-left: 1px solid #D4D2CF;

   border-bottom: 1px solid #868686;

   border-right: 1px solid #868686;

   margin: 1px 0 0 0;

}

.searchform .formfield

{

   width: 130px;

    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 0;

   margin: 0 2px 2px 0;

}

.searchform .formbutton

{

   width: 60px;

    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 2px;

}

.loginform .formfield

{

   width: 130px;

    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 0;

   margin: 0 2px 2px 0;

}

.loginform .formbutton

{

   width: 60px;

    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 2px;

}

.mainform .formfield

{

   width: 280px;

    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 0;

   margin: 0 2px 2px 0;

}

.mailform .formbutton

{

   width: 100px;

    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;

   padding: 2px 2px;

}

#nucleus_cf_name, #nucleus_cf_mail

{

    width: 300px;

    margin-right: 105px;

    font-family: Arial, Trebuchet MS, Verdana, sans-serif;

}

.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield

{

    width: 300px;

}

.commentform .formbutton

{

   width: 100px;

   height: 22px;

    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;

}

.error

{

   color: red;

   font-weight: bold;

}





/*-------------------------------------------------

  Miscelaneous

-------------------------------------------------*/

/* VBlog image onion skin shadow - From AListApart.com*/

.wrap1, .wrap2, .wrap3

{

   display:inline-table;

   /* \*/display:block;/**/

}

.wrap1

{

   float:left;

   background:url(images/shadow.gif) right bottom no-repeat;

   margin: 0 5px 3px 0;

}

.wrap2

{

   background:url(images/corner_br.gif) left bottom no-repeat;

}

.wrap3

{

   background:url(images/corner_tr.gif) right top no-repeat;

   padding:0 5px 5px 0;

}

.wrap3 img

{

   display:block;

   border: 3px solid white;

}



/* Search highlight color */

.highlight

{

   background: #DEFFA9;

}



/* Leftbox and Rightbox toolbar buttons */

.leftbox, .rightbox {

   margin: 3px;

   padding: 3px;

   font-size: larger;

   width: 20%;

}

.leftbox {

   float: left;

   border-right: 2px solid #ccc;

}

.rightbox {

   float: right;

   border-left: 2px solid #ccc;

}



/* calendar */



table.calendar {

  font-size: small;

  color: black;

}



tr.calendardateheaders {

  font-size: small;

  color: red;

}



td.days {

  text-align: center;

}



td.today {

  text-align: center;

  color: green;

  background-color: whitesmoke;

}



#lightbox{

   position: absolute;

   top: 40px;

   left: 0;

   width: 100%;

   z-index: 100;

   text-align: center;

   line-height: 0;

   }



#lightbox a img{ border: none; }



#outerImageContainer{

   position: relative;

   background-color: #fff;

   width: 250px;

   height: 250px;

   margin: 0 auto;

   }



#imageContainer{

   padding: 10px;

   }



#loading{

   position: absolute;

   top: 40%;

   left: 0%;

   height: 25%;

   width: 100%;

   text-align: center;

   line-height: 0;

   }

#hoverNav{

   position: absolute;

   top: 0;

   left: 0;

   height: 100%;

   width: 100%;

   z-index: 10;

   }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

   width: 49%;

   height: 100%;

   background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

   display: block;

   }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

   font: 10px Verdana, Helvetica, sans-serif;

   background-color: #fff;

   margin: 0 auto;

   line-height: 1.4em;

   }



#imageData{

   padding:0 10px;

   }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold;   }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }



#overlay{

   position: absolute;

   top: 0;

   left: 0;

   z-index: 90;

   width: 100%;

   height: 500px;

   background-color: #000;

   filter:alpha(opacity=60);

   -moz-opacity: 0.6;

   opacity: 0.6;

   }





.clearfix:after {

   content: ".";

   display: block;

   height: 0;

   clear: both;

   visibility: hidden;

   }



* html>body .clearfix {

   display: inline-block;

   width: 100%;

   }



* html .clearfix {

   /* Hides from IE-mac \*/

   height: 1%;

   /* End hide from IE-mac */

   }