/* CSS Document

author: Briana "Breezy" Baldwin
copyright 2009

Please don't steal. 

*/

body {  margin: 0;
		padding: 0;
		background-color:#000000;
		background-image:  url(http://www.breezybaldwin.com/_images/_ix/bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align: center;
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; }
		
h1  {	font-size: 26px;
		font-weight: bold;
		color: #CB9031;
		font-family: Arial, Helvetica, sans-serif; }
		
a:link, a:visited, a:active {
		color: #555555;
		text-decoration: none; }
		
a:hover {	color: #999999; text-decoration: none; }		


				
/*----------------------------------------------------------------PORTFOLIO MODULE*/

#content {	margin: 0 auto;
			padding: 237px 0px 0px 0px;
			width: 636px; }

#portfolio {
	margin: 0;
	padding: 0;
	height: 255px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 636px;
	}
	
#portfolio ul {
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	width: 636px;
	display: inline;
}

#portfolio ul li {
	margin: 0; 
	padding: 0;
    list-style-type: none;
	display: inline;
	}

#portfolio ul li a {
	float: left;
	padding: 255px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:255px; /* for IE5/Win only */
	}
	
#portfolio a:hover {
	background-position: 0 -255px;
	}

	
#portfolio_design a  {
	width: 212px;
	background: url(http://breezybaldwin.com/_images/_ix/design.jpg) top left no-repeat;
	}
	
#portfolio_photo a  {
	width: 212px;
	background: url(http://breezybaldwin.com/_images/_ix/photo.jpg) top left no-repeat;
	}
	
#portfolio_blog a  {
	width: 212px;
	background: url(http://breezybaldwin.com/_images/_ix/blog.jpg) top left no-repeat;
	}


#clear { clear: both; display: block; margin: 0 auto; padding: 0; }
	
		

/*----------------------------------------------------------------SOCIAL*/

#links {
	margin: 20px 0px 0px 20px;
	padding: 0;
	width: 591px;
	}

#social {
	margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 591px;
	}
	
#social ul {
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	width: 591px;
	display: inline;
}

#social ul li {
	margin: 0; 
	padding: 0;
    list-style-type: none;
	display: inline;
	}

#social ul li a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win only */
	}
	
#social a:hover {
	background-position: 0 -28px;
	}

	
#social_facebook a  {
	width: 109px;
	background: url(http://breezybaldwin.com/_images/_ix/social/facebook.jpg) top left no-repeat;
	}
	
#social_twitter a  {
	width: 103px;
	background: url(http://breezybaldwin.com/_images/_ix/social/twitter.jpg) top left no-repeat;
	}
	
#social_flickr a  {
	width: 82px;
	background: url(http://breezybaldwin.com/_images/_ix/social/flickr.jpg) top left no-repeat;
	}
	
#social_vimeo a  {
	width: 107px;
	background: url(http://breezybaldwin.com/_images/_ix/social/vimeo.jpg) top left no-repeat;
	}
	
#social_virb a  {
	width: 79px;
	background: url(http://breezybaldwin.com/_images/_ix/social/virb.jpg) top left no-repeat;
	}

#social_linkedin a  {
	width: 111px;
	background: url(http://breezybaldwin.com/_images/_ix/social/linkedin.jpg) top left no-repeat;
	}

#clear { clear: both; display: block; margin: 0 auto; padding: 0; }
	
				
			

/*---------------------------------------------------------------FOOTER*/

#footer {
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 450px;
	clear: both;
}

.content-footer {
	width: 100%;
	height: 168px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
    }
		
.footer-text {	margin: 0;
				padding: 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
				color: #5f4932;
				line-height: 17px; }
	
.footer-text a:link, 
.footer-text a:active, 
.footer-text a:visited {	
							color: #907d61; 
							text-decoration: none;
							 }
	
.footer-text a:hover {	color: #5f4932; 
						background-color: #FFFFFF;
						text-decoration: none; }		
						
.footer_title { 
	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: normal;
	color: #6b8390;
	}