/*--------- Set up the basics -------------*/
body {
background:#313759 url("/images/theme-main/waves.png") repeat-x;
margin:0;
padding:0;
text-align:center;
font:1em/1.5 helvetica, arial, sans-serif;
}
p{
text-align:left;
margin:0;
padding:0;
text-indent:1.5em;
}
li p{
margin:1em 1em 1em 0em;
text-indent:0em;
}
pre{
text-align:left;
}
h1, h2, h3, h4, h5, h6{
line-height:1.5;
margin:0;
padding:0;
}
img{
border:none;
margin:0;
padding:0;
}
form{
margin:auto;
width:99%;
}
fieldset{
margin:0em;
padding:0.5%;
width:99%;
border:1px dashed #697df3;
text-align:left;
}
legend{
font-size:1.3em;
border-bottom:3px solid #f20c0c;
background:#f2f2f2;
}
textarea{
width:99%;
margin:0em;
height:25em;
}
table{
width:100%;
text-align:left;
background: #313759;
position:relative;
z-index:600;
}
caption{
background:#313759;
color:#f2f2f2;
font-size:16pt;
}
    caption a{color:#f2f2f2;}
th{
text-align:center;
font-size: 12pt;
background: #313759;
border:1px solid #f2dd72;
color:#f2f2f2;
}
td{
border:1px solid #f2dd72;
background: #697df3;
padding:.25em;
font-size:10pt
}
h2.messageTitle{
margin-bottom:0em;
}
.error, .success{
display:block;
background:#f2f2f2;
margin:0em 0em 1em;
padding:1em 0em;
font-size:24pt;
}
.error{
color:#ff0000;
}
.success{
color:#00ff00;
}

/*------------- The Header -------------*/
#header{
margin:.5em auto;
width:80%;
min-width:750px;
}
#headerContents{
margin-left:200px;
}
#header img{
float:left;
-webkit-box-reflect:below -40px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0)),
                                                                                color-stop(0.7, rgba(0,0,0, 0)),
                                                                                color-stop(0.85, rgba(0,0,0, 0.1)),
                                                                                to(rgba(0,0,0, 0)));
}
#header h1{
    margin:10px 0 0; padding:0 0 .125em;
    line-height:1;
    font-size:48px; font-weight:normal; color:#f2f2f2;
    background-color:#313759;
    border:5px solid #f2dd72; border-width:5px 0px 0px;
}
#header #tagline{
    margin: 0 0 10px; padding:0 0 2px;
    display:block;
    line-height:16px; font-size:16px; font-weight:normal; color:#f2f2f2; font-style:italic;
    background-color:#313759;
    border:5px solid #f2dd72; border-width:0px 0px 5px;
}
#header ul{
list-style-type:none;
margin:0;
padding:0;
height:42px;
}
#header ul li{
margin:0;
padding:0;
display:block;
float:left;
width:19%;
margin-right:1.25%;
*margin:0 0.5%;
*width:18%;
}
#header ul li.last{margin-right:0;}
#header ul li a{
display:block;
color:#f2f2f2;
background-color:#313759;
border:5px solid #f2dd72;
border-width:5px 0px;
font-weight:bold;
font-size:16px;
line-height:2;
text-decoration:none;
}
#header ul li a:hover{
border-color:#f2f2f2;
}
#header #marquee, #marqueeEditor #newMarquee{
color:#f2f2f2;
font-weight:bold;
font-size:16px;
line-height:2;
border:5px solid #f2dd72;
border-width:5px 0px;
background-color:#313759;
display:block;
text-align:left;
width:100%;
position:relative;
}
#marqueeEditor #newMarquee{
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
padding:8px 0;
}

/*---------------- The page ------------------*/
#page{
clear:both;
margin:20px auto;
width:80%;
min-width:750px;
}

/*----------------The content ----------------*/
#content{
margin-left:200px;
}
#content .contentDecoration{
float:right;
margin:1em;
}
#content h2{
text-align:left;
font-size:28px;
line-height:1.5;
color:#f2f2f2;
font-weight:normal;
border:5px solid #f20c0c;
border-width:0px 0px 5px 5px;
padding-left:10px;
margin:0 0 0 0;
}
#content h3{
text-align:left;
}
#content .section{
background:#f2f2f2;
border:5px solid #697df3;
border-top:none;
padding:1em;
margin-bottom:1em;
}
#content ul, #content ol{
text-align:left;
}
.idPhoto{
border:.25em solid black;
float:left;
margin:0 1em 1em 0;
}

/*---------------News Posts-------------------*/
h3.postTitle{
text-align:left;
border:5px solid #f20c0c;
border-width:5px 0 0 5px;
margin-top:1em;
font-size:1.2em;
line-height:2;
padding-left:10px;
}
.postInfo{
display:block;
font-size:.7em;
text-align:left;
font-style:italic;
border-left:5px solid #f20c0c;
padding-left:10px;
}
.newsPost{
margin:1em 0;
border-bottom:5px solid #f20c0c;
padding-left:10px;
}
.newsPost p{
margin:.5em 0;
}
.newsFooter{
clear:right;
display:block;
border-right:5px solid #f20c0c;
}
.postDecoration{
float:right;
margin:1em;
max-width:60%;
}

