/* Chas. McRae Photography 1.1 layout - chasmcraephotography.com */
/* Developed by Jan A. Allinder - Digital Imaging Group - http://www.digitalimaginggroup.net */
/* Last update:13 October 2005. */
/*  Establish general layout parameters */
body{
margin:0;
border:0;
padding:15px 0px 15px 0px;
color:#000000;
background-color: #F8EFD2;
text-align: center;
}
img.floatleft{float:left;clear:right;margin:2px 6px 2px 0px;
border-left: 1px solid #555555;
border-top: 1px solid #555555;
border-right: 4px solid #343434;
border-bottom: 4px solid #343434;
}
img.floatright{float:right;clear:left;margin:2px 0px 2px 6px;
border-left: 1px solid #555555;
border-top: 1px solid #555555;
border-right: 4px solid #343434;
border-bottom: 4px solid #343434;
}
#wrapper{
voice-family:"\"}\"";
voice-family:inherit;
padding:0;
width:780px;
margin-left:auto;
margin-right:auto;
background-color:#F8EFD2;
color:#000000;
}
html>#wrapper{width:780px;}

table.centered{
margin-left:auto;
margin-right:auto;
text-align:center;
}

tr,td{text-align:left;}

p.smemphasis {
font: .8em;
color: #000000;
}
form{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:.9em;
}
.clearer{clear:both;height:0;line-height:0;}
a{border-width:0;color: #5F8258;
background:#F8EFD2;}
a:hover{background:#cac09a;color: #000000;
text-decoration: none;}
h1{
color:#000000;
font:1.25em Verdana,Arial,helvetica,sans-serif;
}
h2{
color:#000000;
font:1.1em Verdana,Arial,helvetica,sans-serif;
}
table{border-collapse:collapse;}

#content{
background:#F8EFD2;
color:#000000;
font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
}

#content p{
background-color:#F8EFD2;
color:#000000;
margin:12px 8px 18px 8px;
font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
font-size: 1em;
}
#content .emphasis {
color: #000000;
font-weight: bold;
}
#content h1{
font-family: "Times New Roman", Times, serif;
color:#000000;
font-size:1.8em;
font-weight: bold;
margin:12px 8px 10px 8px;
background-color:#F8EFD2;
}
#content h2{
font-family: "Times New Roman", Times, serif;
color: #4A4324;
background-color:#F8EFD2;
font-size:1.3em;
margin:10px 8px 8px 8px;
border-bottom:1px dashed #4A4324;
}
#content p.smright a {
text-align: right;
font-size: .8em;
}

ul{list-style: disc; }
li{margin:10px 8px 8px 20px;font-size:.95em;}

#footer{
color:#000000;
background-color:#F8EFD2;
font-size:.8em;
line-height:1.1em;
text-align:center;
}
#footer p{
margin:6px 0px;
color: #3A3A3A;
background-color: #F8EFD2;
font:1.1em/1.25em Verdana,Geneva,Arial,helvetica,sans-serif;
text-align:center;
}
#footer p.design{
color:#929292;
background-color:#F8EFD2;
font-size:.8em;
line-height:1;
font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
}
#footer p.design a:hover{
color:#000000;
background-color:#F8EFD2;
text-decoration:none;
}

#header{
background-color:#F8EFD2;
background: url(http://www.chasmcraephotography.com/assets/graphics/Logo.jpg);
background-repeat: no-repeat;
height: 160px;
}
#header h1{
background-color:#F8EFD2;
color: #687B65;
font-family: "Times New Roman", Times, serif;
font-size: 4em;
font-weight: bold;
margin: 50px 0px 20px 340px;
}
#header h2{
background-color: transparent;
color: #7B7E69;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-align: right;
margin: 0px 30px 0px 0px;
}
#nav{
padding:0px;
background-color:#F8EFD2;
text-align: center;
color:#000000;
border-bottom:1px #E3C8E3 solid;
}
#MenuPos{
margin:0px;
background-color: #CAC09A;
}
#lowernav{
padding:2px 0px 0px 0px;
width:790px;
height:32px;
border-top:1px #E3C8E3 solid;
background-color:#F8EFD2;
color:#000000;
margin:0px;
text-align:center;
}

.location{
font-family: Tekton,Arial, Helvetica, sans-serif;
padding: 4px;
font-weight: bold;
text-align: center;
margin-bottom: 3px;
margin-top: 3px;
}
.location a {
text-decoration: none;
display: block;
padding: 4px;
background-color: #B6B316;
border-top: 2px #1A3249 solid;
border-left: 2px #1A3249 solid;
border-bottom: 2px #F0DDF2 solid;
border-right: 2px #F0DDF2 solid;
}
.dropcap {
font-family: Tekton,Arial, Helvetica, sans-serif; 
font-size: 1.75em; 
font-weight:bold; 
}
/* F O R M S  Division */
#divform {
	font-family: "Courier New", Courier, monospace;
	padding: 5px;
	width: 380px;
	background-color: #475929;
	font-size: 90%;
	margin: 0px auto;
	border: 1px dashed #999;
}
#divform div.row {
  clear: both;
  padding-top: 5px;
}
#divform div.row span.formw {
	float: right;
	text-align: left;
	font-size: 13px;
	width: 270px;
}
#divform div.row span.label {
	float: left;
	font-size: 13px;
	text-align: right;
	width: 110px;
}
#divform input.submit {
	background-color: #9DA395;
	border: #666 1px solid;
	color: #000;
}
#divform select, input, textarea {
	background: #DDD;
	color: #000;
}

/* This is the style sheet used when Gallery is embedded into
   another product, like PHP-Nuke, and when it's running 
   standalone.

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

     "embedded_style.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. These are noted 

   $Id: screen.css.default,v 1.1.2.1 2005/03/01 07:46:14 cryptographite Exp $
*/ 


/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/


img {
    border: none;
}

td,p { 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px; 
}

textarea:focus, input:focus, select:focus {
	background-color: #FFFFDA;
}

/* 
   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; 
	}

.attention                          /* so far, just for voting instructions*/
        {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          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: #6274CB;
 
     }
.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%;
	   color: #000;
	   padding-left: 5px;
	   border-top: 1px solid #FFF;
	   border-left: 1px solid #FFF;
	   border-right: 1px solid #FFF;
	   background-color: #6274CB;
 	}

.popup /* controls the main text and message body */
	 {
	   text-align:center;
	   font-size: 12px;
	   font-weight: none;
	   color: #202020;
	   padding: 5px;
	   border: 1px solid #FFF;
	   background-color: #F0F0F0;
	   margin-bottom: 10px;  
	 }

.popupform /* controls form textarea */
	 {
	   font-size: 12px;
	   font-weight: none;
	   line-height: 120%;
	   color: #202020;
	   padding: 2px;
	   border: 1px solid #FFF;
	   background-color: #C0C0C0;
	 }

/* CSS ID for the add photos popup */

#container {
    adding: 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 {
    background-color: #cac09a; 
    color: #000000;
}

#adminbox td {
    background-color: #cac09a;
}

#menu {
}

#menu td {
}

#menu a {
   display: block;
   font-family: Verdana,Helvetica,sans-serif;
   font-size: 10px;
   text-decoration: none;
   color: #5F8258;
   white-space: nowrap;
/* uncomment this and the below to have a nice hover effect.
   padding: 2px;
   -moz-border-radius: 3px;
*/
}

#menu a:hover {
   color: black;
   white-space: nowrap;
/*
   border-bottom: 1px solid #66A;
   border-right: 1px solid #66A;
   border-top: 1px solid #224;
   border-left: 1px solid #224;
   padding: 1px;
*/
}