/*  
Theme Name: Western Reserve Photo Society Private Theme
Theme URI: http://www.wrpsphoto.org/
Description: A proprietary column theme owned by the Western Reserve Photographic Society. ALL rights reserved. 
Version: 1.0
Author: Will Kessel (design by Russ Robinson)
Author URI: http://www.collisionbend.com
*/

/* GLOBAL
........................... */
	body, html {
		margin:0;
		padding:0;
		background: black url(./graphics/bg_body.jpg) no-repeat 50% 0;
		color:#000;
		min-width:753px;
    scrollbar-arrow-color: #FFFAF0;
    scrollbar-3dlight-color: #FFFAF0;
    scrollbar-darkshadow-color: #000;
    scrollbar-face-color: #AF7817;
    scrollbar-highlight-color: #FFFAF0;
    scrollbar-shadow-color: #000;
    scrollbar-track-color: #000;
    overflow: auto;
	}
	abbr, acronym, dfn {
	  font-style: italic;
	  cursor: help;
		border-bottom: 1px dotted #AF7817; }

	/* NAVIGATION
........................... */
 #navcontainer {
 	  position: absolute;
		left: 50%;
		margin-left: -357px;
    width: 709px;
		background-color: transparent;
 }
 #navcontainer ul {
    text-align: center;
		list-style-type: none;
    padding: 0;
    margin: 0;
		border: 0;
		background: transparent;
  }
  #navcontainer ul li {
	  display: block;
		float: left;
		width: 100px;
		text-align: center;
    padding: 0;
		margin: 0;
		background-color: transparent;
  }
  #navcontainer ul li a {
	  display: block;
    width: 100px;
    height: 49px;
    border: none;
    margin: 0;
		padding: 0;
    text-align: center;
    background: transparent;
    color: #AF7817;
    text-decoration: none;
		font-weight: bold;
    font: normal 12px/52px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  }
  #welcome #navcontainer ul li#welcometab {
		background: transparent url(../graphics/tabs.jpg) -8px 0 no-repeat;
	}
  #membership #navcontainer ul li#membershiptab {
		background: transparent url(../graphics/tabs.jpg) -108px 0 no-repeat;
	}
  #forum #navcontainer ul li#forumstab {
		background: transparent url(../graphics/tabs.jpg) -219px 0 no-repeat;
	}
  #events #navcontainer ul li#eventstab {
		background: transparent url(../graphics/tabs.jpg) -309px 0 no-repeat;
	}
  #galleries #navcontainer ul li#galleriestab {
		background: transparent url(../graphics/tabs.jpg) -409px 0 no-repeat;
	}
  #tutorials #navcontainer ul li#tutorialstab {
		background: transparent url(../graphics/tabs.jpg) -511px 0 no-repeat;
		width: 103px;
	}
  #resources #navcontainer ul li#resourcestab {
		background: transparent url(../graphics/tabs.jpg) -611px 0 no-repeat;
		width: 105px;
	}	
	/* PAPER
........................... */
	div#wrap {
	  position: absolute;
		background: transparent url(http://www.wrpsphoto.org/graphics/paper.jpg) repeat-y;
		left: 50%;
		top: 50px;
		margin-left: -359px;
		width:709px;
	}
	div#outerborder {
	  position: relative;
	  margin: 5px;
	  border: 3px solid #AF7817;
	}
	div#innerborder {
	  margin: 3px;
		border: 1px solid #AF7817;
  }
	/* PSA BANNER
........................... */
  #psatext p span {
		position: absolute;
		padding: 0px;
		left: -50em;
		width: 50em;
	}
	#welcome #innerborder {
		background: transparent url(http://www.wrpsphoto.org/graphics/psabanner.gif) 0 0 no-repeat;
  }
	#psa1 {
	  position: absolute;
		z-index: 200;
		top: 12px;
		left: 68px;
		width: 59px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa1 img {
	  border: 0;
	}
	#psa2 {
	  position: absolute;
		z-index: 200;
		top: 28px;
		left: 60px;
		width: 61px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa2 img {
	  width: 61px;
		border: 0;
	}
	#psa3 {
	  position: absolute;
		z-index: 200;
		top: 44px;
		left: 50px;
		width: 61px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa3 img {
	  width: 61px;
		border: 0;
	}
	#psa4 {
	  position: absolute;
		z-index: 200;
		top: 60px;
		left: 30px;
		width: 64px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa4 img {
	  width: 64px;
		border: 0;
	}
	#psa5 {
	  position: absolute;
		z-index: 200;
		top: 78px;
		left: 20px;
		width: 59px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa5 img {
	  height: 18px;
		border: 0;
	}
	#psa6 {
	  position: absolute;
		z-index: 200;
		top: 96px;
		left: 10px;
		width: 59px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa6 img {
	  height: 18px;
		border: 0;
	}
	#psa7 {
	  position: absolute;
		z-index: 200;
		top: 112px;
		left: 10px;
		width: 47px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa7 img {
	  width: 47px;
		border: 0;
	}
	#psa8 {
	  position: absolute;
		z-index: 200;
		top: 128px;
		left: 10px;
		width: 37px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa8 img {
	  width: 37px;
		border: 0;
	}
	#psa9 {
	  position: absolute;
		z-index: 200;
		top: 142px;
		left: 10px;
		width: 27px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa9 img {
	  width: 27px;
		border: 0;
	}
	#psa10 {
	  position: absolute;
		z-index: 200;
		top: 150px;
		left: 10px;
		width: 23px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa10 img {
	  width: 23px;
		border: 0;
	}
	#psa11 {
	  position: absolute;
		z-index: 200;
		top: 160px;
		left: 10px;
		width: 15px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa11 img {
	  width: 15px;
		border: 0;
	}
	#psa12 {
	  position: absolute;
		z-index: 200;
		top: 168px;
		left: 10px;
		width: 10px;
		background: transparent;
		padding: 0;
		border: 0;
	}
	#psa12 img {
	  width: 10px;
		height: 20px;
		border: 0;
	}
	
	/* HEADER
........................... */	
	#header {

	}
	#header h1 {
		display: block;
		position: absolute;
		top: 15px;
		left: 105px;
		z-index: 100;
		padding: 0;
		border: 0;
		margin: 0;
		background: transparent url(http://www.wrpsphoto.org/graphics/masthead.gif) no-repeat;
		height: 105px;
		width: 500px;
	}
	#welcome #header h1 {left: 136px;}
	#header h1 span {
		position: absolute;
		padding: 0px;
		left: -50em;
		width: 45em; 
		}
	#fora #header h1 {height: 70px;}
	#header h2 {
		display: block;
		position: absolute;
		top: 48px;
		left: 125px;
		z-index: 100;
		padding: 0;
		border: 0;
		margin: 10px 0 0 0;
		margin-left: 1px;
		background: transparent url(http://www.wrpsphoto.org/graphics/slogan.gif) no-repeat;
		height: 25px;
		width: 500px; 
		}
	#welcome #header h2 {	margin-left: 21px;}
	#innerborder > #header h2 {
	  top: 46px;
		left: 155px;
	}
	#header h2 span {
		visibility: hidden;
	}
	

		
	/* RANDOM IMAGE
........................... */	
	#random {
	  position: absolute;
		z-index: 200;
		top: 115px;
		right: 50%;
		margin-top: -49px;
		margin-right: -400px
	}
	body > #random {
	  margin-right: -395px;
	}
	
	/* HANDS
........................... */
 /* #handonleft {
	  position: absolute;
		z-index: 300;
		top: 214px;
		left: 50%;
		margin-left: -390px;
		width: 51px;
		height: 170px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
/*    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/handonleft.png');
  }*/
