@charset "utf-8";
/* Grauvogel Family Photos */
/* Coded by Will Grauvogel */

	*                       {padding:0; margin:0;}

/* general */	
	html                    {min-width:780px; background:#384854 url(../siteImages/main_bg.png) top left repeat-x;}
	body                    {font-size:11px; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;}
	h1                      {margin-bottom:10px; font-size:24px ;padding:0; font-weight:900; font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;; letter-spacing:-2px; border-bottom:2px solid #aaa;}	
	a img                   {border:none;}	
	a img:hover             {border:none;}		
	a                       {text-decoration:none; color:#004499; border:none;font-weight:bold;}
	a:hover                 {color:#000; border-bottom:1px dotted #000;}	
	table                   {padding:10px; width:100%; background:#fff; border:1px solid #ccc; border-top:none;}
	td                      {padding:3px;}
	p                       {margin:15px 0;}		
	input, select, textarea {font-size:11px; font-family:inherit;}	
		
/* classes */	

	.message                {font-weight:bold; color:#009900; padding:5px;}
	.error                  {font-weight:bold; color:#FF0000; padding:5px;}	
	.clear                  {clear:both; height:0; margin:0;}
	.center                 {margin:0 auto ;width: 955px;}
	.left                   {float:left;}	
	.right                  {float:right;}
	.button                 {padding:2px; font-weight:bold;}	
	.noborder,
	.noborder:hover         {border:none;}

	.category2              {width:165px; float:left;clear:none; margin:2px; height:140px; border:solid 3px #e5e5e5; opacity:.7; -moz-border-radius:7px; }
	.category2:hover        {border:solid 3px #666; opacity:1; }
	.category2 a            {display:block; padding:10px; height:120px;float:left; width:155px;}
	.category2 a:hover      {border:none;}

/* basic layout */
	#header                 {height:140px;background:url(../siteImages/nav_bg.png) repeat-x ;position:relative; z-index:5;}
	#header .center         {height:100px;background:url(../siteImages/header2.png) no-repeat center 20px;padding:30px 20px 0;}	
	/* nav */	
	#nav                    {height:60px; padding-left:200px; padding-top:40px;}
	#nav div                {display:inline;}
	#nav li                 {display:inline;}
	#nav a                  {height: 30px;color:#000; font-weight: bold; padding: 5px 10px; margin:0 2px; text-align: center; display: block; float: left; text-decoration:none; background-color:#fff;}
	#nav a:hover            {border:none;}	
	
	#content                {min-height:610px; margin-top:-120px; padding-top:110px;}	
	#content .center        {background:url(../siteImages/content.png) 8px 0px  repeat-y; padding:110px 20px 0;min-height:620px; margin-top:-120px;}
	.maincol                {width:770px; padding:15px; z-index:0; margin-top:-20px;}
	#mainBox                {padding: 0 10px;}
			
	/* subcol */
	.subcol                 {width:150px; padding-top:25px; clear:left;}
	.columnlist, 
	.userinfo               {list-style:none; padding:0; margin-bottom:10px; font-size:10px;}
	.userinfo li            {padding:10px;}
	.columnlist li a        {display:block; padding:5px 8px; text-decoration:none;}
	.columnlist li a:hover  {background:#fff; border:none;}
	.columntitle            {font-size:16px; font-weight:bold; padding:3px 6px; background:#000; color:#fff; font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;; letter-spacing:-1px;}
			
	#footer                 {padding:0; color:#ddd; font-size:10px; text-align:center; position:relative;}
	#footer .center         {background:url(../siteImages/footer_top.png) top center no-repeat #384854; padding:20px; color:#aaa;height:100px;}	
	#footer a               {color:#ddd;font-weight:normal;}	
		
/* login box */
	form#login              {float:right;color:#fff;margin-top:-75px;padding-right:10px;}
	form#login input        {margin:0 3px 3px 3px; float:right; clear:none; display:inline; width:90px;}
	form#login span         {float:left;}
	form#login li           {float:left; display:block; clear:left;width:160px;}
	.siteLogo               {margin-top:-90px; padding-left:10px;}
	.siteLogo:hover         {border:none;}
	form#login .loginBtn    {clear:none; width:50px;margin-top:-15px;}
	form#login .loginBtn input {width:auto;}
	#logincontain           {width:230px; height:75px; margin-top:-110px;}
	#loginBox               {margin-top:-50px; width:200px; height:100px; font-size:10px; padding: 5px 20px 0 0; background: url(../siteImages/sidecol_bg.png) no-repeat bottom right;}
	.loginBoxItem           {margin-top:50px; text-align:right; clear:both; font-size:10px; width: 200px;}
		
/* logo */
	#logo                   {width:300px; height:100px; position:absolute; top:0; left:0; font-size:10px; border:none;}
		
/* picture/thumbnail view page */
		
	.photo                  {background: url(../siteImages/thumb_bg.png) transparent no-repeat; padding:5px; width:147px; height:111px; margin: 3px;}	
	.photo:hover            {background: url(../siteImages/thumb_over.png) transparent no-repeat;}	
	.albumDescrip           {width:400px; display:block;float:left; margin:0 0 20px 0;}
	.photoCounter, 
	.photoPageLinks         {}	
	.photoPageLinks a       {padding:3px;}
	.photoPageLinks .active {background:#333333; color:#FFFFFF;}
	#lightbox a:hover       {border:none;}	
	
/* main/category listing page */
	#categoryList_container {height:160px; width:550px; padding:10px; background:url(../siteImages/categoryContainer_bg.png) no-repeat left bottom;}
	#categoryList           {position: relative; list-style:none; width:550px;}
	#categoryList .category {float: left; display: block; width: 40px; padding:5px; height: 150px; background:#e5e5e5; border-left:#666666 2px solid;overflow:hidden;}
	#categoryList .category:hover {background:#fff;}
	#categoryList a          {width:200px; height:150px; font-size:12px; display:block; text-decoration:none; border:none;}
	.categorySelect         {width:200px;}
		
/* edit pages */
	.tablecontain           {background:url(../siteImages/photoshadow.png) bottom right no-repeat; padding: 0 4px 7px 0px;}	
	.tablehead              {font-size:12px; padding: 5px 5px 18px 10px; background:#fff  url(../siteImages/tablehead.png) center top no-repeat;margin-top:10px;width:485px;}
	.photoedit              {padding:5px; background:#fff; border: 1px solid; border-color:#f5f5f5 #ddd #ddd #f5f5f5;}
	.photoedit:hover        {background:#eee ; border-color:#ccc;}
        .picOrder               {width:40px;}
	.label                  {padding:3px;}	
	.elementhead            {color:#222; margin:0; background:#ccc; padding:2px 5px 2px 20px; border:1px solid; border-color:#f5f5f5 #999 #999 #f5f5f5; font-size: 13px;}
	.toggler                {background: #ccc url(../siteImages/open_item.png) no-repeat left center;}
	.toggler:hover          {background: #fff url(../siteImages/open_item.png) no-repeat left center; cursor:pointer;} 
	.element p              {padding:10px; background:#fff; margin:0;}
	.element ul             {padding:10px 20px; background:#fff; margin:0;}
	.element li             {padding:5px;}
	
/* photo view page */	
	#photoView              {margin:10px 0;}	
	#photoView img          {padding: 0 4px 7px 0; background:url(../siteImages/photoshadow.png) right bottom no-repeat;}	
	.photoDescrip           {width:500px; margin:20px; text-align:left;}
	.prev_btn, .next_btn    {width:60px; height:20px; padding:10px;}
	.prev_btn               {background:url(../siteImages/prev_btn.png) no-repeat; margin:10px;}	
	.next_btn               {background:url(../siteImages/next_btn.png) no-repeat right; margin-left:300px; margin-top:-40px;}	
	.prev_btn:hover         {background:url(../siteImages/prev_btn_over.png) no-repeat;}	
	.next_btn:hover         {background:url(../siteImages/next_btn_over.png) no-repeat right;}