/*
Theme Name: Meg's Photography Blog
Description: Custom Theme for megcoyne.com
Version: 2.0
Author: Daniel Fierling
Author URI: http://www.coyned.ca
Tags: Meg's Blog

Daniel Fierling
http://coyned.ca
*/


/*
	Contact Page
*/


#main-contentContactOutside			{ float: left; width: 693px; padding: 10px 7px 10px 7px; border: 7px solid #e9e3cb; background-color:#e9e3cb; }
#main-contentContactOutside div#main-contentContactInsideBorder	{ float:left; width: 659px; padding: 20px 10px 20px 20px; min-height: 280px; border: 2px solid #ffffff; }
/*
#main-contentContact				{ float: left; width: 657px; }
#main-contentContact p			{  font: 15px arial; padding: 5px; color:#666666; list-style-type:disc; letter-spacing: 0.1px; }
#main-contentContact span		{  font: 16pt arial; color:#666666; }
*/

#contactAreaText		{ float: left; width: 649px; padding-bottom: 20px; }
#contactAreaText a:link,
#contactAreaText a:visited	{ color: #999999; }
#contactAreaText a:hover,
#contactAreaText a:active	{ color: #ffffff; }



/*
	CONTACT FORM
*/




#contactAreaForm					{ float: left; width: 514px; padding: 0 20px 20px 10px; border: 2px solid #ffffff; }
#contactAreaForm h3					{ font-size: 14px; font-weight:bold; }
#contactAreaForm ol li				{ margin: 0 0 10px 0; list-style:none; }



#contactform input, #contactform textarea	{ 
	padding: 2px;
	width: 415px;
	font-size: 1em;
	margin: 0px 0px 6px 0px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
 }
#contactform textarea				{ height:120px; width:415px; }

#contactform textarea:focus, #contact input:focus {
	border: 1px solid #c92027;
}
#contactform input[type='image'] { float:right; width:86px; border: 0; }

/*
	for Internet Explorer only
*/
#contactform input.submit {
	width: 86px;
	float: right;
	padding-right: 12px;
	border:0;
}

#commentSubmitArea	{ float: left; width: 420px; padding-top: 5px; font-size: 12px; line-height: 16px; }
#commentSubmit		{ float: right; width: 89px; padding-top: 15px; padding-right: 20px;  }
#commentSubmit a, #submitcomment	{
background-image: url("../images/SendButtonSprite.jpg");
    background-position: 0px 0px; 
	display: block;
	height:36px;
	width:86px;
}
#commentSubmit a:hover, #submitcomment:hover		{
    background-position: 0px 36px;
}


#contactFormText 					{ float: left; width: 450px; padding-left:10px; }
#contactFormTextAreaNew 			{ float: left; width: 400px; padding-left:10px; }
#contactFormSubjectArea				{ float: left; width: 450px; padding-top:15px; padding-left:10px; height: 25px; font-size:12px; color: #666666; }
.rowLabel                   				{ width:432px; position: relative; font-size:12px; color:#333333; height:16px; }
.rowLabel label.title						{ width: 195px; float:left; margin:0;  }
.rowLabel label.error  						{ width: 196px; float:right; font-size: 12px; font-style: italic; color: #c92027; text-align:right; margin:0; padding-right:12px; }
#contactFormTextAreaNew .rowLabel 			{ width: 450px; }
#contactFormTextAreaNew .rowLabel label.title	{ width: 180px; }

#contactFormSubjectArea .radio	{ width: 22px; margin:0; padding:0; border:0; vertical-align:middle; }
#contactFormSubjectArea label	{ width: 50px; padding-right:32px; padding-bottom:5px; width:auto; }

.rowElem                    { position: relative; clear: both; min-height: 31px; }
.rowElem .subject           { color: #333333; text-transform:uppercase;  }
.rowElemSelect              { clear: both; min-height: 40px; }

.thanks                     { float:left; width:420px; margin-top: 125px; text-align:center; color: #c92027; font-weight: bold; }



@media screen and (max-device-width : 960px), screen and (max-width : 960px){

	#contactFormText 					{ float: left; width: 100%; padding-left:10px; }
	#contactFormTextAreaNew 			{ float: left; width: 100%; padding-left:10px; }
	#contactFormSubjectArea				{ float: left; width: 100%; padding-top:15px; padding-left:10px; height: 25px; font-size:12px; color: #666666; }
	#commentSubmitArea	{ float: left; width: 80%; padding-top: 5px; font-size: 12px; line-height: 16px; }
	#contactform input, #contactform textarea	{ 
	width: 80%;
 	}

	#contactform textarea				{ height:120px; width:80%; }
	.rowLabel                   				{ width:80%;}
	.rowLabel                   				{ width:80%; }
	.rowLabel label.title						{ width: 80%;  }
	.rowLabel label.error  						{ width: 80%; }
	#contactFormTextAreaNew .rowLabel 			{ width: 80%; }
	#contactFormTextAreaNew .rowLabel label.title	{ width: 80%; }




}