/* CSS file for www.surrealartstudio.com */

	body {
/*                background-image: url(images/grey-black-scanline-01.jpg);
                background-repeat: repeat; */
		margin: 0;
		padding: 0;
		color: #505050;
		background-color: #414141;
                font-size: 100%;
                text-align: center;
	}

        body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
                font-family: verdana, arial, helvetica, sans-serif;
                color: #eee3ff;
        }

        p { 
                color: #eee3ff;
                font-size: 90%;
                font-weight: normal;
                margin-left: 20px;
                padding-right: 20px;
        }


        h1 {
                color: #e6e5f3; 
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 150%;
                font-weight: normal;
        }


        h2 {
                color: #e6e5f3; 
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 115%;
                font-weight: normal;
                margin-left: 10px;
        }

        h3 {
                color: #e6e5f3; 
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 100%;
                font-weight: bold;
                margin-left: 10px;
                padding-top: 5px;
        }


 
	a:link { 
                color: #ebb338; 
                text-decoration: none;
                font-weight: normal;
        }

	a:visited { 
                color: #ebb338; 
                text-decoration: none; 
                font-weight: normal;
        }
	
	a:hover, a:active {
		color: #c16429;  
                text-decoration: underline;
	}


        #container {  
                margin: 1em auto;
                width: 800px;
                text-align: left;
		background-color: #000000;
		border: 1px solid #6000ff; 
        }


        #header {  
/*                background-image: url(images/header-01.jpg);
                background-repeat: no-repeat; */
                height: 150px;
        }

        #header img { 
                border: 0 solid #000000;
        }

        #mainnav { 
                background-color: #2c2c2c;
                color: #ffffff;
                padding: 2px 0;
                margin-bottom: 20px; 
        }

        #mainnav ul { 
                margin: 0px;
                padding: 0;
                list-style-type: none;
/*                border-bottom: 1px solid #9f000b; */
                text-align: right;
        }

        #mainnav li { 
                display: inline;
                padding: 0 10px;
/*                border-right: 1px solid #ffffff; */
        }

        #mainnav li a { 
                text-decoration: none;
                color: #ffffff;
        }

        #mainnav li a:hover { 
                text-decoration: none;
                color: #ac7aff;
                background-color: #3f3f3f;
        }



        #contents { 
 		margin-right: 0px;
		margin-left: 20px; 
		background-color: #000000;
        }



/* Gallery thumbnail floats. */
        .thumbnail {
                background-color: #363636;
                float: left;
                width: 210px;
                height: 250px;
                border: 1px solid #727272; 
                margin: 5px 8px 15px 8px;
                padding: 20px 8px 20px 8px;
                font-size: 80%;
                text-align: center;
        }

        .thumbnail img { 
                border: 1px solid #424242;
        }




/* Main gallery container.  */
        #gallery { 
                color: #d9f6f2;
                background-color: #000000;
                margin: 0px;
        }

        #gallery h1 { 
                color: #d9f6f2;
                background-image: url(images/black-grey-800x1.jpg);
                background-repeat: repeat; 
                font-family: "Century Gothic", Verdana, sans-serif; 
                font-size: 110%;
                font-weight: normal;
                text-align: left;
                margin: 0px;
                padding-left: 10px;
        }


        #gallery-nav { 
                color: #6000ff;
                background-color: #000000; 
                background-image: url(images/black-grey-800x1.jpg);
                background-repeat: repeat; 
                text-align: right;
                margin-bottom: 20px;
                padding: 0px 5px 5px 0;
        }


        #gallery-nav img {
                border: 0px solid #727272;
        }


        #gallery-image { 
                margin: 0px 20px 20px 0;
                border: 0px solid #727272;
                text-align: center;
        }


        #gallery-desc { 
                color: #d9f6f2;
                background-color: #000000;
                margin: 25px 10px 25px 10px;
/*                border: 1px solid #7a85bf; */
                padding-left: 10px;
        }

        .label {
                color: #d9f6f2;
                background-color: #000000;
                font-family: Univers, "Trebuchet MS", sans-serif; 
                font-size: 105%;
        } 

        #gallery-desc p {
                color: #ffffff;
                text-align: left;                
        }



/* Used to break the gallery line. Also seem to need a clear for the
#gallery div to sit inline within the main contents. Had a hard time
inserting the gallery - the footer kept wanting to sit right below the
header. */

        .clearboth { 
                clear: both; 
        }






        #footer { 
                clear: both;
		background-color: #000000;
                color: #ffffff;
                font-size: 80%;
                text-align: center;
                margin-bottom: 0 0 0 0;
                padding: 10px 0 10px 0;
                border-top: 1px solid #727272; 
        }



        .left-floating {
                float: left;
                padding: 0 15px 20px 0;
                text-align: center;
                color: #809388; 
                font-size: .85em;
        }