/*  
Theme Name: Lisa Liguori Theme
Author: Gorirra Consulting
Author URI: http://gorirra.com/
*/

/* css reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before,
blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus            {outline: 0;}
ins   {text-decoration: none;}
del   {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* end css reset */

body              {background-color: #282828; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #FFFFFF;}
.home #container  {border:none; background-color:#282828;}
P           {margin-bottom:10px;}
SMALL       {font-size:10px;}
#logo       {background-color:#000; border-bottom:2px solid #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #FFFFFF; text-align: center; letter-spacing: 2px; margin-right: auto; margin-left: auto;}

#text {width: 760px; margin-right: auto; margin-left: auto; line-height: 150%; padding: 20px;}

/* sidebar */
#sidebar              {width: 190px; padding-top: 20px; padding-right: 0; padding-bottom: 10px; padding-left: 0; float: right;}
#sidebar form         {margin: 0;}
#sidebar H2           {color:#999; font-size:18px; letter-spacing:-1px;}
#sidebar UL LI        {margin-bottom:15px;}
#sidebar UL LI UL LI  {margin-bottom:0px;}

/* subpages */
#container        {z-index:1; margin-bottom:100px;}
.resourceTable    {width: 700px;}
.resourceTable TD {width: 50%;  padding: 5px;}
.bottomColumn     {width: 600px; clear: both;}
.commentblock     {width: 480px;}

/* blog */
.post         {text-align: left; width: 480px; margin-bottom:20px; float: left; clear: left;}
.postmetadata {padding:5px; border:1px dashed #666; margin-top:10px; clear:both;}
.post H2      {font-size:20px; margin-bottom:5px; letter-spacing:-1px;}
.post OL      {margin-left:25px; margin-bottom:10px; list-style-type:decimal;}
.post UL      {margin-left:25px; margin-bottom:10px; list-style-type:disc;}
H2.pagetitle  {font-size:20px; margin-bottom:5px;}

H3#comments,
H3#respond        {font-size:16px; color:#999; margin-bottom:10px;}
OL.commentlist LI {padding:10px;}
LI.alt            {background-color:#222;}

/* collapse */
.mC   {margin-bottom:20px;}
.mH   {cursor:pointer;}
.mH2  {margin-top:20px; cursor:pointer;}
.mL   {display:none;}
#sidebar .mL UL LI  {margin-bottom:0;}

/* Begin Form Elements */
#searchform             {margin: 10px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 108px; padding: 2px;}
#sidebar #searchsubmit  {padding: 1px;}
.entry form             {text-align:center;}
select                  {width: 130px;}
#commentform input      {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea   {width: 100%; padding: 2px;}
#commentform #submit    {margin: 0; float: right;}
/* End Form Elements */

/* Begin Images */
p img           {padding: 0; max-width: 100%;}
img.centered    {display: block; margin-left: auto; margin-right: auto;}
img.alignright  {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft   {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright     {float: right;}
.alignleft      {float: left;}
/* End Images */

#menu     {background-color:#000000; border-top:2px solid #FFFFFF; padding:25px 0; margin-right: auto; margin-left: auto; width: 100%; clear: both; text-align:center; z-index:2; bottom:0; position:fixed;}
#menu IMG {overflow: hidden; background-repeat: no-repeat; background-position: left top; margin:0 8px;}

#menu .home       {height:25px; width:62px; background-image:url('images/home.png');}
#menu .blog       {height:24px; width:68px; background-image:url('images/blog2.png');}
#menu .resources  {height:25px; width:114px; background-image:url('images/resources.png');}
#menu .photos     {height:24px; width:76px; background-image:url('images/photos.png');}
#menu .invitation {height:22px; width:151px; background-image:url('images/invitation.png');}
#menu .contact    {height:25px; width:151px; background-image:url('images/contactme.png');}

#menu .home:hover,
#menu .resources:hover,
#menu .photos:hover,
#menu .invitation:hover,
#menu .blog:hover,
#menu .contact:hover    {background-position: bottom left;}

#container #text a        {color: #FFFFFF; text-decoration: underline;}
#container #text a:hover  {color: #999999; text-decoration: none;}

.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; width: 480px;}

#footer {font-size: 9px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 10px;}