/*
Theme Name: Photo
Theme URI:
Description: Theme to display photos
Version: 1.0
Author: John Godley
Author URI: http://urbangiraffe.com

Copyright (C) 2006
*/


*
{
margin: 0; padding: 0;
}

body
{
font-size: 76%;
/*background-color: #bbb;*/
background-color: #f1f1f1;
font-family: arial, sans-serif;
}

#header {margin: 0 auto 29px auto; padding: 0; border: none; width: 840px; position: relative; z-index: 999;}

#page
{
width: 800px;
padding: 20px;
border: 1px solid #999;
margin: 20px auto;
background-color: white;
position: relative;
}

#page-single
{
width: 1024px;
padding: 20px;
border: 1px solid #999;
margin: 20px auto;
background-color: white;
position: relative;
}

hr
{
display: none;
}

#gallery
{
width: 570px;
}

#gallery ul
{
margin-top: 20px;
list-style-type: none;
padding: 0;
}

#gallery ul li
{
width: 150px;
float: left;
border: 1px solid #aaa;
margin: 10px;
height: 180px;
padding: 0;
list-style-type: none;
}

html>body #gallery ul li{
height: auto;
min-height: 180px;
}

#gallery ul li img
{
display: block;
margin: 0 auto;
margin-top: 10px;
border: 0;
}

#gallery ul li p
{
padding: 4px 0 0 0;
text-align: center;
}

#gallery ul li p a
{
font-size: 0.8em;
text-decoration: none;
}

#gallery ul li p a:hover
{
color: red;
}

/*#gallery h1*/ #content h1
{
padding: 5px;
_padding-top: 10px;
width: 92%;
color: #555;
background-color: #eee;
margin-top: -10px;
font-size: 22px;
}

#gallery h1 a
{
text-decoration: none;
color: #555;
}

#gallery h1 a:hover
{
color: red;
}

#sidebar
{
float: right;
width: 218px;
padding: 0px;
background-color: #ddd;
text-align: right;
}

.sidebar-in
{
padding: 10px;
padding-top: 0;
margin-top: 0px;
clear: both;
}

#sidebar ul
{
list-style-type: none;
}

#sidebar ul li
{
margin-bottom:30px;
color: #333;
}

#sidebar ul li a
{
color: #333;
text-decoration: none;
border-bottom: 1px dashed #333;
}

#sidebar ul li a:hover
{
color: red;
}

#sidebar ul li ul li
{
margin: 0; padding: 0;
line-height: 2em;
}

#wp-calendar
{
display: block;
float: right;
margin: 0 auto;
}

#wp-calendar caption
{
font-weight: bold;
text-align: right;
}

#wp-calendar th, #wp-calendar td
{
text-align: center;
padding: 4px;
}

#wp-calendar th
{
background-color: #eee;
}

#today
{
background-color: #bbb;
}

#photo
{
}

#photo img
{
border: 0;
margin: 0 auto;
display: block;
}

#photo h1
{
text-align: center;
margin-bottom: 10px;
}

#photo h1 a
{
text-decoration: none;
}

#photo .description
{
padding: 20px;
}

.postmetadata
{
margin-top: 20px;
}


.topnav
{
border: 1px solid #aaa;
background-color: white;
border: 1px solid #999;
border-bottom: none;
padding: 3px 5px;
clear: both;
margin: 0 auto;
font-size: 0.9em;
width: 300px;
margin: 0 auto;
margin-bottom: -20px;
margin-top: 10px;
}

.topnav a
{
text-decoration: none;
}

.topnav .alignleft
{
float: left;
text-align: right;
}

.topnav .alignright
{
float: right;
text-align: left;
}


#sidebar_horiz
{
margin-top: 15px;
color: #555;
}

#sidebar_horiz a
{
color: #555;
text-decoration: none;
border-bottom: 1px dashed #555;
}