/*----------------Comments----------------------*/
.comment{
margin-bottom:1em;
}
.commentTitle{
text-align:left;
border:5px solid #f20c0c;
border-width:5px 0 0 5px;
margin-top:1em;
font-size:1.2em;
line-height:2;
padding-left:10px;
}
#comments .avatar{
float:right;
margin:0 0 1em 1em;
padding-right:10px;
border-right: 5px solid #f20c0c;
}
.comment{
margin:1em 0;
text-align:left;
border-bottom:5px solid #f20c0c;
padding-left:10px;
}
.comment p{
margin:.5em 0;
}
#comments div.unapproved{
min-height:64px;
height:64px;
overflow:auto;
}
#comments span.unapproved{
display:block;
line-height:64px;
text-align:center;
font-style:italic;
font-weight:bold;
}
#comments .unapproved .avatar{
display:none;
}
#comments .commentInfo{
display:block;
font-size:.7em;
text-align:left;
font-style:italic;
border-left:5px solid #f20c0c;
padding-left:10px;
}
.commentButtons{
display:block;
border-right:5px solid #f20c0c;
height:37px;
line-height:37px;
vertical-align:bottom;
text-align:left;
clear:right;
}
.commentButtons img{
float:right;
margin:2px 3px 2px;
}

/*--------------- The Sidebar ----------------*/
#sidebar{
float:left;
width:180px;
}
#sidebar h6{
font-weight:normal;
color:#f2dd72;
border-bottom:2px solid #f2dd72;
text-align:left;
font-size:20px;
margin-top:1em;
}
#sidebar #ads{
border-left:30px solid #f2dd72;
border-bottom:15px solid #f2dd72;
padding: 3px 0;
margin-bottom:1em;
}
#sidebar #ads img{
margin:3px 0 3px 3px;
}

/*---------------- The News Feed --------------*/
#newsfeed{
text-align:left;
}
#newsfeed a{
display:block;
width:160px;
background-color:#f2f2f2;
border:5px solid #697df3;
margin:5px 0;
text-decoration:none;
color:#000000;
white-space:nowrap;
overflow:hidden;
line-height:1;
padding:5px;
}
#newsfeed a .newsfeedtitle{
text-decoration:underline;
color:#313759;
}
#newsfeed a .newsfeedinfo{
clear:both;
font-size:10px;
}

/*------------- Mini login and quick admin menu -----------------*/
#miniLogin, #quickAdminMenu{
background-color:#f2f2f2;
border:5px solid #697df3;
text-align:left;
font-weight:bold;
color:#000000;
padding:5px;
width:160px;
}
#miniLogin input{
width:150px;
margin:3px 0px 0px;
}
#quickAdminMenu{
text-align:center;
}
#quickAdminMenu #quickAdminStatus{
font-size:12px;
margin:0 10px 0;
padding:0;
}
#quickAdminMenu ul{
margin:0;
padding:0;
text-align:left;
list-style-type:none;
font-size:10px;
line-height:1.5;
}
#quickAdminMenu ul li{
padding:0;
margin:0 0 0 10px;
}

/*--------- Webmaster Control Panel ------*/
#adminPanel{
margin:0%;
padding:0em;
}
#adminPanel #editor{
text-align:left;
}
#adminPanel .narrow{
background: #f2f2f2;
text-align:center;
width:5em;
padding:0em;
}
#adminPanel .buttons{
width:32px;
vertical-align:top;
background: #313759;
padding:0em;
}
#adminPanel .avatar{
text-align:center;
background:#f2f2f2;
width:125px;
padding:0em;
}
.createContent{
display:block;
width:100%;
font-size: 20pt;
padding:.2em 0em;
margin:1em 0em;
background: #697df3;
color:black;
}

/*------------ List of houses for Sale -------- */
.houseList{
margin:auto;
padding:0em;
float:right;
}
.houseList li{
margin:0em;
padding:0em;
text-align:center;
float:left;
width:200px;
height:180px;
margin:10px;
}
.houseList li#agents{
float:none;
margin:auto;
width:420px;
clear:right;
height:auto;
text-align:center;
text-decoration:underline;
}
.houseList, .houseList ul{
list-style-type:none;
padding: none;
}
.houseList img{
border:0em;
}
.houseList a {
display:block;
color:black;
text-decoration:none;
font-style:italic;
}
.houseList a:hover{
outline:3px solid white;
*border:3px solid white;
}
.houseList .sold{
position:absolute;
}

/*--------------image Gallery------------*/
.gallery{
    float:right;
    width:100%;
}
.galleryImage{
    display:block;
    margin:0 auto;
    background:#000000;
    color:#ffffff;
}
.galleryItem{
    margin:3px;
    display:block; width:160px; height:220px; overflow:hidden;
    float:left;
    text-decoration:none;
    color:#000000;
}
.galleryItem:hover>img{
outline:3px solid  #f20c0c;
}
.galleryItem .thumbnail{
    display:block;
/*     width:160px; height:120px; */
    background:#000000;
    color:#ffffff;
}
.galleryItem .caption{
    font-size:10pt; text-decoration:none; font-style:italic;
}
.galleryDescription{
    display:block;
    clear:right;
}

/* -------------- Event Calendar ----------- */
.calendar{
    table-layout:fixed;
}
    .calendar caption span{
        display:block; font-size:12px;
    }
    .calendar .leading, .calendar .trailing{background:none;}
    .calendar td{height:100px; vertical-align:top;}
    .calendar .today{background:#f2f2f2;}
    .calendar .date{
        display:block;
        font-size:18px;
    }
    .calendar .events{
        margin:0; padding:0;
        display:block;
        list-style-position:inside;
    }
        .calendar .events a{
            color:#000000;
        }

/*--------------- The Footer -----------*/
#footer{
clear:both;
color:#f2f2f2;
background-color:#313759;
border:5px solid #f2dd72;
border-width:5px 0px;
margin:10px 0;
margin:.5em auto;
width:80%;
min-width:750px;
}
#footer a{
color:#f2dd72;
}