/* CSS Document */
 
body {font-size: 12px;
      font-family: "Century Gothic", "Bitstream Vera Sans", "Verdana";
	  margin: 0;
      padding: 0;
      background: #FFFFFF url(/images/background9.png) repeat-x;
      color: #332244;
      text-align: center;
	  } /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, h7,p {margin: 0 0 5px 0;
                           padding: 0;}
 
p {line-height: 160%;}

.justify {text-align: justify;}

ul {list-style-type: square;}

img {border: 0;
     margin: 0 0 0px 0;}
       
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 17px;}
h6 {font-size: 16px;}
h7 {font-size: 15px;}

.bottom-border {border-bottom: 1px solid #D8D8D8;}

a {color: #008B8B; text-decoration: none;}
a:link {color: #1874CD;}
a:visited {color:#1874CD;}
a:hover {color: #4153AD;	text-decoration:underline;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 43px;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {
		 width: 780px;
         height: 83px;
		 margin:15px;
		 }
#headerPopup {
		 
         height: 83px;
		 margin:15px;
		 }
		 
#header h1 {margin: 0;}

#logo {position: absolute;
       left: 0;
       top: 0px;
       width: 281px;
       height: 31px;
	   }

#logo img {display: block;}

#logo a {background: transparent;}

 
#login_status {
	     position: absolute;
         left: 850px;
         top:  5px;}
 
/* Begin main navigation menu. */
#menu {width: 780px;
       height: 42px;
       clear: both;
       position: absolute;
	   top:63px;
	   left:40px
	   }

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          left: 2px;
          color: #404343;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 42px;
               padding: 0 17px;
               margin: 0;
               line-height: 42px;
               display: block;
               float: left !important;
               color: #404343;
               font-size: 12px;
               font-weight: normal;}

#menu ul li a:hover {background: url(/images/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

/* End main navigation menu. */
#main {
	position:absolute;
	left:150px; 
	margin-top:10px;
    float:right;
    width:800px;
	text-align:left;
	padding-bottom:60px;
    }
#mainPopup {
 	margin-top:10px;
	padding-bottom:60px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:center;
    }	
	
 
#sidebar {
	margin:0 auto;
	text-align:left;
    position:absolute;
	top:110px;
	left:10px; 
    width:140px;
    }
 #wrap {
    margin:0 auto;
    width:950px;
    }
#maininfos {
	margin-top:15px;
 	margin-left:20px;
    width:900px;
	position:absolute;
	left:0px; 
	text-align:left;
    } 
 
p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}
 
/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 
#footer { 
		 clear:both;
         background: #F3F3F3 url(/images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
 
		 bottom:0px;
         }

#footer-content {padding: 19px 15px;}

#footer-right {float:right;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(/images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {float:left;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(/images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

.virgoblueimg{
	margin:15px;
} 
  
.picturebox {
 
	border: 1px solid #000000;
	padding:9px;
	width: 140px;
}

.framebox {
	border: 5px double #FFFFFF;
	height:160px;
	width:120px;
	position:relative;
} 

 .pictureboxMid {
 	border: 1px solid #000000;
	/*background-image:url();*/
	/*background-repeat: no-repeat;*/
	/*border: 1px solid #000000;*/
	padding:9px;
	width: 170px;
	height: 245px;
}

.frameboxMid {
	border: 5px double #FFFFFF;
	width:160px;
	height:240px;
	position:relative;
}
.frameboxMidText {
	border: 0px double #FFFFFF;
	width:400px;
	 
	position:relative; 
}

.frameboxMidAdminHome {
	border: 0px double #FFFFFF;
	width:400px;
	height:300px;
	text-align:left; 
	position:relative; 
	margin:16px;
}

.signinform{
	border: 5px;
	width:400px;
	height:200px;
	position:relative;
	margin:15px;
}
 
#accountinfo{
	text-align:right; 
	/*border: 1px double black;*/
	width:200px;
	height:50px;
	position:absolute;
	top:0;
	right:0;  
}
 
#albums ul, #admin ul {
	margin:0;
	padding:0;
	clear:both;
}

#albums ul li, #admin ul li {
	margin:5px 5px 5px 0;
	background:#666;
	list-style-type:none;
	width:210px;
}

#albums img, #admin img {
	vertical-align:middle;
}

#albums a, #admin a, #image_destroy a {
	color:#FFF;
	padding:5px;
	text-decoration:none;
	display:block;
}

#albums a:hover, #admin a:hover {
	background-color:#000;
}

.album-active {
	background:#000 !important;
}

#image_destroy a:hover {
	background-color: #900;
}

.image_destroy_active {
	background:#900 !important;
}

#commands {
	margin-left:0px;
}

#commands a {
  color:#000;
	display:inline;
}

#commands a.desctructive:hover {
  background-color:#900;
}