/* IE ignores styles with [attributes], so it will skip the following. */
/*  div#handonleft[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/handonleft.png);
  }
  body#welcome #handonleft {margin-top: -50px;}
	#handonright {
	  position: absolute;
		z-index: 300;
		top: 215px;
		right: 50%;
		margin-top: -56px;
		margin-right: -436px;
		width: 114px;
		height: 192px;*/
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
/*    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/handonright.png');
  }*/
/* IE ignores styles with [attributes], so it will skip the following. */
/*	 #handonright[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/handonright.png);
	}
	body#fora #handonright,
	body#resources #handonright,
	body#tutorials #handonright,
	body#galleries #handonright,
	body#membership #handonright {margin-top: 0;}
	
#gallery #handonright { margin-top: 0;}
*/
	/* CONTENT
........................... */	
  #welcome #content, #membership #content, #events #content, #gallery #content, #tutorials #content {
	  position: relative;
	  margin-top: 97px;
		padding: 25px;
		background: transparent url(http://www.wrpsphoto.org/graphics/logomark.jpg) no-repeat;
		background-position: 100% 100%;
	}
	#resources #content {
	  position: relative;
	  margin-top: 97px;
		padding: 25px;
	}
	#innerborder > #content {
	  margin-top: 99px;
		padding: 25px;
		background: transparent url(http://www.wrpsphoto.org/graphics/logomark.jpg) no-repeat;
		background-position: 100% 100%;
	}
	#welcome #content {
	  margin-top: -150px;
	}
	#welcome #innerborder > #content {
	  margin-top: -157px;
	}
	#content h2, #content h3, #question h3, dt {
	  margin: 0 0 0 35px;
	  padding: 10px 10px 5px 10px;
		font-family: Garamond, "Times New Roman", serif;
		font-variant: small-caps;
		font-size: 16px;
	}
	#content h3.storytitle {
		margin-top: 20px;
		}
	#question {
		margin-left: 24px;
		}
	#gallery #content {padding-left: 5px;}
	#content p, dd p {
	  margin: 0 0 10px 0;
	  font-size: 12px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		text-indent: 2em;
	  padding: 0 10px 0 20px;
		color: #2F4F4F;
	}
	#gallery dd ul li,
	#gallery dd p {
		margin-left: -20px;
		}
	#question a,
	#content a {
	  color: #AF7817;
    font-weight: bold;
	}
	#content a:hover {
	  text-decoration: none;
	}
	#content a img, #footer a img {
	  border: 0;
	}
	#question p.welcomecontent,
	p.welcomecontent {
	  width: 275px;
	  margin: 0 0 10px 0;
	  font-size: 12px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		text-indent: 2em;
	  padding: 0 10px 0 20px;
		color: #2F4F4F;
	}
	.storycontent p:first-line {margin-left: -40px;}
	#question blockquote,
	#content blockquote {
	  width: 200px;
		border: 1px dashed #AF7817;
		padding: 5px;
    color: #AF7817;
	  font-size: 12px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		font-weight: normal;
	}
	dt {
		font-family: Garamond, "Times New Roman", serif;
		font-variant: small-caps;
		font-size: 16px;
	  font-weight: bold;
	}
	dd {
	  padding-bottom: 5px;
	}
  dl.event {
    margin: 0.25em;
    padding: 0;
  }
  .event dt {
    position: relative;
    left: 0;
/*    top: 1.1em;*/
    width: 10em;
		font-family: Garamond, "Times New Roman", serif;
		font-variant: small-caps;
		font-size: 16px;
  }
  .event dd {
    width: 25em;
    margin: 0 0 0 65px;
    padding: 0 0 .5em .5em;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	  font-size: 12px;
    color: #AF7817;
		font-weight: normal;
  }
	dd.eventname {
		color: #2F4F4F;
		font-weight: bold;
	}
	
		/* COLUMNS
........................... */
  #column1 {
	  float: left;
		width: 210px;
		margin: 0;
		border-right: 1px solid #AF7817;
	}
	#column2 {
	  float: left;
	  margin: 0;
		width: 210px;
	}
	#column3 {
	  z-index: 250;
	  float: left;
		width: 210px;
		margin: 0;
		border-left: 1px solid #AF7817;
	}
	#column1 h4, #column2 h4, #column3 h4 {
    text-align: center;
	}
	#column1 p, #column2 p, #column3 p {
	  width: 200px;
		padding: 10px;
	  text-indent: 0;
	}
	#column1 ul, #column2 ul, #column3 ul, #column1 dl, #column2 dl, #column3 dl,	#column1 ol, #column2 ol, #column3 ol {
	  font-size: 12px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		color: #2F4F4F;
	}
	#column1 li {
	  list-style-type: none;
		padding: 5px;
	} 
	#column2 li {
	  padding: 5px;
	}
	#column2 dt, #column3 dt {
	  padding: 10px;
	}
	#column2 dd, #column3 dd {
	  padding: 5px;
	}
	img.iecolumn {
	  margin-left: -50px;
	}
	img.iecolumn[class] {
	  margin: 0;
		padding: 0;
	}
	
		/* GALLERY
........................... */
  div#gallery {
	  width: 600px;
	}
  h3.galleryhead {
	  clear: both;
    color: #AF7817;
	}
  div.pic {
	  float: left;
		height: 160px;
		width: 160px;
		padding: 0 0 0 0;
		margin: 5px 3px;
		background: url(http://www.wrpsphoto.org/graphics/frame-ls.gif) center no-repeat;
		text-align: center;
	  font-size: 10px;
		font-weight: bold;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
		letter-spacing: 0.1em;
	}
	span.title {
    margin: 0 0 0 0;
		padding: 0;
	}

  .gradualshine {
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
  }
  span.photog {
    margin: 0 0 0 0;
		padding: 0;
	}
	span.cat {
	  display: none;
	}
	#galleries #content blockquote dt {
	  font-size: 11px;
	}
	#galleries #content blockquote dd {
	  font-size: 10px;
	}	
