/* 
Theme Name: Foster Cryer Website Theme
Theme URI: http://www.fostercryer.com/
Description: Wordpress design for blog and website for Foster Cryer Photography
Version: 2.0
Author: Foster Cryer
Author URI: http://www.fostercryer.com/
*/

/*
Red:  #911616
Blue: #00a99d
*/



/*----- Body Structure -----*/

.blog_container {
	padding: 10px; }

#blog_header {
	background-repeat: no-repeat;
	border: 1px solid #000000;
	display: block;
	height: 250px;
	width: 912px;  }

body {
	background: 	#505050 ;
	color: 	#000000;
	font-family: Verdana, Arial, Tahoma;
	font-size: 14px;
	text-align: center; }

#flash_container_big {
	margin: 0 auto; }

#footer {
	background: url(images/example-2.gif) top left repeat-y; 
	background-color: #FFFFFF;
	border: 1px solid #000000;
	clear: all;
	margin-top: 15px;
	overflow: hidden;}

.footer_left, .footer_middle, .footer_posts {
	display: block;
	float: left;
	height: 100%;
	padding-left: 10px;
	width: 275px; }

.footer_middle {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; }


#header {
	padding-left: 15px;
	width: 885px; }

#image_holder_big, #blog_container {
	border: 1px solid #000000;
	clear: both;}

#image_holder_blog {
	background-color: #000000;
	color: #FFFFFF;
	clear: both;
	margin-bottom: 15px; }

#navholder {
	float: left; }

.portfolio_front, .portfolio_front_end {
	float: left;
	overflow: hidden; }

.portfolio_front {
	margin-right: 10px; }

#post_holder {
	border: 1px solid #000000; }

.postcategory {
	border-top: 2px solid #911616;
	clear: both;
	color: #999999;
	font-size: 12px;
	margin-bottom: 20px;
	padding-top: 3px;}

#searchbar {
	display: block;
	font-size: 10pt;
	height: 30px;
	padding: 5px;
	text-align: right;
	overflow: hidden; }

.thepost p {
	padding: 5px 15px 5px 15px; }

.thepost img {
	border: 1px solid #000000; }

#wrapper {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	width: 914px; }


#pagination {
	text-align: center; }

#pagination a {
	border: 1px solid #911616;
	margin: 3px;
	padding: 5px;
	text-decoration: none; }

#pagination a.current, #pagination a.current:hover {
	border: 0px;
	color: #000000;
	margin: 3px;
	padding: 5px;
	text-decoration: none; }

#pagination a:hover {
	border: 1px solid #00a99d; }

#twitter_div {
	display: block;
	height: 192px;
	width: 337px;
	margin-bottom: 10px;
	margin-top: 49px;
	overflow: auto; }

#twitter_div ul {
	list-style: none;
	margin: 0px;
	padding-left: 8px; }

#twitter_div li {
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 5px; }

/*----- END: Body Structure -----*/



/*----- Hyperlinks -----*/

a {
	color: #911616;
	text-decoration: underline; }

a:hover {
	color: #00a99d;
	text-decoration: none; }

a.gallery_thumb {
display: block;
	border: 2px solid #000000;
	float: left;
height: 172px;
	margin: 0px 3px 10px 3px;
overflow: hidden; }

a.gallery_thumb:hover {
	border: 2px solid #00a99d }

a.portfolio_thumb {
	border: 2px solid #000000;
	float: left;
	margin: 0px 2px 0px 2px; }

a.portfolio_thumb:hover {
	border: 2px solid #00a99d }

.comments_header a, .post_title a {
	color: #00a99d; }

.comments_header a:hover, .post_title a:hover {
	color: #911616; }

h1 a, h2 a, h3 a  {
	text-decoration: none; }

#searchbar a {
	color: #00a99d;
	text-decoration: none; }

#searchbar a:hover {
	color: #911616; }
/*----- END: Hyperlinks -----*/



/*----- Investment -----*/
h4 {
	color: #911616;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 20px; }

#investment_holder {
	margin-left: 15px; }

.rate_extra, #wed_left, #wed_right {
	background-color: #EEE;
	border: 1px solid #CCC;
	display: block;
	font-size: 12px;
	padding: 3px; }

.rate_extra {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 528px; }

#wed_left, #wed_right {
	/*background-color: #00a99d;*/
	float: left;
	height: 190px;
	margin-bottom: 5px; 
	width: 250px; }

#wed_left {
	margin-right: 20px; }

.rate_extra ul, #wed_left ul, #wed_right ul {
	list-style-type: square;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-left: 25px; }
/*----- END: Investment -----*/



/*----- General Formatting -----*/

.comment_links p {
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 5px; }

#footer_page img {
	border: 0px; }

#header img {
	border: 0px;
	margin-right: 20px;}

#image_holder_blog img {
	border: 2px solid #000000; }

img {
	border: 0px; }

p {
	margin-bottom: 0px;
	margin-top: 0px; }
/*----- END: General Formatting -----*/



/*----- Heading Styles -----*/

h1 {
	margin-bottom: 0px;
	margin-top: 0px; }

.nav, .nav2 {
	font-family: Arial Narrow, Arial, Tahoma;
	font-size: large;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 23px; }

