/*#############################################################
Date: 08-05-2008
Description: The Studio, for Pole Fitness in New Zealand.
Author: Sharyn Reeve
URL: http://www.c1webdesigns.com
#############################################################*/

/* standard elements */
* { margin: 0; padding: 0; }
a {color: #ED2C92;}
a:hover {color: #CAC5C7;}
body
{  background: #EE3E96 url(img/bg.gif) repeat-y center top; color: #000000;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif; }
input { color: #000000; font: normal 1.1em "Lucida Sans Unicode",sans-serif; }
p,cite,code,ul { font-size: 1.2em; padding-bottom: 1.2em; }
ul {margin-left: 1.2em;}
li {list-style-image: url(img/li.gif);}
h1 {font-size: 1.4em;}
blockquote
{  background: #FFFFFF; border-bottom: 1px solid #000000; border-top: 1px solid #000000; color: #000000; display: block;
   font-size: 0.9em; margin-bottom: 1.2em; padding: 6px 12px; }
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #000000;}


/* misc */
.clearer {clear: both;}


/* structure */
.container { background: url(img/bgcontainer.gif) repeat-y; margin: 0 auto; width: 702px; }


/* top */
.top
{  background: #FFFFFF; font: normal 14px Verdana,sans-serif; height: 20px; margin: 0 auto;
   width: 632px; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
.top a {color: #000000; display: block; line-height: 20px; text-decoration: none; width: 100%; }
.top span {padding-left: 14px;}
.top a:hover {background: #EE3E96; color: #FFFFFF; }


/* header */
.header { background: url(img/header.jpg) no-repeat; height: 180px; margin: 0 auto; width: 632px; }


/* item1 */
.item {clear: both;}
.item .date
{  background: url(img/bgdate.gif) no-repeat; color: #ED2C92; float: left; height: 50px; text-align: center;
   width: 36px; margin-top: 0px; }
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content { float: left; width: 420px; }
.item h1
{  background: url(img/bgline.gif) no-repeat; color: #000000; line-height: 50px; padding-left: 16px; margin-top: -4px; }
.item .body {padding: 12px 18px;}

/* item2 */
.item2 {clear: both;}
.item2 .date
{  background: url(img/bgdate.gif) no-repeat; color: #ED2C92; float: left; height: 50px; text-align: center;
   width: 36px; margin-top: 0px; }
.item2 .date div {padding-top: 4px;}
.item2 .date span {font: normal 1.6em serif;}
.item2 .content {float: left; width: 420px; }
.item2 h1
{  background: url(img/bgline.gif) no-repeat; color: #000000; line-height: 50px; padding-left: 16px; margin-top: -4px; }
.item2 .body {padding: 12px 18px;}


/* main */
.main {float: left; padding: 9px 0px;}


/* navigation on the top */
.navbar
{  position: relative; margin: 0 auto; padding: 0; border-top: 2px solid #000000; border-bottom: 2px solid #000000;              background: #FFFFFF; width: 632px; height: 20px; }
.navbar a { color: #000000; text-decoration: none; font: normal 14px Verdana,sans-serif;}
.navbar ul { margin-top: 2px; padding: 0 0 0 0; }
.navbar li { display: inline; padding: 3px 26px; }
.navbar li a { text-decoration: none; }
.navbar li a:hover { color: #ED2C92; }

/* navigation on the right */
.navigation { float: left; margin-left: 1px; width: 210px; padding: 9px 0px;}
.navigation h1 { background:#ED2C92; color:#FFFFFF; font-size:1.3em; line-height:40px; padding-left:12px;}
.navigation ul { margin: 0; padding: 0;}
.navigation li { border-bottom: 1px solid #FFFFFF; list-style: none; }
.navigation li a
{  background: #FFFFFF url(img/bgnavigation.gif) repeat-x; color: #000000; display: block; padding: 8px 4px 4px 12px;
   text-decoration: none;}
.navigation li a:hover { background: #ED2C92; color: #553;}


/* footer */
.footer
{  background: url(img/bgfooter.gif) no-repeat ; margin: 0 auto; color: #FFFFFF; font-size: 11px; text-align: center; width: 628px; height: 134px; position:relative; }
.footer a {color: #FFFFFF; text-decoration:none; }
.footer a:hover {color: #CAC5C7;}
.footertext
{  position: relative; height: auto; width: 628px; left: 0px; top: 110px; }



/* gallery */
.gallerycontainer{ position: relative; margin: 0 auto;
/*Add a height attribute and set to largest image's height to prevent overlaying*/ }
.thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; }
.thumbnail:hover{ background-color: transparent; }
.thumbnail:hover img{ border: 2px solid black; }

/*CSS for enlarged image*/
.thumbnail span{
position: absolute; background-color: #EE3E96; padding: 5px; left: -1000px; border: 2px solid black; visibility: hidden; color: black; text-decoration: none; }

/*CSS for enlarged image*/
.thumbnail span img{  border-width: 0; padding: 2px; }

/*CSS for enlarged image*/
.thumbnail:hover span { visibility: visible; top: 0; z-index: 50; left: 140px;  /*position where enlarged image should offset horizontally */ }