#menubar { margin-top: 100px; }
#gallery ul li {
	list-style: none; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
    color: #AF7817;
	font-weight: normal;
	}
	
#gallery #menubar { display: none;}
#gallery #content {margin-left: auto; margin-right: auto;}
#gallery #question {clear: left;}
	
		/* GALLERY POST-IT
........................... */	
	#postit {
	  position: absolute;
		z-index: 400;
		top: 2250px;
		right: 50%;
		margin-right: -370px;
		width: 376px;
		height: 418px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/post-it.png');
  }
/* IE ignores styles with [attributes], so it will skip the following. */
	 #postit[id] {
     margin-right: -369px;
  background-image:url(http://www.wrpsphoto.org/graphics/post-it.png);
  }
	div.slant1 {
	  height: 3em;
		background: transparent;
		margin: 0 0.25em 0 .5em;
		padding: 0;
		float: left;
		clear: left;
	}
  div.slant2 {
	  height: 3em;
		background: transparent;
		margin: 0 1em 0 0.25em;
		padding: 0;
		float: right;
		clear: right;
	}
	#postit h3 {
	  margin: 40px 0 0 50px;
		font-weight: bold;
		color: #0000A0;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
		letter-spacing: 0.1em;
		font-style: oblique;
	}
	#postit h4 {
	  margin: 10px 0 0 0;
		text-align: center;
		font-weight: bold;
		color: #0000A0;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
		letter-spacing: 0.1em;
		font-style: oblique;
	}
	#postit p {
    margin: 15px 30px 30px 30px;
		color: #0000A0;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
		font-size: 11px;
		letter-spacing: 0.1em;
		font-style: oblique;
	}
	#postit p.smallprint {
	  font-size: 10px;
		margin: -15px 30px 0 30px;
		text-indent: 0;
	}
	#postitlinks {
	  position: absolute;
		z-index: 400;
		top: 2750px;
		right: 50%;
		margin-right: -300px;
		width: 370px;
	}
	#postitlinks p {
		color: gray;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
	  font-size: 24px;
		letter-spacing: 0.1em;
		font-style: oblique;
		text-indent: 0;
		text-align: center;
		line-height: 2em;
	}
	
		/* TUTORIAL PAGES
........................... */		
  #tutorialpage {
	  position: absolute;
		z-index: 200;
		top: 15px;
		right: 50%;
		margin-right: -350px;
  	width: 550px;
		height: 750px;
		padding: 35px;
		background: transparent url(http://www.wrpsphoto.org/graphics/tutpaper.gif);
		background-repeat: repeat;
		border-right: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;
	}
	#tutorialpage h3 {
		color: gray;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
	  font-size: 16px;
		letter-spacing: 0.1em;
		font-style: oblique;
		text-indent: 0;
		text-align: center;
	}
	#tutorialpage h4 {
		color: gray;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
	  font-size: 12px;
		letter-spacing: 0.1em;
		font-style: oblique;
		text-indent: 0;
		text-align: center;
	}
	#tutorialpage p {
	  margin: 0 0 3em 0;
		color: gray;
	  font-family: "Comic Sans", "Comic Sans MS", cursive;
	  font-size: 13px;
		letter-spacing: 0.1em;
		font-style: oblique;
		font-weight: bold;
		text-indent: 0;
		line-height: 3em;
	}
	#micro {
	  float: right;
		width: 278px;
		height: 335px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/flower_macro_3.png');
  }
