/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Buttery Web
Version:	1.1
Last change:	05/05/08 [Added contact form]
Assigned to:	Chris Buttery
Primary use:	Portfolio
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Wrapper / #wrapper
3. Header / #header
4. Player / #player
5. Portfolio Content / #portContent
6. Content / #content
7. Contact / #contact
8. Footer / #footer

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body]
*/
body {
		background: #8ccdeb url(../img/bg.gif) repeat-x;
		color: #555;
		font: 12px/18px  Arial;
		margin: 0;
		padding: 0;
		text-align: center;
}
p {
		color: #555;
}
a:link, a:visited {
		color: #2FAAD2;
		font-weight: bold;
}
a:hover {
		color: #018ABE;
}

img {border:none;}

/*------------------------------------------------------------------
[2. Wrapper / #wrapper]
*/
#wrapper {
		background-color: #fff;
		clear: both;
		margin: 20px auto;
		overflow:hidden;
		padding: 0;
		width: 800px;
}

/*------------------------------------------------------------------
[3. Header / #header]
*/
#header {
		background: url("../img/buttery.jpg") bottom left no-repeat; 
		height: 140px;
		margin: 0;
		padding: 0;
		text-align: left;
		width: 800px;
		overflow: hidden;
}

/*------------------------------------------------------------------
[4. Player / #player]
*/
#player {
		color: #2FAAD2;
		float: right;
		font-weight: bold;
		margin: 10px 10px 0 0;
		padding: 0;
		text-align: right;
		width: 200px;	
}

/*------------------------------------------------------------------
[5. Content / #content]
*/
#content {
		float: left;
		margin: 15px 0 10px 15px;
		padding: 0;
		text-align: left;
		width: 355px;
}

#rightContent {
		float: right;
		margin: 15px 20px 0 0;
		padding: 0 0 30px 0;
		text-align: right;
		width: 325px;
}

#heading {
		color: #999;
		float: left;
		font-size: 150%;
		font-weight: bold;
		margin: 100px 0 0 120px;
}
.bold {
		color: #2FAAD2;
		font-size: 130%;
		font-weight: bold;
}
.blue {
		color: #333;
}
.grey {
		color: #333;
}
.greyHeading {
		color: #666;
		font-weight: bold;
}
.details {
		color: #666;
		font-size: 110%;
}
.highlight {
		color: #666;
}

/*------------------------------------------------------------------
[6. Portfolio Content / #portContent]
*/
#portContent {
		
		clear: both;
		margin: 0 auto;
		overflow:hidden;
		padding: 0;
		width: 800px;
}

h1 {
		color: #2FAAD2;
		margin: 0;
		padding: 0;
		font-size:16px;
}
.website {
		width: 362px;
		float: left;
		margin: 20px 0 10px 25px;
		padding: 0;
		text-align:left;
		border-bottom: 1px dotted #999;
}
.weblink {
		float: right;
		margin: 5px 0;
		padding: 0;
}
.weblink a, weblink a:visited{
	text-decoration: underline !important;
	color: #236E8F !important;
}
.weblink a:hover {
	color: #0A3A4F !important;
}
.screenshot {
		float: left;
		margin: 5px 0;
		padding: 0;
}
.small {
		margin: 5px 0;
		padding: 0;
}
.blue {
		color: #2FAAD2;
		margin: 0;
		padding: 0;
		font-weight:bold;
}
.info {
		margin: 10px 0;
		padding: 0;
}

.weblink a, .weblink a:visited, .weblink a:hover, .screenshot a, .screenshot a:visited, .screenshot a:hover { text-decoration:none; }

/*------------------------------------------------------------------
[7. Contact / #contact]
*/
#contact {
		margin: 0;
		padding: 15px 0 0 0;
		width: 300px;
}
form {
		margin: 0;
		padding: 0;
}
input {
		border: 1px solid #2FAAD2;
		color: #565656;
		font: 10px Helvetica, Arial, sans-serif;
		height: 15px;
		margin-top: 5px; 
		padding: 0 0 0 5px;
		width: 184px;
}
textarea {
		border: 1px solid #2FAAD2;
		color: #565656;
		font: 10px Helvetica, Arial, sans-serif;
		height: 100px;
		margin: 5px 0 0 0; 
		padding: 0 0 0 5px;
		width: 280px;
}
.submit{
		color:#666;
		background: #ececec;
		border: none;
		height: 22px;
		margin: 4px 0 0 0;
		padding: 3px;
		text-align: left;
		width: 190px;
}
.submit:hover{
		color: #fff;
		background: #2FAAD2;
		border: 1px solid #2FAAD2;
		height: 22px;
		padding: 3px;
		text-align: left;
		width: 190px;
}

/*------------------------------------------------------------------
[8. Footer / #footer]
*/
#footer {
		float: left;
		height: 20px;
		margin:  0 10px 0 0;
		padding: 0 0 5px 0;
		text-align: center;
		width: 790px;
}