/*
Site Content: copyright Meg Monahan
Site Design: Ryan Colantuono www.ryancolantuono.com
*/


/************* Main Styles ***************/
*{
	padding: 0;
	margin: 0;
}

body {
	font-family: "Free Sans", "Arial", sans-serif;
	line-height: 2.0;
	font-size: 14px;
	margin:0;
	padding:0;
	background: url(images/bg.jpg) #121212;
}


body a, body a:visited {
	color:#99a0af;	
}

#topcontent{
	width: 800px;
	margin: 0 auto;
}

#pagecontent{
	width:800px;
	margin:0 auto;
	padding:0;
	font-family:"Trebuchet MS";
	color:#fff;
	line-height:1.6em;
		
}


#pagecontent h3, #gallery_left h3, #contact h3{
	font-size: 90%;
	color:#777;
}


#content {
	background: url(images/content-bg.png);
	width:800px;
	padding-top:10px;
	margin:0 auto;
	font-family:"Trebuchet MS";


}

#content-left {
	width: 330px;
	float: left;
	
}

#content-left p {
	margin: 0 20px 0 20px;
}

#content-left h3 {
	margin: 0 20px 0 20px;
}


#content-right {
	margin: -40px 0 0 25px;
	padding: 0 0 0 20px;
	width: 370px;
	float: left;
	
}

#vert-divider {
	background: url(images/content-bg.png);
	width: 2px;
	height: 380px;
	float: left;
	border-top: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	border-left: 1px solid #171717;
}

#horz-divider {
	background: url(images/content-bg.png);
	margin: 0 0 30px 23px;
	width: 748px;
	height: 2px;
	border-top: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	border-left: 1px solid #171717;
	border-bottom: 1px solid #171717;
}


.imageTitle {
	padding-left: 15px;
}

.clear {
	clear: both;
}

/************* Header/Navigation *************/

.container {
	margin:0 auto;
	color:white;
	width:800px;
}


#logo {
	float: left;
	margin: 18px 0 0 0;
	outline:none; 
}

#navbar{
	margin: 0 auto 20px auto;
	height: 65px;
	width: 800px;
}

#navbar li{
	float: left;
	list-style-type: none;
}

#navbar ul{
	margin: 15px 0 0 0;
	text-decoration: none;
	float: right;
	position: relative;
	z-index: 10;

}

#navbar li a, #nav a:visited, #nav li a:link, #nav li a:active {
	outline:none;
	font-family: "Arial";
	font-size: 16px;
	height: 65px;
	text-decoration: none;
	padding: 65px 10px 13px 10px;
	color: #efefef;
	line-height: 55px;
}

#navbar li a:hover {
	background-position: bottom;
}



/* ----------------------- About Page ----------------------- */

#header_image{
	width: 800px;
	margin: 0 auto;
}

#header_image img {
	margin-bottom: 15px;
	border: 5px solid #fff;	
}

#about {
	float: left;
	width: 370px;
	text-align: left;
	margin: 0 60px 25px 0;
}

#about p {
	padding: 0 15px 10px 20px;
	line-height: 23px;
	margin-bottom: 5px;
	color: #efefef;
}

#about h3, #art h3 {
	padding: 0 20px 10px 20px;
}


#art {
	float: left;
	width: 370px;
	text-align: left;
	margin: 0 0 25px 0;
	
}

#art p {
	padding: 0 20px 10px 20px;
	line-height: 23px;
	margin-bottom: 5px;
	color: #efefef;
}

/* ----------------------- Contact ----------------------- */

#sideImage {
	float:left;
	width:310px;
	margin: 0 50px 55px 0;
}

#sideImage img {
	border:5px solid #fff;
}

#contact h3 {
	margin: 0 0 0 15px;
}

#contact p {
	margin: 0 0 0 15px;
}

#contact {
	float: left;
	width: 440px;
	height:575px;
	background: url(images/content-bg.png);
}



#nameinput, #emailinput, #commentinput {
	border-top: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	border-left: 1px solid #171717;
	border-bottom: 1px solid #171717;
	padding: 4px 2px 4px 3px;
	position: relative;
	z-index: 25;
	background: url(images/content-bg.png);
	color: #fff;
	margin: 0 0 10px 0;
	
}

