/*
		Cobalt Designworks Website and Blog Style 
		Original Author: Sarah W.
		Editor: Dave Frei
*/


body.pagewrapper {
/* Styles borders, colors, margins, etc. for entire page */
width: 774px; /* Set width for entire page contents container */
padding: 12px; /* To provide consistent padding between all inner content containers and edge of page wrapper div */
margin: 0 auto 0 auto; /* Center pagewrapper div on screen */
text-align: left; /* left align all content within pagewrapper */
background-color: #666;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: calibri, arial narrow, times, verdana, helvetica, sans-serif;
}

/* font styles */

p.white{
	font-size: 12pt;
	color:#fff;
	}

.small{
	font-size: 9pt;
	color:#fff;
	font-style:italic;
	}

.big {
	font-weight: bold;
	font-size: 15pt;
	color:#fff
	}

.big2 {
	font-weight: bold;
	font-size: 15pt;
	color:#fff;
	}

.gallery_desc{
	font-size: 9pt;
	color:#fff;
	font-style:italic;
	}

.tagline{
	font-size:14pt;
	color:#fff;
	font-style:italic;
	}
	
p.small{
	font-size: 9pt;
	color:#fff;
	font-style:italic;
	}

p.copyright{
	font-size: 9pt;
	color:#fff;
	font-style:italic;
	}

p.gallery_desc{
	font-size: 9pt;
	color:#fff;
	font-style:italic;
	}

h1 {
	font-size: 22pt;
	color:#fff;
	font-style: italic;
}


h2 {
	font-size: 14pt;
	color:#fff;
	font-weight: lighter;
	font-style: italic;
	}

ul {
	font-size: 12pt;
	color:#fff;
	text-indent: 10px;
	}

/* hyperlink styles */

a:link {
	color: #66FFFF; /* #c2dcf3 teal*/
	font-style:italic;
	text-decoration: none;
}

a:visited {
	color: #66FFFF; 
	font-style:italic;
	text-decoration: none;
}

a:hover {
	color: #66FFFF; 
	text-decoration: underline;
}


/* layout divs */
/* default layout divs */
#page-container {
	width:774;
	margin: 0 auto 0 auto;
	background: #393939
}

#header {
}

#main-nav {
}

#header-sub {
	height: 72px;
	padding-top:20px;
	background: url("layout/body.jpg");
	background-repeat:no-repeat;
}

	#header-sub h1{
		margin: 0;
		padding: 0;
		font-size: 22pt;
		color:#fff;
	}

#sidebar-a {
	float: left;
	width:270px;
	}
	
	#sidebar-a a:link {
		color: #fff; 
		text-decoration: none;
		}
	
	#sidebar-a a:visited {
		color: #fff; 
		text-decoration: none;
		}
	
	#sidebar-a a:hover {
		color: #fff; 
		text-decoration: underline;
		}
		
#content {
	margin-left: 270px;
}

#content-two {
	padding: 0 75px;
}


#footer {
	clear: both;
	height: 66px;
	padding: 0 75px;
}

/* gallery divs */

#page-container-gallery {
	width:774;
	margin: 0 auto 0 auto;
	background: #343434;
}

#sidebar-a-gallery {
	float: left;
	width:250px;
}

	#sidebar-a-gallery a:link {
		color: #fff; 
		text-decoration: none;
		}
	
	#sidebar-a-gallery a:visited {
		color: #fff; 
		text-decoration: none;
		}
	
	#sidebar-a-gallery a:hover {
		color: #fff; 
		text-decoration: underline;
		}
		
	#sidebar-a-gallery ul {
		position: fixed;
		list-style-type:none;
	}


#header-sub-gallery {
	height:72px;
	background: url("layout/gallery/spacer_gallery.jpg");
	background-repeat:no-repeat;
}

	#header-sub-gallery h1{
		margin: 0;
		padding: 20px 25px 0 0;
		font-size: 22pt;
		color:#828CB4;
		font-style:italic;
	}

#content-gallery {
	margin-left:250;
}

	#content-gallery h2{
	color:#828CB4;
	}

/* content divs */

#content-contact {
	float: left;
	width:425px;
	padding-left:75px;
}

#social-links {
	margin-left:500px;
}



/* PHP Simple Contact Form */

label { 
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 155px;
	font-size: 1.5em;
}

input, textarea, select {
	margin: 0;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color:#333;
}

input.submit {
	cursor: pointer;
	border: 1px solid #222;
	background:#333; color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

input.submit:hover {
	background:#444;

}

fieldset {
	padding:20px;
	border:1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

legend {
	padding:7px 10px; font-weight:bold;
	color:#000;
	border:1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

span.required{
	font-size: 13px;
	color: #ff0000; /* Select the colour of the * if the field is required. */
} 

/* Style for the error message */

.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url('assets/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	margin: 10px 0;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

#succsess_page h1 {
	background: url('assets/success.gif') left no-repeat; padding-left:22px;
}