/*************************************************

 * davidleinweber.css

 * Tom McFarlin / December 2007

 *************************************************/

 

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

 *                    top-level styles                                        *

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



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

  * universal

  */

html, body {

	margin: 0;

	padding: 0;

	height: 100%;

}



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

 * top/bottom border

 */

div.frame {

	width: 100%;

	height: 20px;

	float: left;

	position: relative;

}



	div#top {

		background-image: url('../images/top_frame.png');

		background-repeat: repeat-x;	

	}

	

	div#bottom {

		background-image: url('../images/bottom_frame.png');

		background-repeat: repeat-x;

	}



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

 * page-container

 */

div#page-container {

	width: 100%;

	min-height: 95%;

	height: auto !important;

	height: 100%;

	float: left;

	position: relative;

}



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

	 * header

	 */

	div#header {

		height: 120px;

		margin-top: 20px;

		margin-bottom: 20px;

	}



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

	 * navigation

	 */

	div#navigation-main {

		width: 826px;

		height: 78px;

		background: rgb(0, 0, 0);

		background: url('../images/nav_main.png');

		color: rgb(255, 255, 255);

	}



		div#navigation-main ul.nav-list {

			width: 826px;

			margin: 0;

			padding: 0;

			height: auto;

			padding-top: 26px;

			margin-left: -24px;

			text-align: center;

		}



		div#navigation-main li {

			text-align: center;

			color: white;

			font-family: "Franklin Gothic Medium", Arial, Sans-serif;

			font-size: 23px;

			font-weight: normal;

			list-style: none;

			display: inline;

			margin-left: 50px;

			cursor: pointer !important;

			cursor: default;

		}

	

	div#navigation-options {

		width: 707px;

		height: 21px;

		margin: 0 auto;

		margin-bottom: 10px;

		background: rgb(192, 192,192);

		background: url('../images/nav_options.png');

	}

	

		div#navigation-options ul {

			margin: 0;

			padding: 0;

			height: auto;

			text-align: center;

			padding-top: 2px;

		}

		

		div#navigation-options li {

			list-style-type: none;

			display: inline;

			font-family: Tahoma, Arial, Sans-serif;

			font-size: 14px !important;

			font-size: 13px;

			font-weight: normal;

			font-variant: small-caps;

			letter-spacing: 1px;

			margin-right: 40px;

			margin-left: 10px;	

		}

		

		div#navigation-options a {

			text-decoration: none;

			color: rgb(200, 200, 200);

		}

		

		div#navigation-options a:hover {

			color: rgb(240, 240, 240);

		}



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

	 * content-container

	 */

	div#content-container {

		margin: 0 auto;

		width: 826px;

		position: relative;

	}

	

		div#content-wrapper {

			width: 684px;

			margin: 0 auto;

			margin-bottom: 10px;

			line-height: 26px;

		}

		

			div#content-wrapper h1 {

				margin: 0;

				color: rgb(100, 0, 0);

				font-family: Tahoma, Arial, Sans-serif;

				font-size: 24px;

				

                margin-bottom: 10px;

			}

			

			div#content-wrapper h2 {

				margin: 0;

				color: rgb(120, 120, 120);

				font-family: Tahoma, Arial, Sans-serif;

				font-size: 16px;

				font-weight: normal;

			}



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

		 * content-left

		 */

		div#content-left {

			width: 480px;

			float: left;

			position: relative;

		}

		

			div#content-left h1 {

				font-size: 24px;

			}

			

			div#content-left img {

				border: 1px solid rgb(192, 192, 192);

			}



		

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

		 * content-right

		 */

		div#content-right {

			width: 200px !important;

			width: 0px;	

			float: right;

			position: relative;

			text-align: center;

		}

		

			div#content-right h1 {

				font-size: 16px;

				font-weight: bold;

			}

	

	

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

	 * side-cell

	 */

	div#content-right div.side-cell {

	

     	margin-bottom: 10px;	

		border-bottom: 1px dotted rgb(0, 0, 0);

		

		background-image: url('../images/side-cell-bg.png');

		background: url('../images/side-cell-bg.png');

		

		padding: 0;

		width: 200px;

		float: right;

		position: relative;

		clear: both;

		font-family: Arial, Sans-serif;

		font-size: 12px;

	}

	

		div#content-right div.side-cell p {

            margin: 0 auto;

			margin-top: 10px;

            width: 90%;

            display: block;

		}

		

		div#content-right div#events-cell p {

			margin-top: 0;

			margin-bottom: 10px;

		}

		

		div#content-right h3 {

			margin: 0;

			padding: 0;

			font-variant: small-caps;

		}



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

	 * footer

	 */

	div#footer {

		width: 707px;

		margin: 0 auto;

		position: relative;

		float: left;

		margin-left: 60px !important;

		margin-left: 30px;

		margin-top: 20px;

		margin-bottom: 20px;

		color: rgb(150, 150, 150);

		font-family: tahoma, arial, sans-serif;	

		font-size: 14px !important;

		font-size: 13px;

		font-variant: small-caps;

	}

	

		div#footer div.left {

			float: left;

			width: 180px;

			text-align: left;

		}

		

		div#footer div.right {

			float: right;

			width: 210px;

			text-align: right;

		}



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

  *                    form styles                                    *

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



    div.form label {

        display: block; 

		margin-left: 12px;

		text-align: left;

    }



    div.form input, div.form textarea {

        border: 1px solid rgb(0, 0, 0);

        padding: 5px;

        width: 80%;

        margin-bottom: 25px;

		font-family: Tahoma, Arial, Sans-serif;

        font-size: 11px;

     }



        div.form input:focus, div.form textarea:focus {

		    border: 1px inset rgb(200, 200, 200);

        }

        

    div.button { 

		margin-right: 20px;

		padding-top: 5px;

		width: 120px;

		height: 30px;

		

		/* explicitly set the border for ie6 */

		border-top: 1px solid rgb(155, 155, 155);

		border-left: 1px solid rgb(155, 155, 155);

		border-right: 1px solid rgb(0, 0, 0);

		border-bottom: 1px solid rgb(0, 0, 0);;

		

		float: left;

		position: relative;

		text-align: center;

		background: rgb(192, 192, 192);

		font-family: Tahoma, Arial, Sans-serif;

		font-weight: bold;

		cursor: pointer;

	}

	

		div.button:hover {

			background: rgb(210, 210, 210);

		}



    input#gb_sign, input#gb_view {

        border: 1px outset rgb(100, 100, 100);

        background: rgb(192, 192, 192);

    }

		

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

  *                    content-cell styles                            *

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



    div#content-left div.content-cell {

        margin: 0 auto;

        width: 450px;

        font-family: Arial, Sans-serif;

        font-size: 12px;

        line-height: 25px;

        float: left;

        position: relative;

    }



        div.content-cell h3 {

            margin-bottom: 3px;

            padding: 0px;

            font-size: 16px;

            font-weight: bold;

        }



        div.content-cell h4 {

            color: rgb(120, 120, 120);

            font-size: 13px;

            font-weight: normal;

            margin-bottom: 3px;

        }



        div.content-cell p {

            margin-bottom: 10px;

            font-size: 13px;

        }
		
		div.content-cell p.label {
			text-align: center;
			font-size: 0.9em;
			color: rgb(100, 100, 100);
		}



            div.content-cell a:hover {

                text-decoration: underline;

            }



        div.content-cell span {

            display: block;

            font-style: italic;

        }



        div.content-cell table, div.content-cell tr, div.content-cell td {

            border: 0;
			text-align: center;

        }



            div.content-cell tr {

                height: 220px;

                vertical-align: top;

            }



            div.content-cell td.album_description h3 {

                margin-top: -3px;   

            }

            

        div.content-cell div {

            margin-bottom: 40px;

        }



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

  *                custom gallery2 styles                             *

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



    div#gallery {

        margin: 0;

        float: left;

        position: relative;

        font-family: Arial, Sans-serif;

        font-size: 11px;

    }



    div#gsHeader, div#gsNavBar, div.gcBackground1,

    div#gsFooter, div.summary, p.giTitle, div.giInfo {

	    display: none;

    }

    

        div#gallery td.giItemCell div img {

            margin-bottom: -40px;

        }



    div#gallery table, div#gallery td.giItemCell, div#gallery td, div.gbBlock {

	    border: 0;

    }



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

  *                specific styles                                    *

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



    div#links div.link {

        margin-bottom: 25px;

    }



    div#rotating-images {

	    float: left;

	    position: relative;

	    width: 470px;

	    height: 296px;

    }



	div#rotating-images img {

		float: left;

		margin-bottom: -298px;

	}



    a#prev_entries {

        float: left;

        position: relative;

    }



    a#more_entries {

        float: right;

        position: relative;

    }



    div#page-container a.content_link {

        color: rgb(120, 120, 120);

        font-size: 13px;

        text-decoration: none;

        font-style: italic;

        margin-left: 2px;

    }



        div#page-container a.content_link:hover {

            text-decoration: underline;

        }



    div#calendar iframe {

        width: 100%;

        margin-top: 8px;

        height: 600px;

        border: 0;

    }



    div#sign-guestbook label {

        margin-left: 0px;

    }



	fieldset#email-form div#email_send {

		margin-left: 39px !important;

		margin-left: 19px;

	}

	

	a#hide-form {

		display: none;

	}
	
	div#warning {
		margin-top: 8px;
		border: 3px solid rgb(100, 0, 0);
		background: rgb(192, 192, 192);
		padding: 4px;
		color: rgb(0, 0, 0);
		font-weight: bold;
		font-family: Arial, Sans-serif;
		font-size: 13px;
		text-align: left;
		line-height: 25px;
	}
	
	div#downloads p.category_header {
		background: rgb(220, 220, 220);
		text-align: center;
	}
	
			p.category_header a {
				color: rgb(100, 0, 0);
				text-decoration: none;
			}
			
			p.category_header a:hover {
				text-decoration: underline;
			}

	

    /* the following styles cascade the validator's styles */

    .validation-advice

    {

        position: absolute;

        width: 100%;

        margin-top: -25px;

        font-size: 11px;

	    color: rgb(100, 0, 0);

	    font-style: italic;

    }

/** temporary upsell banner */
#banner {
    width: 100%;
    position: fixed;
    font-family: Arial, Sans-serif;
    background: #F1F0DC;
    text-align: center;
    font-size: 1em;
	font-style: italic;
    padding: 1.1em;
    border-bottom: 1px outset rgb(0, 0, 0);
    z-index: 200;
}

#banner a {
    text-decoration: none;
    color: #730000;
}

    #banner a:hover {
        text-decoration: underline;
    }
	
#banner #close-button {	
	font-weight: bold;
	font-family: 'Courier New', Arial, Sans-serif;
	cursor: pointer;
}