/* IE ignores styles with [attributes], so it will skip the following. */
	 #micro[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/flower_macro_3.png);
  }
	#wide {
	  float: right;
		width: 335px;
		height: 278px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/small-teton-bison.png');
  }
/* IE ignores styles with [attributes], so it will skip the following. */
	 #wide[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/small-teton-bison.png);
  }
	#long {
	  float: right;
		width: 278px;
		height: 335px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/wrps_bob_sheep.png');
  }
/* IE ignores styles with [attributes], so it will skip the following. */
	 #long[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/wrps_bob_sheep.png);
  }
	#drag {
	  float: right;
		width: 278px;
		height: 566px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/shutter_drag_montage.png');
  }
/* IE ignores styles with [attributes], so it will skip the following. */
	 #drag[id] {
  background-image:url(http://www.wrpsphoto.org/graphics/shutter_drag_montage.png);
  }
	
		/* FOOTER
........................... */	
	#footer {
	  margin: 0 0 -10px 0;
		padding: 0;
		background: transparent;
		clear:both;
		text-align: center;
	  font-size: 9px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		color: #2F4F4F;
	}
	#innerborder > #footer {
	  margin: 0 0 0 0;
		padding: 0;
		background: transparent;
		clear:both;
		text-align: center;
	  font-size: 9px;
	  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		color: #2F4F4F;
	}
	#pagebottom {
	  position: absolute;
		bottom: -50px;
		right: 50%;
	}
	#footer p {font-size: 9px;}
	#footer a {
	  color: #AF7817;
	}
	#footer a:hover {
	  text-decoration: none;
	}
	
	/* NICETITLES
........................... */
	div.nicetitle {
    position: absolute;
		z-index: 600;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/ntbg.png');
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
div.nicetitle[class] {
  background-image:url(http://www.wrpsphoto.org/graphics/ntbg.png);
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}
div.nicetitle p span.accesskey {
	color: #d17e62;
}