/*
Theme Name: Rhoddy Stewart Photography
Theme URI: http://wordpress.org/
Description: A theme for the Rhoddy Stewart Photography
Version: 1.0
Author: Brian Horisk
Author URI: http://www.horisk.com/
Tags: white, fixed width, image, two columns, photography

Grey: #666666

*/

/* Navigation */





/* Structure */
html, body { margin: 0; padding: 0; }
body {
		 	padding-bottom: 20px;
			text-align: center;
			color: #666666
			font-family: 'Century Gothic', Futura, Tahoma, Sans-Serif;
			background-color: #FFFFFF;
			
			 }
		#container {
			text-align: left;
			margin-left: auto;
			margin-right: auto;
			width: 940px;
			font-family: 'Century Gothic', Futura, Tahoma, Sans-Serif;
			
		
			
		}		
		#header {
			
			margin: 20px 25px 0px 25px;
			
			
			/* background: #FFF url(images/rhoddy-stewart-photography-header.gif) no-repeat; */
			height: 50px;

		
		}
		
		#feature-image {
			margin: 0px 25px 0px 25px;

		
		}
		
		#side-image-right {
			margin: 0px 25px 0px 25px;
			float: right;
			width: 420px;
			height: 483px;

		}
		
		#side-text-left {
			float: left;
			width: 430px;
			margin-left: 25px;
			margin-right: 0px;
			margin-top: 20px;
			padding: 0;
			text-align: left;
			
			
		}
		
		#content-left {
			float: left;
			width: 430px;
			margin-left: 25px;
			margin-right: 0px;
			margin-top: 20px;
			padding: 0;
			text-align: left;
			
			
		}
		
	
		
		#content-right {
			float: right; 
			width: 430px;
			margin-right: 25px;
			margin-left: 0px;
			margin-top: 20px;
			padding: 0;
			text-align: right;
			
			
		}
		
		#content-left h1, #content-right h1 {
			font-size: 1em;
			font-weight: normal;
			font-width: 80%;
			margin: 0px;
			padding: 0px;
		
		}
		#content-left h2, #content-right h2 {
			font-size: .9em;
			font-weight: normal;
			font-width: 80%;
			margin: 0px;
			padding: 0px;
		
		}
		
		#content-left p, #content-right p, #content-right li, #content-left li, fieldset {
			font-size: .8em;
			margin-left:0px;
			margin-right:0px;
			padding-left:0px;
			padding-right:0px;
			margin-top: 0px;
		}
		
		#content-left p a, #content-right p a  {
			font-size: 1em;
			font-weight: bold;
		}
		
		#blog-left {
			float: left;
			width: 600px;
			margin-left: 25px;
			margin-right: 0px;
			margin-top: 20px;
			padding: 0;
			text-align: left;
			
	
		}
		
		#blog-left img {
			border: 1px solid black;
		}
		
		#blog-right {
			float: right; 
			width: 260px;
			margin-right: 25px;
			margin-left: 0px;
			margin-top: 20px;
			padding: 0;

			
		}
		
		#blog-right h2 {
			font-size: 1em;
		}
		
		#blog-right li {
			font-size: .9em;
		}
		
		#blog-right li li a {
			font-weight: normal;
		}
		
		#blog-right ul {

			list-style: none;
			
		}
		
		
		
		
		a {
	font-weight: bold;
	text-decoration:none;
}

a:hover {
	font-weight: bold;
	text-decoration:underline;
}
	
		/*  */
		#navbar-left {
			float: left;
			width: 900px;
			margin-left: 25px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 5px;
			padding: 0;
			text-align: left;
			height: 20px;
			
			
		}
		
		#navbar-right {
			float: right; 
			width: 900px;
			margin-right: 25px;
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 5px;
			padding: 0;
			text-align: right;
			height: 20px;
			
			
		}
		
		
		
		#navbar-left , #navbar-right {
			font-size: .8em;
			margin-left:25px;
			margin-right:25px;
			padding-left:0px;
			padding-right:0px;
			margin-top: 0px;
		}
		
		#navbar-left a {
			
			font-weight: bold;
		}
		
		#navbar-right a {
		
			font-weight: normal;
		}
		
		#navbar-right a:hover {
			font-weight: normal;
		}
		
/* Styling etc */
.entry, .post  {
	margin-top: 10px;

}

.post {
	border-top: 1px solid #CCCCCC
}

.entry h1, .post h1 {
	color: #666666;
	font-size: 1em;


}



.entry h2 a, .post h2 a {
	color: #666666;
	text-decoration:none;
}

.entry h2 a:hover, .post h2 a:hover {
	color: #666666;
	text-decoration:underline;
}


.entry h2, .post h2 {
	color: #666666;
	font-size: 1em;


}

