/* This is the base style sheet that is used anytime in Gallery.

   If you would like to customize the styles please create 
   copy of this file called 

     "base.css" (same name without ".default")

   If that file is found in this directory it will be 
   used instead of this one.

   Some of the styles below are overriden by specific 
   album properties.

   $Id: base.css.default,v 1.1.2.2 2005/04/04 15:26:12 cryptographite Exp $
*/ 


/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/
/
*/
textarea:focus, input:focus, select:focus {
	background-color: #FFFFDA;
}

form {
	margin:0px;
}

/* 
   text styles 
*/
.title                          /* album titles on main page */
	{ 
	  font-size: 14px; 
	  font-weight: bold; 
	}
.mod_title			/* album title -- Text is controlled by .title */
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.mod_title_bg   /* album title hightlight Text is controled by .title */
	{
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/
	{
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */
	{
	}
.albumdesc  /*album description includes all text and background*/
	{
	}
.desc                           /* album descriptions on main page */
	{ 
	  font-size: 12px; 
	}
.caption                        /* photo captions on all pages */
	{ 
	  font-size: 10px; 
	}
.modcaption  /* modifies background for caption text to reside - view_album */
	{
	  font-size: 10px; 
	}
.pcaption  /* modifies background for caption text to reside - view_photo*/
	{
	  font-size: 10px; 
	}

.vafloat /* float for view album - text */
 	{
 	   float: none;
 	}
 
.vafloat2 /* float for view album - images */
 	{
 	 float: none;
	}
 
.vasummary /* controls the view of Album summary */
	{
        font-weight:bold;
        padding:2px;
        margin-top:10px;
        width:80%;
	}
.commentIndication 
	{
	   color: red;
	   font-size: 12px;
	}
.error                          /* all error text */
{ 
      color: red; 
      font-size: 12px; 
}

a.error, a.error:link, a.error:visited, a.error:active {
    color: red;
    font-size: 12px; font-weight: bold;
}

a.error:hover {
    text-decoration:underline;
}

.attention                          /* so far, just for voting instructions*/
        {
          font-weight: normal;
          color: #FBFF7F;
          font-size: 12px;
        }

.headbox			/* box around the page headers */
	{
	}

.head                           /* page headers */
	{ 
	  font-size: 16px; 
	  font-weight: bold; 
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/
	{
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.bread                          /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.nav                            /* used in navigation bars */
	{ 
	  font-size: 12px; 
	}
.navtableborderbegin
	{
	  border:1px solid #000000;
	}
.navtableborderend
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	}
.bordertop
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderright
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderleft
	{
	  border:1px solid #000000;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-right-width:0px;
	}
.fineprint                      /* used for fine print */
	{
	  font-size: 10px;
	}

.viewcounter 
	{
	  font-size: 10px;
	}

.editlink                       /* Used for the [edit] tags */
	{
	  font-size: 10px;
	}
.modnavbox  /* main navigation bar next and previous */
	{
	}
.admin                          /* used in admin bars */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}

.adminform /* defines form for drop down menu */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}
.search                          /* used in search text */
	{ 
	  font-size: 10px; 
	  font-weight: bold; 
	}
.searchform /* defines form for search */
	{
	  font-size: 10px; 
	  font-weight: bold; 
	}
.leftspacer  /* amount of space to the left of the header and titles */
	{
	  width: 0px;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{
	background-color: #5E72CC;
 
     }
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{

	}
.modfooter /*footer where the Gallery version is located*/
	{
	}


.popupbody  /* controls the background of popup. */ 
	 {
	   color: #000;
	 }
	
.popuphead  /* controls the title and background */ 
	 {
	   text-align:center;
	   font-size: 14px;
	   font-weight: bold;
	   line-height: 150%;
 	}

.popup /* controls the main text and message body */
	 {
	   text-align:center;
	   font-size: 12px;
	   font-weight: none;
	   padding: 5px;
	   margin-bottom: 10px;  
	 }

.popupform /* controls form textarea */
	 {
	   font-size: 12px;
	   font-weight: none;
	   line-height: 120%;
	   padding: 2px;
	 }

/* CSS ID for the add photos popup */

#container {
	padding: 2px;
}

#tabnav {
	height: 20px;
	margin: 0px;
	padding-left: 5px;
	background: url(images/tab_bottom.gif) repeat-x bottom;
}

#tabnav li {
	margin: 0px; 
	padding: 0px;
  	display: inline;
  	list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	text-decoration: none;
	color: #666;
	border-width:1px;
	border-style: solid; border-color: #000000;
	-Moz-Border-Radius-TopLeft: 20px;
	-Moz-Border-Radius-TopRight: 20px;
}

#tabnav a:link.active, #tabnav a:visited.active {
	background-color: #FCFCF3 ; padding:2px 5px 2px 5px; font-size:12px;
	margin-right: 4px;
	border-style: solid; border-color: #000000;
	-Moz-Border-Radius-TopLeft: 20px;
	-Moz-Border-Radius-TopRight: 20px;
	color:#000000;
}

#tabnav a:hover {
	color: #444
}

#adminbox {
    width: 100%;
}

#adminbox td {
    font-size: 10px; font-weight: bold;
    vertical-align: bottom;
    padding: 2px;
}

#adminbox a {
    font-size: 10px;
}

#adminbox a:hover {
}

#menu {
    border-collapse:collapse;
}

#menu td {
    vertical-align:bottom;
}

#menu a {
   display: block;
   font-size: 10px;
   white-space: nowrap;
   text-align:center;
}

#menu a:hover {
}

.noLink {
    font-size: 10px;
}

/* Used on Adminpage */
td.adm_options { 
    vertical-align: top; 
    height: 30px; 
    padding: 5px;
}

/* Following two claes areu sed in stats-wizard */
 .blockcell { 
    vertical-align: top; 
    border-bottom: 1px solid #000000 
}
        
caption {
    font-weight:bold; 
    margin-bottom: 5px
}

/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #cccccc url("http://www.bugxter.net/bg_grad.jpg") fixed;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/


form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 126px;
	left: 15px;
	right: 2%;
	width:95.6%;
	background-color: #ffffff;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	text-align:center;
	padding: 35px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
	
	background-image:url(http://www.bugxter.net/photos/pgo bugxter 150.jpg);
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 10px 14px 10px;
	padding:
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 22px;
	right: 6px;
	padding: 0px;
	margin: 0px;
	left: 327px;
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("http://www.bugxter.net/glbnav_background.gif");
}

#globalNav img{
	margin-bottom: -4px;
 
}
#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	width: 713px;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("http://www.bugxter.net/glblnav_selected.gif");
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 100px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.imgleft{
	float: left;
	padding: 0px 10px 0px 0px;
}
/*
.feature table{
padding: 0px 0px 0px 0px;
	border:1px solid #AAA9A9;
	border-collapse:collapse;
	
}


.feature td{
padding: 5px 5px 5px 5px;
	border:1px solid #AAA9A9;
	border-collapse:collapse;
	
}
.feature tr{
padding: 5px 5px 5px 5px;
}
*/
/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 5px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
padding-left: 12px;
padding-right: 12px;
	padding-top: 12px;
		padding-bottom: 12px;
	border:1px dashed #009700;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	text-align:center;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("http://www.bugxter.net/bg_nav.jpg");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/************** #headlines styles **************/

#headlines{
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 20px 10px;
	font-size: 70%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}




/********************* end **********************/