#sidebar_horiz a:hover
{
color: red;
}

#sidebar_horiz ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar_horiz ul li
{
text-align: center;
width: 360px;
float: left;
padding: 10px;
margin: 0;
margin-right: 20px;
background-color: #eee;
overflow: hidden;

}

#sidebar_horiz ul li ul
{
}

#sidebar_horiz ul li ul li
{
text-align: center;
width: 100%;
margin: 0; padding: 0;
line-height: 2em;
}


#sidebar_horiz_full
{
margin-bottom: 20px;
text-align: center;
padding: 10px;
margin-right: 20px;
background-color: #eee;
border-top: 2px solid #999;
}


.pagenav
{
margin-top: 20px;
background-color: #efefef;
padding: 5px;
}

.pagenav a
{
text-decoration: none;
color: #333;
}

.pagenav .alignleft
{
width: 200px;
float: left;
}

.pagenav .alignright
{
width: 200px;
float: right;
text-align: right;
}


h3#comments{
margin-top: 40px;
}

h3#respond{
margin-top: 20px;
margin-left: 40px
}

ol.commentlist{
margin: 20px 200px 20px 50px;
}

ol.commentlist li{
margin-top: 20px;
}

ol.commentlist li p{
margin-top: 5px;
}

#commentform{
margin: 20px 60px;
width: 500px;
}

#commentform p{
margin-left: 10px;
margin-bottom: 5px;
}

#commentform textarea{
margin-top: 5px;
width: 460px;
}

#commentform #submit{
float: right;
margin: 10px;
padding: 3px 7px 3px 7px;
}

/* add navigation */

		#navigation-secondary li ul {
			position: absolute;
			left: -3000px;
			background: #666;
			border-top: 2px solid #fff;
			}

		#navigation-secondary li:hover ul, #navigation-secondary li.sfhover ul {
			position: absolute;
			left: -1px; top: 29px;
			width: 196px;
			}

		#navigation-secondary li ul a {
			width: 180px;
			border: none;
			background: #666;
			padding: 5px 8px; color: #eee;
			border-bottom: 1px solid #777;
			}

		#navigation-secondary li ul a:hover {
			background: #555;
			}

#navigation-secondary {
	width: 837px;
	background: #336699;
	border-left: 1px solid #6B95BF;
	}

	#navigation-secondary ul {
		margin: 0; padding: 0;
		position: relative;
		}

		#navigation-secondary li {
			list-style: none;
			float: left;
			position: relative;
			}

			#navigation-secondary a {
				display: block;
				float: left;
				background: #336699;
				padding: 8px;
				color: #fff;
				text-decoration: none;
				border-right: 1px solid #6B95BF;
				background: url(/img/gbl/bg-nav-a.gif) repeat-x 0 0;
				height: 13px;
				}
			
			#navigation-secondary li ul li a {
				height: auto;
				}

			#navigation-secondary a:hover {
				background: #4179AF;
				}
				
/* addition Search box */

#search-wrap {position: relative;}
#site-search {width: 218px; position: absolute; right: 0; top: 5px;}
#site-search input {width: 180px}
#site-search img {position: relative; top: 2px; left: 4px;}

/* */

/* Add header bg */

#branding {
	background: url("http://jaybanks.ca/photos/wp-content/themes/jayphotos/images/header-new-photos.png") 0 0 !important;
	width: 840px;
	}

/* */

#photo-form table td {
	padding: 3px;
}

/* additional styles */

#post-376 h2 {
  padding: 5px;
  _padding-top: 10px;
  color: #555;
  background-color: #eee;
  font-size: 22px;
  margin: -10px 0 30px 0 !important;
  font-weight: bold;
}
#photo-form {
  border: 1px solid #c0c0c0;
  margin: 10px 0px 20px 0px;
  padding: 10px;
}
#photo-form .text {
  border: 1px solid #c0c0c0;
  background: #f7f7f7;
}