.nav {
	float: left;
	margin-right: 10px; }

.nav2 {
	float: right;
	margin-right: 0px; }

.nav a, .nav2 a {
	background-color: #eee;
	border: 1px solid #676767;
	display: block;
	padding: 5px 10px; }

.nav a:hover, .nav2 a:hover {
	background-color: #00a99d;
	color: #fff; }

.page_title {
	font-family: Arial Narrow, Arial, Tahoma;
	font-size: 24px;
	margin-left: 10px; }

h3.post_date, h3.post_title, h3.footer_header {
	font-family: Arial Narrow, Arial, Tahoma;
	font-size: 24px;
	margin-bottom: 2px; }

h3.footer_header {
	margin-top: 0px; }

h3.post_date {
	float: right; }

h3.post_title {
	float: left; }

.red_head {
	color: #911616; 
	font-weight: bold; }

/*----- Post Comments -----*/



/*----- Post Comments -----*/

.cspace {
	display: block;
	height: 5px;
	line-height: 5px;}

.comment_box, .comments_left, .comments_right {
	height: 140px; }

.comment_box {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	color: #676767;
	display: block;
	font-size: 10pt;
	margin-top: 15px;
	text-align: center; }

.comments_left {
	background-color: #000000;
	border-right: 1px solid #000000;
	display: block;
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 150px; } 

.comment_links a {
	background-color: #911616;
	border: 1px solid #666667;
	color: #FFFFFF;
	display: block; 
	margin: 7px;
	padding: 3px;
	text-decoration: none;
	width: 130px; }

.comment_links a:hover {
	background-color: #00a99d;
	color: #000000; }

.comments_right {
	display: block;
	float: right;
	overflow: auto;
	text-align: left;
	width: 710px; }

.comments_right p {
	display: inline;
	margin-bottom: 8px;
	margin-top: 0px; }

.poster {
	text-transform: uppercase;
	font-weight: bold;}
/*----- END: Post Comments -----*/



/*----- Page Layout -----*/
#aboutus_content {
	border: 1px solid #000000;
	display: block;
	float: right;
	height: 550px;
	overflow: auto;
	width: 431px; }

#aboutus_rotator {
	border: 1px solid #000000;
	clear: both;
	display: block;
	float: left;
	height: 550px;
	width: 450px; }

#flash_container {
	background-color: #000000;
	border: 1px solid #000000;
	clear: both;
	color: #FFFFFF;
	padding: 0px;
	text-align: center; }

#footer ul {
	list-style-type: square; }

#footer_page {
	background-color: #000000;
	border: 2px solid #000000;
	color: #FFFFFF;
	display: block;
	height: 52px;
	margin-top: 15px;
	overflow: hidden;}

#footer_page_left {
	float: left;
	overflow: hidden; }

#footer_page_right {
	width: 450px;
	float: right;
	overflow: hidden;}

#gallery_holder {
	display: block;
	margin-left: 18px;
	margin-top: 15px;
	overflow: auto;
	text-align: center; }

#left_content, #left_sidebar {
	clear: both;
	float: left; }

#left_content, #right_content {
	border: 1px solid #000000;
	display: block;
	height: 550px;
        overflow: auto;
	width: 581px; }

#left_sidebar, #right_sidebar {
	border: 1px solid #000000;
	display: block;
	height: 550px;
	width: 300px; }

#portfolio_holder {
	display: block;
	margin-left: 10px;
	margin-top: 15px;
	overflow: hidden;
	text-align: center; }

#right_content, #right_sidebar {
	float: right; }
/*----- END: Page Layout -----*/



/*----- Footer Links -----*/
#blogfooter, #facebook, #myspace, #twitter {
	float: right; }

#blogfooter span, #facebook span, #myspace span, #twitter span {
	display: none; }

#blogfooter {
	background: url("http://fostercryer.com/images/footer/blog_footer.gif") no-repeat 0 0;
	display: block;
	height: 45px;
	width: 94px; }

#blogfooter:hover  { 
	background: url("http://fostercryer.com/images/footer/hover/blog_footer.gif") no-repeat 0 0;  }

#facebook {
	background: url("http://fostercryer.com/images/footer/facebook_footer.gif") no-repeat 0 0;
	display: block;
	height: 45px;
	width: 122px; }

#facebook:hover  { 
	background: url("http://fostercryer.com/images/footer/hover/facebook_footer.gif") no-repeat 0 0;  }

#footer_page_left a {
	color: #00a99d; }

#myspace {
	background: url("http://fostercryer.com/images/footer/myspace_footer.gif") no-repeat 0 0;
	display: block;
	height: 45px;
	width: 121px; }

#myspace:hover  { 
	background: url("http://fostercryer.com/images/footer/hover/myspace_footer.gif") no-repeat 0 0;  }
	
#twitter {
	background: url("http://fostercryer.com/images/footer/twitter_footer.gif") no-repeat 0 0;
	display: block;
	height: 45px;
	width: 113px; }

#twitter:hover  { 
	background: url("http://fostercryer.com/images/footer/hover/twitter_footer.gif") no-repeat 0 0;  }
/*----- END: Footer Links -----*/