/*  

Theme Name: Mendonca
Theme URI: http://www.mendoncafamily.com/
Description: Theme for the MendoncaFamily.com website.
Version: 1.0
Author: Joe Mendonca
Author URI: http://www.mendoncacreative.com/

*/

/* HTML Elements */

* { margin: 0; padding: 0; }
body { background: #FFFFFF; margin: 0; color: #464646; font-size: 15px; font-family: 'Lora', serif; }
img { border: 0px none; }
.alignleft { display: inline; float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright { display: inline; float: right; margin-left: 10px; margin-bottom: 10px; }
.aligncenter { display: inline; float: center; }
a { color: #518759; text-decoration: none; }
#navigation { width: 100%; float: left; padding-top: 10px; height: 70px; background: #FFFFFF; position: fixed; top: 0; z-index: 100; }
#logo { float: left; width: 200px; }
#menu { float: left; margin-top: 20px; width: 800px; }
#layout, #top { width: 1000px; margin-left: auto; margin-right: auto; }
#index { float: left; width: 250px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 20px; padding-bottom: 20px; margin-right: 30px; font-size: 20px; }
#index h1 { font-size: 20px; }
#sidebar { float: left; width: 250px; margin-right: 30px; }
#sidebar h2 { font-size: 12px; font-weight: 100; color: #CCCCCC; margin-top: 14px; }
#sidebar h3 { float: left; width: 250px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 20px; padding-bottom: 20px; margin-right: 30px; font-weight: 100; font-size: 20px; margin-top: 80px; margin-bottom: 20px; }
#sidebar h4 { float: left; font-size: 12px; font-weight: 100; margin-top: 14px; width: 250px; margin-bottom: 12px; margin-top: 0px; }
#sidebar li { list-style-type: none; font-weight: 100; }
#time-period { float: left; width: 250px; height: 12px; }
#content { float: right; width: 720px; line-height: 30px; -moz-column-count: 3; -webkit-column-count: 3; -moz-column-gap: 40px; -webkit-column-gap: 40px;  -moz-column-width: 130px;  -webkit-column-width: 130px; padding-right: 0px; }
#content p:first-letter { font-size: 80px; padding-right: 14px; float: left; margin-top: 0px; }
#layout-content { float: left; width: 1000px; margin-top: 20px; margin-bottom: 20px; }
#latest { float: right; width: 720px; line-height: 30px; padding-right: 0px; }
#frontfeatured { float: left; width: 470px; }
#frontbox { float: right; width: 214px; }
#frontbox li { list-style-type: none; margin-bottom: 6px; }
#pages-content { float: right; width: 720px; line-height: 30px; margin-top: -20px; }
#pages-content h1 { float: left; width: 720px; margin-bottom: 20px; }
#pages-content p { float: left; margin-bottom: 16px; width: 720px; }
#pages-content ul { float: left; width: 720px; }
#pages-content li { margin-left: 50px; }
#pages-content textarea { float: left; width: 692px; border: 1px solid #CCCCCC; padding: 4px; }
#pages-content input { float: left; border: 1px solid #CCCCCC; background: #FFFFFF; color: #000000; padding: 4px; width: 200px; margin-right: 472px; }
#pages-slider { float: left; width: 1000px; height: 180px; background: #888888; margin-top: 80px; margin-bottom: 50px; }
#readmore { float: left; width: 720px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; }
#search-results { float: left; width: 1000px; margin-top: 200px; }
#results-top { float: right; width: 720px; margin-top: -100px; }
#slider { float: left; width: 1000px; height: 360px; background: #888888; margin-top: 80px; margin-bottom: 30px; }
#footer { float: left; width: 1000px; margin-top: 30px; margin-bottom: 50px; text-align: right; border-top: 1px solid #CCCCCC; padding-top: 20px; }
#footer-index { float: left; width: 250px; border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-right: 30px; font-size: 20px; text-align: left; }
#footer-column1 { float: left; width: 220px; line-height: 30px; margin-right: 30px; text-align: left; }
#footer-column2 { float: left; width: 220px; line-height: 30px; margin-right: 30px; text-align: left; }
#footer-sidebar { float: left; width: 220px; margin-bottom: 20px; padding-bottom: 21px; }
#footer li { list-style-type: none; margin-bottom: 6px; }
#comments { float: left; width: 680px; padding: 20px; margin-top: 30px; background: #EEEEEE; }
#comments textarea { float: left; width: 672px; border: 1px solid #CCCCCC; padding: 4px; }
#comments input { float: left; border: 1px solid #CCCCCC; background: #FFFFFF; color: #000000; padding: 4px; width: 200px; margin-right: 472px; }
#comments li { float: left; list-style-type: none; width: 680px; margin-top: 20px; }
#comments p, .commenttext { float: left; width: 640px; }
#searchform { float: right; margin-top: 0px; }
#searchform input { float: left; border: 1px solid #CCCCCC; font-size: 15px; width: 180px; margin-right: 10px; padding: 2px; color: #464646; font-family: 'Lora', serif; height: 23px; }
input.search { width: 25px !important; height: 25px !important; margin-right: 0px !important; padding: 0px !important; border: 0px !important; background:url(search.jpg); font-size: 0px !important; margin-top: 1px; }
#menu li { display: inline; list-style: url(none) none; float: left; font-size: 20px; text-transform: uppercase; }
#menu ul { line-height: 31px; list-style-image: none; list-style-position: outside; list-style-type: none; }
#menu a, #menu a:hover { border: medium none; display: block; text-decoration: none; }
#menu a, #menu a:visited { display: block; padding:0 20px; }
#menu li ul { height:auto; left:-999em; line-height:30px; margin:0; padding:0; position:absolute; width:322px; padding-top: 19px; }
#menu li li { width:260px; text-transform: none;  }
#menu li li a, .menu-header li li a:visited { background: #888888; color: #FFFFFF; font-size: 0.9em; font-weight: normal; padding-top: 10px; padding-bottom: 10px; }
#menu li li a:hover, .menu-header li li a:active { background:#EEEEEE none repeat scroll 0 0; text-decoration: none; color: #464646; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left:auto; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content p:first-letter { margin-top: 15px; }
}