/*
jewelsdances.com
Alexander Ose & Tatiana Mac
ATOM Design Group, LLC
www.atomportland.com
20 May 2009
*/

/*  CORE ELEMENTS */
body {
background: #d8d8d8 url(images/background2.png) no-repeat center top; 
text-align: center;
font: 12px/16px Lucida Grande, Lucida Sans, Tahoma, Arial, Serif;
color: #000;
}

#container { /* SLICES 02, 06, 09, 11 - holds middle section and centres it*/
width: 810px; height: auto;
background: none;
float: none;
padding: 0;
margin: 0 auto;
z-index: 10;
}

#container #header { /* SLICE 2 - brace and jewels' name header*/
float: left;
background: transparent url(images/header.png) top center no-repeat;
height: 200px;
width: 800px;
margin: 0;
}

#container #header a {
display: block;
width: 100%; height: 100%;
}

#container #sidebar { /* SLICES 06, 09 - menubar and 'jewel' gem current_page*/
float: left;
width: 800px; height:75px;
margin: 0; padding: 0; 
text-align: center;
overflow: visible;
background: none; 
}


#container #sidebar ul.nav li {
list-style: none;
text-transform: uppercase;
display: inline;
padding: 15px 15px 25px 15px;
}

#container #sidebar ul.nav li.nav-selected {
background: url(images/gem.png) no-repeat bottom center;
}

#container #sidebar ul.nav li a, ul.nav li a:visited, ul.nav li a:active {
font-size: .9em;
letter-spacing: .3em;
color: #000;
display: inline;
font-weight: none;
text-transform: uppercase;
}


#container #content { /*SLICE 11*/
float: left;
padding: 10px 0px ;
width: 500px;
text-align: left;
background: none;
}

#container #portrait { /*SLICE 12*/
float:right;
background: none;
width: 300px; height: 650px;
text-align: left;
padding: 0;
margin: 0;
}

#container #footer {
float: left;
background: none;
color: #ACACAC;
margin: 50px 0;
padding: 0;
width: 500px; height:auto;
text-align: left; 
}

/*TYPOGRAPHIC*/
#container a {
color: #016DBC;
text-transform: none;
text-decoration: none;
}

#container a:hover {
color:#C54110;
}

#container ul {
list-image-type: none;
list-style-type: square;
}

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination { text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

.rssSummaryList { margin-top: 42px; }
.rssSummaryItem { overflow: hidden; }

#lightbox-container-image-data-box, #lightbox-image-details-currentNumber {
font-family: Lucida Sans, Lucida Grande, Helvetica,sans-serif;

}