/*  
Theme Name: Matt's Photoblog
Theme URI: http://wordpress.org/
Description: Matt's Photoblog as displayed on <a href="http://matt.shapingoflight.com">his profile</a>.
Version: 1.0
Author: Matt Lanham and Julie Koesmarno
Author URI: http://matt.shapingoflight.com
*/

/* GLOBAL */

body {
	color: #666361;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Geneva, arial, helvetica;
	font-size: 10pt;
	background-color: #bfbab6;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/BlogBG.jpg);
}
img {
	padding:10px;
	border:0px;
	background:#FFFFFF;
}
a:link {
	color: #FFFFFF;
	text-transform: lowercase;
	line-height: 20px;
	text-decoration: underline;
}
a:visited {
	color: #FFFFFF;
	text-transform: lowercase;
	line-height: 20px;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FFFFFF;
	text-transform: lowercase;
	line-height: 20px;
	text-decoration: underline;
}

/* HEADER */

#HeaderContainer {
	width: 920px;
	text-align: left;
	height: 150px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#HeaderContainerLeft {
	width: 440px;
	height: 40px;
	text-align: right;
	float: left;
	padding: 10px;
}
#HeaderContainerRight {
	width: 440px;
	height: 40px;
	text-align: left;
	float: right;
	padding: 10px;
}
#SiteTitle {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	color: #000000;
	text-transform: lowercase;
}
#SiteDescription {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	text-transform: lowercase;
	color: #333130;
}
.Links {
	color: #FFFFFF;
	text-transform: lowercase;
	line-height: 20px;
	position: relative;
	top: 15px;
}

/* PICTURE POSTS */

#PicHeaderContainer {
	width: 920px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 22px;
}
#PicContainer {
	width: 920px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#PicTitle {
	font-size: 30px;
	color: #ffffff;
	width: 510px;
	text-align: left;
	text-transform: lowercase;
	line-height: 22px;
	float: left;
}
#PicNav {
	color: #ffffff;
	width: 410px;
	text-align: right;
	text-transform: lowercase;
	line-height: 10px;
	float: right;
	position: relative;
	top: 7px;
}
#PicContainerLeft {
	width: 440px;
	text-align: right;
	float: left;
	padding: 10px;
}
#PicContainerRight {
	width: 440px;
	text-align: left;
	float: right;
	padding: 10px;
}
.PicYear {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	color: #000000;
}
.PicDate {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
}
.ContentHeader {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	color: #000000;
	text-transform: lowercase;
}
.ContentSubHeader {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	text-transform: lowercase;
}
  input#author {
  	border: 2px solid #FFFFFF;
  	background-color: #bfbab6;
}
input#email {
  	border: 2px solid #FFFFFF;
  	background-color: #bfbab6;
}
input#url {
  	border: 2px solid #FFFFFF;
  	background-color: #bfbab6;
}
textarea#comment {
	width: 430px;
	border: 2px solid #FFFFFF;
	background-color: #bfbab6;
}

/* TAG LISTS */

#TagContainer {
	width: 920px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 35px;
}
#TagTitle {
	font-size: 30px;
	color: #ffffff;
	width: 510px;
	text-align: left;
	text-transform: lowercase;
	line-height: 35px;
	float: left;
}
#TagListLeft {
	width: 440px;
	text-align: left;
	float: left;
	padding: 10px;
}
#TagListRight {
	width: 440px;
	text-align: left;
	float: right;
	padding: 10px;
}
#Thumbnail {
	width: 130px;
	text-align: left;
	float: left;
}

/* FOOTER */

#FooterContainer {
	width: 920px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	height: 70px;
} 
#FooterContainer a, 
#FooterContainer a:link, 
#FooterContainer a:visited, 
#FooterContainer a:hover, 
#FooterContainer a:active {
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: underline;
        text-transform: capitalize;
}
#Footer {
	width: 920px;
	height: 30px;
	top: 30px;
	position: relative;
}