/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px 0px; padding: 0px 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; font-family: "Trebuchet MS", Georgia, Verdana, Helvetica, Sans-Serif; font-size: 0.75em; background: #003466 url("http://www.ludapostol.info/images/background.jpg") repeat 0px 0px; padding-bottom: 50px; }
ol, ul, li { list-style-type: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Main styles */
a:hover, a:active, a:visited, a:link { color: #cc0000; text-decoration: none; padding: 1px 2px; }
a:hover { text-decoration: underline; }
hr, * .hide { display: none !important; }

#global { border: 2px solid #ccc; width: 650px; background-color: #fff; overflow: hidden; margin: 50px auto 0px auto; }

#header {
position: relative; 
background: url('http://www.ludapostol.info/images/header.jpg') no-repeat 0px 0px;
width: 650px;
height: 143px
}
#header ul { width: 505px; position: absolute; top: 120px; left: 135px; }
#header ul li { padding-bottom: 3px; float: left; margin-right: 3px; }
#header ul li a { color: #ffff00; font-weight: bold; }
#header ul li a.current, #header ul li a:hover { text-decoration: underline; }

#header h1 { width: 387px; height: 105px; position: absolute; top: 0px; left: 118px; text-indent: -9999px; }
#header h1 a { display: block; width: 387px; height: 105px; }

#content {
margin: 20px auto;
width: 600px;
}

#content h2 { font-weight: normal; color: #cc0000; font-size: 2em; margin-bottom: 20px; }

#content h3 { font-weight: normal; color: #cc0000; font-size: 1.3em; margin-top: 20px; margin-bottom: 20px; }

#content p { line-height: 1.3em; }
#content p strong { font-weight: bold; }
#warning { width: 400px;  margin: 30px auto; }
#warning li {
	margin-bottom: 30px;
	text-align: center;
	background-color: #cc0000;
	
}
#warning li a { padding: 5px;color: #fff; font-weight: bold; font-size: 1.1em; display: block; }

#footer { width: 600px; margin: 10px auto; }
#footer p { margin-bottom: 5px; line-height: 1.2em; }

#message { width: 400px; margin: 30px auto; background-color: #cc0000; color: #fff; font-weight: bold; padding: 10px; }


form { width: 400px; margin: 20px auto 0px auto; }
form legend { display: none; }
form div { width: 100%; margin-bottom: 20px; overflow: hidden; }
form div strong { font-weight: normal; float: left; width: 100px; margin-bottom: 5px; }
form div input, form div textarea { float: left; width: 300px; padding: 2px 4px; font-size: 1em; font-family: Arial, Georgia, Verdana; }
form button { cursor: pointer; }

#comments, #banners, #mails, #team, #shop { width: 500px; margin: 0px auto 30px auto; overflow: hidden; }
#comments li, #banners li, #mails li, #team li, #shop li { width: 100%; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; overflow: hidden; }
#comments li strong, #mails li strong, #team li strong, #shop li strong { width: 100%; float: left; font-weight: bold; color: #800000; margin-bottom: 5px; display: block; }
#comments li p, #mails li p, #team li p, #shop li p { float: left; line-height: 1.3em; color: #666; }

#team li p { width: 75%; }
#team li strong { width: 75%; }

#shop li p { width: 53%; }
#shop li strong { width: 53%; }

#team li img, #shop li img { float: left; margin: 0px 10px 0px 0px; }
#shop li img { width: 220px; height: 200px; }

#banners li img { margin: 5px; }
#banners li span { float: left; color: #666; }

acronym { cursor: help; }