/*
Theme Name: Snap Dragon
Theme URI: http://www.philsternarchives.com.au/
Description: Phil Stern's photo archive site.
Version: 1.0
Author: Drew Baker
Author URI: http://www.rickanddrew.com
Tags: fixed width, three columns
*/

/*Globals*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; }

body { font-family: Georgia, "Times New Roman", Times, serif; color: black; font-size: 12px; }

img { border: none; }

h2 { font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 0; padding-bottom: 1em; }
h2.title { float: left; width: 340px; }
.entry h2 { color: #9b1700; padding-bottom: 1em; padding-top: 1em; }

h4 { font-size: 10px; }

/*Links*/
a { color: #666; text-decoration: none;}
a:hover { color: #9b1700; }
a:visted { color: #333; }
a:focus { -moz-outline: none; }

h2 a { color: #9b1700; text-decoration: none; }
h2 a:hover { text-decoration: underline; }

#logo a { color: white; text-decoration: none; font-size: 24px; text-transform: uppercase;}
#menu a,#submenu a { text-decoration: none; }

ul.archivemenu ul li a {}
ul.archivemenu ul li a:hover { color: #9b1700; }

/*Structure*/
#container { width: 960px; margin: 0 auto; background: #171813; }
#tagline { display: none; }
#content { width: 860px; margin: 0 30px 0px 30px; padding: 20px; float: left; background: white; }
#archive_content { float: left; width: 500px; margin:0 0 0 100px; }

#gallerylist { float: left; width: 700px; font-size: 11px; }

#header { background: url(images/header.jpg); height: 150px; }
#filmstrip_top { background: url(images/filmstrip_top.png); height: 29px; width: 640px; float: left; margin-bottom: 10px; opacity:0.4;filter:alpha(opacity=40); }
#filmstrip_bottom { background: url(images/filmstrip_bottom.png); height: 30px; width: 640px; float: left; opacity:0.4;filter:alpha(opacity=40); margin-bottom: 20px; }
#logo { float: left; z-index: 10; position: relative; margin: 10px 0 10px 100px; background-color: #9b1700; }
.frontpage { margin: 10px; }
	
#landing { margin: 20px auto; height: 509px; width: 640px; z-index: 1; position: relative;}

.post { width: 100%; float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 15px #171813 solid;  }
#content .post:last-child { border-bottom: none; }
.post_image { float: left; width: 130px; clear: left; }
.entry { float: right; width: 500px; }
.entry p { margin: 0 0 1em 0;}
#archive_content .entry p { padding: 0; margin: 5px 0 0 0; }
#archive_content .entry p img { }

#copyright { float: left; text-align: center; font-size: 11px; width: 100%; color: #a7a19f; padding: 20px; background: white; }

#footer { width: 960px; height: 153px; background: url(images/footer.jpg); float: left; }

/*Menus*/
.menu { float: left; clear: left; height: 21px; text-align: justify; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 100px; font-family: Helvetica, Arial, sans-serif; width: 100%;}
#submenu { float: left; width: 150px; font-size: 15px; text-transform: uppercase; margin-right: 10px; font-family: Helvetica, Arial, sans-serif; } 

#landing .menu { margin: 0px; font-size: 15px; text-align: center; }

ul#mainmenu { list-style: none; padding: 0; margin: 0; text-align: center; }
ul#mainmenu li { display: inline; padding: 0; margin: 0 0 0 16px; float: left;}
#landing ul#mainmenu li { display: inline; padding: 0; margin: 0 0 0 14px; float: left;}
#landing ul#mainmenu li:first-child { margin: 0; }
ul#mainmenu li:first-child { margin: 0; }
#mainmenu li a { display: block; height: 21px; }
#mainmenu li { display: none; }

ul.archivemenu { list-style: none; padding: 0; margin: 0; font-size: 15px; font-weight: bold; }
ul.archivemenu ul { list-style: none; padding: 0; margin: 5px 0 7px 0; }
ul.archivemenu ul li { margin: 0 0 0 5px; font-size: 12px; }

ul.namelist { list-style: none; padding: 0; margin: 3px 0 0 0; text-transform: uppercase; }
ul.namelist li { float: left; width: 165px; margin: 0 0 3px 0; }

/*Plugin Hacks*/
.ngg-gallery-thumbnail img {border: none !important; padding: 0 !important; background-color: none !important; margin: 0 0 15px 0 !important;}
.ngg-gallery-thumbnail { float: right !important; margin-right: 0 !important; }
.ngg-gallery-thumbnail-box { float: right !important; }
.ngg-galleryoverview { margin-top: 0 !important; }

.ngg-gallery-list { width: 500px; float: left; }
.ngg-gallery-list li img { height: 70px !important; width: auto !important; }
li.ngg-next, li.ngg-prev { height: 70px !important; line-height: 70px; width: 35px !important; font-size: 2em !important; }

/*Galleyview Hacks*/
.galleryview .panel img { width: auto !important; max-width: 500px !important; margin: 0 auto; height: auto !important; max-height: 500px !important;}
.panel { text-align: center; }

.panel .panel-overlay { position: static !important; }
.panel .panel-overlay h2 { color: black !important; font-size: 12px !important; font-weight: normal !important; }
.panel .panel-overlay p { color: black !important; }
.overlay { display: none; }

ul.filmstrip li { height: 75px !important; width: 75px !important; overflow: hidden; }
.filmstrip img { max-width: 75px !important; }
#pointer { border: none !important; }

/*Image Rotator*/
	/* rotator in-page placement */
	div#rotator { position:relative; height:509px; width: 640px; float: right; }
	/* rotator css */
	div#rotator ul { padding: 0; margin: 0; }
	div#rotator ul li {	float:left; position:absolute; list-style: none; padding: 0; margin: 0; }
	/* rotator image style */	
	div#rotator ul li img { }
	div#rotator ul li.show { z-index:500; }
	

/*Wordpress Required*/
.alignleft { float: left; width: 150px; }
.alignright { float: right; width: 150px; text-align: right; }