/*  
Theme Name:PAWS
Theme URI:http://pawsforpancreaticcancer.org/wp-content/themes/pawsTheme
Description:Theme for the PAWS for Pancreatic Cancer site.
Version:1.0
Author:Jen Germann
Author URI:http://jengermann.com/
*/

/* colors -------------------------------
background:f2f1f2 url(../../../images/layout_grid.gif) no-repeat
red:f15f20 e86c1f
purple:542988
lite purple:e0d7eb
yellow:ffd83b
text:333333;
-------------------------------------- */
*{margin:0;padding:0;}
html{height:100%;}
html,body{margin:0;padding:0;text-align:center;}
body{font:normal small "Lucida Grande",Helvetica,Arial,sans-serif;background:#f2f1f2;text-align:center;}
img{border:0;}
.clearer{clear:both;}
/* main formatting
-------------------------------------- */
h1{font:normal 200% Georgia,Times,serif;color:#f15f20;margin:10px 0;}
h1 a,h1 a:link,h1 a:visited{border:0;}
h2{font:normal 125% Georgia,Times,serif;color:#542988;}
h3{font:normal 135%/175% Georgia,Times,serif;color:#e0d7eb;margin-top:10px;}
#content h3,#sidebar h3{color:#542988;}
	#sidebar h3{line-height:135%;}
p,#content ul{color:#333;line-height:150%;margin-bottom:15px;}
#content ul li{margin:0 0 5px 15px;}#content ul.pageList li{margin:0 0 2px;list-style:none;}#content ul.pageList li h2{padding-bottom:4px;}
a,a:link,a:visited{color:#f15f20;text-decoration:none;border-bottom:1px solid #777;}
a:hover,a:active,#nav li a:hover,#nav li a:active,.validation a:hover,.validation a:active{color:#777;text-decoration:none;border-bottom:1px solid #777;}
hr{width:100%;background-color:#fff;margin:18px 0;border:0;border-top:1px solid #542988;color:#fff;}
/* container
-------------------------------------- */
#container{width:650px;background-color:#fff;margin:20px auto 0;padding:0 10px;position:relative;text-align:left;}
/* top navigation
-------------------------------------- */
#nav{height:30px;margin:0 0 0 30px;}
#nav ul{list-style:none;}
#nav li{margin:7px 20px 0 0;float:left;}
#nav li#flyer{margin:7px 0 0;}
#nav li a{font-size:90%;color:#542988;border:0;}
/* header     
-------------------------------------- */
#header{height:200px;width:650px;border:0;background:url(images/backgrounds/bg_header.gif) no-repeat;}
#header h1,#header h2{float:left;}h1#logo{margin:20px 80px 0 26px;}
#header h2{width:260px;color:#542988;text-align:right;margin-right:0;margin-top:48px;}
/* other formatting elements
-------------------------------------- */
#content{width:310px;margin-bottom:30px;margin-left:30px;}
ol{padding:0 0 0 30px;color:#333;}ol li{margin:0 0 10px;}
/* sidebar     
-------------------------------------- */
#sidebar{width:250px;margin:0 0 15px;padding:0 30px 0 0;float:right;text-align:right;}
#sidebar p{color:#777;font:normal 90%/110% "Lucida Grande",Helvetica,Arial,sans-serif;}
#sidebar img{margin-right:-20px;}
/* footer
-------------------------------------- */
#extra-wrap{background:#7654A0 url(images/backgrounds/bg_footer.gif) repeat-x 0 0;border-top:10px solid #e0d7ea;clear:both;width:650px;padding:15px 0;}
#extra{width:620px;margin:0 0 0 30px;}
#extra #leftColumn,#extra #middleColumn,#extra #rightColumn{float:left;width:190px;margin:0;padding:0 0 10px 0;}
#extra #leftColumn,#extra #middleColumn{width:145px;margin-right:50px;}
#extra p{color:#fff;font-size:90%;line-height:150%;}
p.pancan_logo{padding-top:5px;}p.pancan_logo a{border:0;}

#extra a,#extra a:link,#extra a:visited{color:#ffd83b;}
#extra a:hover,#extra a:active{color:#e0d7eb;}
/* copyright and validation
-------------------*------------------- */
#footer{clear:both;width:650px;height:30px;}
.copyright,.validation{display:inline;font-size:90%;margin-top:6px;height:30px;}
.copyright{float:left;margin-left:30px;}
.validation{float:right;text-align:right;margin-right:30px;}
.copyright p,.validation a{color:#542988;border:0;}
.copyright p,.validation p{margin-bottom:0;}
/* image gallery
-------------------*------------------- */
.image_gallery a {display: none;}
p.see_all_images{padding-top:8px;text-align:center;}
/* Lightbox
------------------------------------------------------------------*/
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{ width:auto;height:auto;margin:0;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{ padding:10px;}
#loading{ position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{ position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(images/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{ width:70%;float:left;text-align:left;}
#imageData #caption{ font-weight:bold;}
#imageData #numberDisplay{ display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{ width:66px;float:right; padding-bottom:0.7em;outline:none;}
#overlay{ position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}