.entry h3, .post h3 {
	color: #666666;
	font-size: .9em;

}

.entry h4, .post h4, h4 {
	color: #666666;
	font-size: .7em;

}


.entry p, .post p, .commentlist, #commentform p, p, li, .contactform, td, th{
	color: #666666;
	font-size: .8em;
	line-height: 1.4em;

}

a {
	color: #666666;
}

th {
	font-weight: bold;

}


#comments, #respond  {
	color: #666666;
	font-size: .9em;

}

small {
	color: #666666;
	font-size: .7em;
	
	padding-right: 15px;


}

.description {
	float: right;
	margin-right: 80px;
	align-text:right;
}


.alignleft { float: left; margin-right: 20px;}
.alignright { float: right;  margin-left: 10px; }


.textleft { text-align: left; }
.textright { text-align: right; }

.clear { clear: both; height: 2px; }

.wp-caption { text-align: center; font-size: .8em; margin-left: 10px; margin-right: 10px;}

/* .size-medium { width: 50%; height: 50% } */


.attachment-thumbnail {
	margin: 0px;
	padding: 0px;
}

.attachment {
	text-align:center;
}

#footer {
		text-align: left;
		margin-top: 15px;
		padding-top: 10px;
		margin: 0px 25px 10px 25px;
		height: 30px;
		font-family: Tahoma, Sans-Serif;
		border-top: 1px solid #ccc;
	}
	
	#footer_address {
		float: left;
		padding-bottom: 10px;
		width: 250px;

	}
	
	#footer_address p {
		font-size: .7em;
		color: #AAA;
		margin-top: 0px;
		
		
	}
	
	#footer_credit {
		
		float: right;
		padding-bottom: 10px;
		color: #AAA;
		width: 250px;

	}
	
	#footer_credit p {
		font-weight: normal;
		font-size: .7em;
		color: #AAA;
		margin-top: 0px;
		
	}
	
	#footer_credit a {
		color: #AAA;
		font-weight: normal;
		font-size: 1em;
}

#swpp {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;

}



.iframe-wrapper {
	text-align: center;
	align: center;
}


/* Images */



.-icon a img {
	border: 3px solid #ccc;
}


.-item a, .-caption {
	font-size: .7em;
	line-height: normal;
}

.-item img.thumbnail {
	padding: 0;
}


fieldset {
	border: none;
	color: #666666;
}


/* ---- Events Galleries ---- */

	#content {
			float: left;
			width: 760px;
			margin-right: 5px;
			margin-left: 5px;
			margin-top: 0px;
			padding: 0;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			border-top: 1px solid #CCCCCC;

			
			
		}
		
#left_col {
		width:150px;
		padding:0px;
		float:left;
		margin-top: 0px;
		text-align: left;
		border-top: 1px solid #CCCCCC;
		}

#content h1 {
			font-size: 1em;
			font-weight: bold;
			font-width: 80%;
			margin: 0px;
			margin-top: 10px;
			padding: 0px;
		
		}
#content h2 {
			font-size: .9em;
			font-weight: bold;
			font-width: 80%;
			margin: 0px;
			padding: 0px;
		
		}
		
#content p, #content li {
			font-size: .8em;
			margin-left:0px;
			margin-right:0px;
			padding-left:0px;
			padding-right:0px;
			margin-top: 0px;
		}
		
#content p a  {
			font-size: 1em;
			font-weight: bold;
		}



	
	#thumbnails {
	
	width: 750px;		
	padding: 10px;	
	font-size:0.9em;
	margin:5px;	
	height: 165px;
	overflow: auto;
white-space: nowrap; 
	margin-left: 10px;
	background: #CCC;
	z-index: 1;
}

#thumbnails 
{
	border-right:#ccc 1px dotted;
}

#thumbnails h2
{
	padding: 10px 0 0 0;
	font-variant:small-caps;
}
#thumbnails p
{
	padding:10px;
	margin:0;
}

#thumbnails li {
	float: left;
	text-align: center;
list-style-type: none;

margin: 2px;
padding: 0px;
padding-right: 20px;

}


#thumbnails ol li a:hover, infobar a:visited {
	color: red;


}

#thumbnails img {
	border: none;
	vertical-align: middle;
	

}

.sequence {
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	color: #CCC;
	display: inline;

}

.sequence_number {
	width: 150px;

}

.thumbnail_image {
	display:inline-block;
	margin: 2px;
	

}

th {
	background-color: none;
	color: #000;
	font-weight: bold;
	padding: 1px;
}


.list {
	margin: 2px 2px 0px 6px;
	padding: 0;
}

#content .list {
	margin: 2px 2px 0px 0px;
	padding: 0;
}

