/*
CSS for Jason Brown Art: 3-29-10
                Updated: 3-29-10
*/


/*------------------------------------------------------------------Body ----------------------------------------------------------------------*/

/*---------------
-------BODY------
----------------*/

body {
	background-color: #2f2f2f;
	margin-right:auto;
	margin-left: auto;
	height: 100%;
}

.body {
    width: 1000px;
	margin: 0;
	margin-right:auto;
	margin-left: auto;
}

/*--------------------------------------------------------------Table Styles ------------------------------------------------------------------*/

/*---------------
----TITLEHEADER--
----------------*/
.titleheader {
    width: 600px;
	border: 3px double #1C2539;
	margin-right:auto;
	margin-left: auto;
	background-color: #637C80;
	padding: .5em;
}

.style2 {
	font-size: 2em;
	font-family: "Open Sans", sans-serif;
	color: #1C2539;
	letter-spacing:2.5pt;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*---------------
----NAVIGATION---
----------------*/
.nav {
    height:40px;
	width: 600px;
	padding: 0;
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 0;
	border: none;
}

.style8 {
    font-size: 1.1em; 
    font-family: "Open Sans", sans-serif;
	color: #1C2539; 
}

/*--------------------------------------------------------Link Actions and Colors -----------------------------------------------------------*/

/*---------------
------LINKS------
----------------*/
a:link {
  color: #919584;
  text-decoration: none;
}

a:visited {
  color: #919584;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #919584;
}

a:active {
  color: #919584;
  text-decoration: none;
}

/*---------------
----TEXT LINKS----
----------------*/

.textindexwords a:link {
  color: #ddbb77;
  text-decoration: none;
}

.textindexwords a:visited {
  color: #ddbb77;
  text-decoration: none;
}
.textindexwords a:hover {
  text-decoration: none;
  color: #ddbb77;
}

.textindexwords a:active {
  color: #ddbb77;
  text-decoration: none;
}

/*---------------
--GALLERY LINKS---
----------------*/

.galleryindexwords a:link {
  color: #ddbb77;
  text-decoration: none;
}

.galleryindexwords a:visited {
  color: #ddbb77;
  text-decoration: none;
}
.galleryindexwords a:hover {
  text-decoration: none;
  color: #ddbb77;
}

.galleryindexwords a:active {
  color: #ddbb77;
  text-decoration: none;
}

/*---------------
---HEADER LINKS---
----------------*/

.h2 a:link {
  color: #ddbb77;
  text-decoration: none;
}

.h2 a:visited {
  color: #ddbb77;
  text-decoration: none;
}
.h2 a:hover {
  text-decoration: none;
  color: #ddbb77;
}

.h2 a:active {
  color: #ddbb77;
  text-decoration: none;
}

/*---------------
---PRINTS LINKS---
----------------*/

.galleryprints a:link {
  color: #996600;
  text-decoration: none;
}

.galleryprints a:visited {
  color: #996600;
  text-decoration: none;
}
.galleryprints a:hover {
  text-decoration: none;
  color:  #996600;
}

.galleryprints a:active {
  color: #996600;
  text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------INDEX---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.indexphoto {
    margin-right:auto;
	margin-left: auto;
	width: 600px;	
}

.indexphoto img {
    width: 598px;
	border: none;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------GALLERY INDEX---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------
--GALLERY INDEX---
----------------*/

.galleryindex {
    width: 800px;
	margin: 0;
	margin-right:auto;
	margin-left: auto;
}

.galleryindexwords {
    margin-right:auto;
	margin-left: auto;
	width: 800px;	
	height: 50px;
	margin-top: 2em;
	
}

.galleryindexphotos {
    margin-right:auto;
	margin-left: auto;
	width: 800px;	
	height: auto;
	margin-top: .5em;
}

.galleryindex img {
    width: 100%;
	border: none;
}

.style1 {
	font-size: 1.5em;
	font-family: "Open Sans", sans-serif;
}

    

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------GALLERY PAGES--------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.h2 {
    margin-right:auto;
	margin-left: auto;
	width: 800px;	
	height: 50px;
	margin-top: 2em;
	padding-left: 0;
}


.gallery {
    width: 900px;
	margin-right:auto;
	margin-left: auto;
	margin-top: 3em;
}

.galleryphotos {
    height: 240px;
	width: 900px;
	margin-right:auto;
	margin-left: auto;
}

.galleryphotos img {
	border: none;
	vertical-align: middle;	
}

.galleryphotos table {
	height: 240px;
}


.gallerywords {
	height: 120px;
	margin-right:auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;		
}

.gallerytitles {
	height: 50px;
	margin-right:auto;
	margin-left: auto;
	margin-top:0;
	margin-bottom: 0;
}

.style3 {
	font-size: 1.5em;
	font-family: "Open Sans", sans-serif;
	color: #ffcc66;
}

.style4 {
    font-size: 15px; 
	font-family:  "Open Sans", sans-serif;
	color: #c3c8b7;
	font-weight: bold;
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-top: 1em;
}

.style5 {
    font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #919584; 
	font-weight: normal;
}

.style6 {
    font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #aa4411; 
	font-weight: normal;
}

.style7 {
    font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #996600; 
	font-weight: normal;
}

.style9 {
    font-size: 14px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #c3c8b7;
	text-align:justify;
    width: 800px;
	margin-right:auto;
	margin-left: auto;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------THIRTY PAGE----------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.thirty {
    width: 628px;
	margin-right:auto;
	margin-left: auto;
}

.thirtyphotos {
    
	width: 676px;
	margin-right:auto;
	margin-left: auto;
}

.thirtyphotos img {
	border: none;
	vertical-align: middle;	
}

.thirtyphotos table {
	
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}

.thirtyphotos th, .thirtyphotos td {
	
	border: none;
	padding: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------TEXT INDEX---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------
--TEXT INDEX---
----------------*/

.textindex {
    width: 510px;
	margin: 0;
	margin-right:auto;
	margin-left: auto;
	padding-bottom: 2em;	
}

.textindexwords {
    margin-right:auto;
	margin-left: auto;
	width: 510px;	
	height: 50px;
	margin-top: 2em;	
}

.textindexphotos {
    margin-right:auto;
	margin-left: auto;
	width: 510px;	
	height: auto;
	margin-top: .5em;
}

.textindex img {
    width: 100%;
	border: none;
}

.style1 {
	font-size: 1.5em;
	font-family: "Open Sans", sans-serif, Papyrus, "Papyrus Condensed";
}




/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------DRAWINGS---------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------*/



/* This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
*/


/* Gallery Styles ----------------------------------------*/



/* Table Styles ---------------------------------------*/



/*------------------------------------------------------------------- Forms -------------------------------------------------------------------*/



form.contact {
  padding: 2px;
  margin: 0;
  margin-top: 0;
  line-height: 100%;
}

form.contact label {
  font-weight: bold;
  font-size: 14px;
  color: #c3c8b7;
}

form.contact label.fixedwidth {
  display: block;
  width: 175px;
  float: left;
  color: #ffcc66;
}

form.contact .buttonarea input {
 
}

form.contact .buttonarea {
  text-align: center;
  padding: 2px;
  
}

.style10 {
	color: #c3c8b7;
	font-weight: bold;
	width: 800px;
	margin-right:auto;
	margin-left: auto;
}

/* ----------------------------------*/