/**
*
* Master stylesheet for villeccoappeals.com
* @date	10.15.2012
*
**/
@import 'reset.css';
@font-face					{ font-family: 'europa'; }


body						{ background: #F8F8F8; color: #333; font-family: Georgia, "Times New Roman", serif; font-size: 14px; }
h1  						{ text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; color: #444; }
h2  						{ text-align: left; font-size: 24px; font-weight: lighter; margin: 20px 5px; color: #444; }
h3  						{ margin: 0px 15px; color: #999; letter-spacing: 7px; font-weight: normal; font-size: 25px; }

a:link,
a:visited,
a:hover,
a:active					{ text-decoration: none; }

a:link, a:active			{ color: #A22330; }
a:hover         			{ color: #A22330; text-decoration: underline; }
a:visited       			{ color: #222239; }

#content					{ width: 925px; padding: 15px 0px 20px 0; margin: 0 auto; }

header						{  }

nav    				{ background: #EBEBEB; border-bottom: 1px dotted #AAA; border-top: 1px dotted #AAA; 
       				  height: 25px; line-height: 22px; width: 100%; text-align: center; margin: 0 auto; }
menu   				{ width: 100%; margin: 0 auto; }
menu li				{ display: inline; color: #444; font-size: 15px; font-weight: lighter; margin: 0 30px; font-variant: small-caps; 
       				  line-height: 24px; text-shadow: 1px 1px 1px #FFF; letter-spacing: 0.4px; }
menu li.current,
menu li.current a      			{ color: #AAA; }
menu li.current a:hover		{ text-decoration: none; border: 0 none; }
menu a:hover           		{ text-decoration: none; border-bottom: 3px solid #777; }

menu a:link,
menu a:visited,
menu a:hover,
menu a:active				{ color: #444; }


#display					{ width: 100%; height: 300px; }

#scotus						{ border: 2px solid #333; box-shadow: 2px 2px 5px #555; margin-top: 10px; position: relative; right: 10px; width: 420px; }

#teaser               		{ float: left; font-size: 25px; font-weight: lighter; letter-spacing: 0.25px; line-height: 40px; margin-left: 15px; 
                      		  margin-top: 25px; word-spacing: 1px; }
dd                    		{ text-indent: 75px; }
#teaser p.intro       		{ font-size: 17px; letter-spacing: -0.15px; line-height: 30px; margin-top: 12px; padding-right: 50px; word-spacing: 5px; }
#teaser p.intro strong		{ font-weight: bold; }

.home section  				{ margin: 0 auto 10px auto; text-align: center; }
.home article  				{ width: 46%; display: inline-block; text-align: left; vertical-align: top; line-height: 20px; margin-top: -20px; }
.home article p				{ padding: 7px 0px 10px 2px; font-size: 15px; }

footer          			{ border-top: 1px dotted #AAA; padding-top: 15px; line-height: 14px; }
#text-menu      			{ width: 65%; display: inline-block; vertical-align: top; font-size: 11px; }
.disclaimer p   			{ color: #AAA; font-size: 10px; margin-bottom: 5px; }
#address        			{ display: inline-block; text-align: right; width: 34%; vertical-align: top; font-size: 11px; }
.mailing-address			{ position: relative; right: -92px; }
.phone-fax      			{ font-size: 12px; line-height: 17px; }


/*	PROFILE	*/
.profile 					{}
.profile section			{}
.profile article			{ display: inline-block; text-align: left; vertical-align: top; }
.profile article p 			{ margin: 12px 15px; line-height: 20px; }
#bio						{ width: 60%; }
#tom						{ float: left; margin: 15px 20px 10px 10px; border: 2px solid #333; box-shadow: 2px 2px 5px #555; width: 165px; }

#blog                     	{ width: 30%; vertical-align: top; margin-left: 60px; border-left: 5px solid #CCC; }
#blog-title               	{ font-weight: bold; font-size: 17px; color: #444; display: inline-block; margin: 15px 0 0 15px; }
.profile span.byline      	{ display: block; font-size: 14px; text-transform: lowercase; font-variant: small-caps; color: #999; letter-spacing: 3px; margin: 2px 0 0 15px; line-height: 15px; }
.profile span.micro-byline	{ color: #999999; display: block; font-size: 11px; font-variant: small-caps; font-weight: normal; letter-spacing: 3px; line-height: 12px; margin: 0; text-transform: lowercase; }
#blog-text                	{ margin-top: 15px; font-size: 11px; }
a.read-more               	{ font-size: 13px; }

.profile hr					{ border: 0 none; border-top: 2px dotted #CCC; margin: 0 15px; }

.profile .recent-articles	{ font-size: 11px; color: #999; letter-spacing: 3px; }

.profile .blog1,
.profile .blog2				{ font-size: 11px; font-weight: bold; }

/*	 FIRM	*/
.firm article li,
.firm article p				{ margin: 12px 15px; line-height: 20px; }
.firm .sc      				{ font-size: 15px; font-weight: bold; font-variant: normal; }
.firm aside    				{ border-left: 4px solid #CCC; padding: 10px 20px; margin-left: 20px; margin-bottom: 20px; background: #F0F0F0; line-height: 22px; font-weight: normal; font-size: 17px;  }
.firm ul       				{ list-style-position: inside; list-style-type: square; padding-left: 20px; }

/*   CASES     */
#cases ul       			{ margin: 10px auto 20px; padding-left: 40px; }
#cases ul li    			{ margin: 12px 0; }
.cases article p			{ margin: 12px 15px; line-height: 20px; }

/*   CONTACT      	*/
#error-messages   			{ display: none; margin: 0 auto; width: 600px; background: #FFCFDF; border: 1px dashed #800; }
#error-messages ul			{ list-style: 0 none; }

span.required				{ color: #A22330; margin-right: 4px; }

#card    					{ border: 2px solid #DDD; background: #FFF; box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.56); width: 90%; margin: 0 auto; }
#response					{ font-size: 16px; margin: 0 auto; padding: 100px 0; text-align: center; width: 75%; 
         					  background: url("../images/postal-mark.png") no-repeat scroll -40px 40px transparent; }

#inputs         			{ padding: 10px 10px 10px 40px; margin: 7px; }
#inputs li      			{ margin: 12px; }
#inputs li label			{ margin-right: 15px; width: 200px; text-align: right; display: inline-block; vertical-align: top; }

#inputs li input,
#inputs li select,
#inputs li textarea			{ padding: 3px; border: 1px solid #DDD; background: transparent; color: #444; border-radius: 5px; 
                   			  font-family: Georgia, Times, serif; font-size: 13px; }

#inputs li input            { }
#inputs li select           { border-radius: 5px; padding: 5px; width: 150px; position: relative; left: -4px; }
#inputs li textarea         {  }

#contact-address            { width: 200px; height: 75px;  }
#contact-description        { border: 1px solid #DDD; border-radius: 5px; height: 175px; padding: 5px; width: 450px; }	

p.required-notification		{ float: left; color: #777; font-size: 11px; margin-left: 15px; }
#submit-button         		{ border: 2px solid #777 !important; box-shadow: 1px 2px 3px #AAA; margin-left: 610px; padding: 3px 7px !important; }
#submit-button:hover   		{ box-shadow: none; background: #777; color: #F8F8F8; border-color: #CCC; }