.list li li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0;
	font-size: 1.1em;
}


.list li {
	border-top: 1px solid #CCC;
}

.list li li {
	border-top: none;
}

#content .list li {
	border-top: none;
}

#content  .list li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
	font-size: .7em;

}

.list ul {

	margin-left: 8px;
	padding-left: 0;

}

#content .list ul li {
	padding-left: 0;
	margin-left: 10px;
	font-size: .9em;
	margin-top: 0px;
	
}

.list ul li {
	padding-left: 0;
	margin-left: 0px;
	font-size: .9em;
	margin-top: 0px;
	padding-right:0px;
	
}

.list a, .list a:link {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

.list a:hover {
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}

.list a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}


.side_col h2 {
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px;
	padding: 8px 4px 0px 4px;
}

.side_col p {
	
	padding: 4px;
	font-size: 80%;
}



.side_col ol {
	font-size: 63%;
	padding-left: 0px;
	margin-left: 25px;
}

.side_col img {
	border: none;

}

.side_col a:link {
	color: #333333;
	text-decoration: none;
}

.side_col a:visited {
	color: #333333;
	text-decoration: none;
}

.side_col a:active {
	color: #333333;
	text-decoration: underline;
}
.side_col a:hover {
	color: #333333;
	text-decoration: underline;
}

td {
	background-color: #FFF;
}



.basket th, .basket_small th {
	background-color: #708090;
	color: #fff;

	padding: 1px;
}

.basket td {
	padding: 1px;
}

.basket_small td {
	
	font-size: .8em;
}

.basket th a {
	color:  #FFF;

}



.products {
	margin: 0;
	padding: 0;
}

.products td {
	padding: 1px;
	font-size: .9em;
	font-weight: normal;
	border-top: 1px solid #ccc;
}


#sBasket {
	border: 1px solid #233F71;
	font-size: 1.2em;
}

#sBasket table {
	margin: 0;
	padding: 0;
}

#sBasket p {
	
		margin-right: 5px;
	margin-left: 5px;
}


.button {
   padding : 2px;
   text-decoration : none;

	background:#708090;
   color : #FFFFFF;
   border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #808080;
   border-right : 1px solid #808080;
	font-size: 1.2em;


}

.errorList, .error {
	color: red;
}

.form_field_hilite {
	background-color: yellow;
}

.thumbnail {
	border: 2px solid #ccc;
	margin: 6px;
}

#prev_link, #next_link {
	cursor: pointer;
}

._table {
	padding:0;
	margin: 0 0 0 10px;
}

._table td {
	padding: 10px 0;
	margin: 10px 0;
	background-color: transparent;
}

._table img {
	padding:0;
	
}

ul {
	margin-left: 10px;
}

.new {
	color: red;
}

._thumbnail {
	border: 2px solid #ccc;
	margin: 6px;

}


.content_item {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-left: 15px;
	}
	
.content_text {
	margin-left: 200px;
	margin-right: 1em;
	

	font-size: 110%;
	line-height: 100%;

}

.thumbnails_list_image {
	/* margin-left: 10px;
	margin-bottom: 20px; */
	float: left; 
	text-align: center;
	width: 160px;
}	

a.info{
    position:relative; /*this is the key*/
    z-index:24;
 
    text-decoration:underline;
	vertical-align: super;
	  color:red;
	  font-size: .9em;}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #9E9B7D;
    background-color:#E1DFC3; color:#000;
    text-align: left;
	padding: 5px;
	text-decoration: none;}

#search {
	
}

#search table {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #B9D3F6; 
}
#search th {
	color: #FFF;
	font-size: .8em;
	background-color: #B9D3F6; 
	wdith: 30%;
}

#search p, #search form {
	display: inline;

}

#search .button {
	font-size: .9em;



.gallerylist {
	margin: 2px 2px 0px 6px;
	padding: 0;
}

#content .gallerylist {
	margin: 2px 2px 0px 0px;
	padding: 0;
}

.gallerylist li li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0;
	font-size: 1.1em;
}


.gallerylist li {
	border-top: 1px solid #CCC;
}

.gallerylist li li {
	border-top: none;
}

#content .gallerylist li {
	border-top: none;
}

#content  .gallerylist li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
	font-size: .7em;

}

.gallerylist ul {

	margin-left: 8px;
	padding-left: 0;

}

#content .gallerylist ul li {
	padding-left: 0;
	margin-left: 10px;
	font-size: .9em;
	margin-top: 0px;
	
}

.gallerylist ul li {
	padding-left: 0;
	margin-left: 0px;
	font-size: .9em;
	margin-top: 0px;
	padding-right:0px;
	
}

.gallerylist a, .gallerylist a:link {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

.gallerylist a:hover {
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}

.gallerylist a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}