#commentinput {
	width: 400px;
	height: 150px;
	overflow: hidden;
}

p#success{
	position: absolute;
	
	color: #777;
	
	text-align: center;
}
		
p#badname, p#badserver, p#bademail, p#badmessage{
	position: absolute;
	color: #777;
	text-align: center;
}

#contactform {
	margin: 30px  0 0 15px;
}

fieldset {
	border: none;
}	



/************ Foooter ***********/

#footer{
	text-align:center;
	font:0.7em Verdana;
	padding: 30px 0 10px 0;
	color:#555;
	clear:left;
}

#footer a{
	color:#777;
	text-decoration:none;
}

#footer a:hover{
	color:#999;
}


/*************** Gallery *************/

#gallery{
	width:800px;
	height: auto;
	margin:0px auto;
	display: table;
	font-family:"Trebuchet MS";
	color:#fff;
	line-height:1.6em;
	background: url(images/content-bg.png);
}

#gallery_left {
	float: left;
	width: 340px;
	
}

#gallery_left p, #gallery_left h3 {
	padding: 10px 15px 0 15px;
}

#gallery_right {
	float: right;
	width: 450px;
	padding: 10px 0 20px 0;
}

#imageholder{
	position:relative;
	background: transparent url(images/loading.gif) no-repeat 50% 30%;
	background-color: #fff;
	z-index: 1;	
	margin: 0 0 25px 0;
}

#mainimage{
	margin: 5px 5px -4px 5px;
	position: relative;

	z-index: 1;
}



#overNextLink,#overPrevLink{
	position:absolute;
	width:50%;
	height:100%;
	outline:none;
	z-index: 9000;
}

#overNextLink{
	left:0;
	background:transparent url(images/spacer.gif) no-repeat 0% 30%;
}

#overPrevLink{
	right:0;
	background:transparent url(images/spacer.gif) no-repeat 100% 30%;
}

#overNextLink:hover{
	background:transparent url(images/prevlabel.gif) no-repeat 0% 30%;
}

#overPrevLink:hover{
	background:transparent url(images/nextlabel.gif) no-repeat 100% 30%;
}



.thumb{
	border:3px solid #FFF;
	display:block;
	margin:2px;
}

.thumb_link {
	float: left;
	padding: 5px 7px 7px 7px;
	position: relative;
	z-index: 100;/* needed to fix bug in ie6 where pngfix script will make gallery links unclickable */
	outline:none;
}




/************* COMMENTS **************************/



#comments {
	width:800px;
	padding-top:10px;
	margin:0 auto;
	font-family:"Trebuchet MS";
	text-decoration: none;
}

#comments {
	padding: 20px;
}



#comments ol li a{
	color:#99a0af;
	text-decoration:none;
	outline: none;
}

#comments ol li a:hover {
	text-decoration: underline;
}

#comments ol {
	margin-top: 20px;
	list-style: none;
}

#comments ol li cite {
	font-style: normal;
}
#comments .avatar {
	float: left;
	border: none;
	margin: 0;
	padding: 0 1px 0 1px;
}

#comments li{
	background: url(images/content-bg.png);	
	border-top: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	border-left: 1px solid #171717;
	border-bottom: 1px solid #171717;
	padding: 10px;
	margin: 0 50px 10px 90px;
}


#comments .commentcount{
	font:4em Georgia;
	float:right;
	color:#222;
}

#comments .commenttext{
	text-align:justify;
	color:#e0e0e0;
}

#comments cite{
	color:#777;
}

.commenttext p {
	padding-left: 30px;
}

#comments small.commentmetadata{
	display:block;
	text-align:right;
	color:#777;
}

#comments input, #comments textarea, #content-right textarea, #content-right input, #submit, #submitEmail{
	background: url(images/content-bg.png);
	border-top: 1px solid #0b0b0b;
	border-right: 1px solid #0b0b0b;
	border-left: 1px solid #171717;
	border-bottom: 1px solid #171717;
	position: relative;
	z-index: 25;
	color:#fff;
	padding: 3px;
}

#submit, #submitEmail {
	padding-right: 10px;
	padding-left: 10px;
	overflow: visible;
}

#commentarea {
	width: 372px;
	height: 125px;
	overflow: hidden;

}

#respond {
	margin-top: 40px;
}