@import "verticlemenu.css";
@import "xaraya.css";
/* ----------------------------------------------

    Template Name : Unbound
    Template Code : S-0023
    Version : 1.0   
    Author : Erwin Aligam
    Author URI : http://www.styleshout.com/       
    Last Date Modified : April 17, 2008 

    Ported to Xaraya by Jo and Dan
    Xaraya version: 1.0.0
    Website: http://xarigami.com
 
 ------------------------------------------------ */

 

/* ----------------------------------------------

   HTML ELEMENTS

------------------------------------------------- */ 



/* Top Elements */

* { margin: 0; padding: 0; outline: 0 }



body {

    font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;

    color: #666666;     

    margin: 0; padding: 0 0 50px 0; 

    background: #070707 url(../images/bg.jpg) repeat-x;

    text-align: center;

}



/* Links */

a {

    text-decoration: none;

    color: #A56F38;     

}

a:hover {

    background: #F0f0f0; 
    color: #000;
    border-bottom: 1px dotted #000;

}



/* Headers */

h1, h2, h3 {

    font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;

    color: #111;

    padding: 15px 10px 5px 10px;

    margin: 0;

}

/* Used for header in original theme, we use div instead
h1 {

    font-size: 345%;    
    font-weight: normal;
    letter-spacing: -2px;   

}
*/
h1 {
    font-size: 190%;
    color: #663333;     
}

h2 {

    font-size: 170%;
    color: #663333; 

}

h3 {

    font-size: 170%;    

    font-weight: normal;    

}



p, dl { padding: 10px; margin: 0; }



ul, ol {

    margin: 10px 20px;

    padding: 0 20px;

}

ul { list-style: none; }



dt {

  font-weight: bold;

  color: #895F30;

}

dd {

  padding-left: 25px; 

}



/* Images */

img {

    background: #fafafa;

   border: 1px solid #dcdcdc;

    padding: 5px;

}

img.float-right {

    margin: 5px 0px 10px 10px;  

}

img.float-left {

    margin: 5px 10px 10px 0px;

}



code {

    margin: 5px 0;

    padding: 15px;

    text-align: left;

    display: block;

    overflow: auto;  

    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;

    /* white-space: pre; */

    border: 1px solid #EBEBEB;

    background: #F0F0F0;  

}

acronym {

  cursor: help;

  border-bottom: 1px dotted #895F30;

}

blockquote {

    margin: 15px 10px;

    padding: 10px 10px 10px 35px;  

   border: 1px solid #F0F0F0;

    background: #F0F0F0 url(../images/quote.jpg) no-repeat 10px 10px;

    font-weight: normal;

    font-size: 17px;

    line-height: 1.5em;

    font-style: italic;

    font-family: Georgia, "Times New Roman", Times, serif;  

    color: #555;    

}



/* start - table */

table {

    border-collapse: collapse;

    margin: 15px 10px;  

}

th {

    color: #555;

    background: #E6E6E6;

    height: 38px;

    padding-left: 12px;

    padding-right: 12px;

    text-align: left;   

    

    border-width: 1px;

    border-style: solid;

    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;  

}

tr {

    height: 34px;   

    background: #fff;

}

td {

    padding-left: 11px;

    padding-right: 11px;

    border: 1px solid #ECECEC;  

}   

/* end - table */



/* form elements */

form {

    margin: 15px 10px; padding: 5px 10px 20px 10px;

    border: 1px solid #f1f1f1; 

    background: #fdfdfd;    

}

label {

    display: block;

    font-weight: bold;

    margin: 8px 0 5px 0;

    color: #895F30;

}

#search_form label {
    width: auto;
    display: inline;
    font-size: smaller;
    font-weight: normal;
}
input, select {

    padding: 4px;

    font: normal 1em Verdana, sans-serif;

    color: #666666;

    background: #fff;   

}

textarea {

    width: 350px;

    padding: 4px;

    font: normal 1em Verdana, sans-serif;

    height: 100px;

    display: block;

    color: #666666;

}

input, textarea, select {

    background: #fff;

    border-width: 1px;

    border-style: solid;

    border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 

}



input.button { 

    font: bold 12px Arial, Sans-serif; 

    height: 30px;

    margin: 0;

    padding: 2px 3px; 

    color: #555;

    background: #E6E6E6;

    

    border-width: 1px;

    border-style: solid;

    border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;

}



/* search form */

.searchform {

    background-color: transparent;

    border: none;   

    margin: 0; padding: 12px 0 15px 8px;    

    width: 190px;   

}

.searchform p { margin: 0; padding: 0 0 10px 0; }

.searchform input.textbox { 

    width: 115px;

    color: #666666; 

    height: 18px;

    padding: 2px;   

    vertical-align: top;

}

.searchform input.button { 

    width: 60px;

    height: 24px;

    padding: 2px 5px;

    vertical-align: top;

}



/* ------------------------------------------

   LAYOUT

------------------------------------------- */ 

#header-wrap {

    position: relative;

    background: #fff url(../images/wrap-bg.jpg) no-repeat;

    margin: 0 auto;

    width: 940px;

    height: 385px;

    text-align: left;   

}

#header-photo {

    position: absolute;

    top: 90px; left: 24px;  

    padding: 0;     

    height:290px; 

    width: 890px;

    clear: both;

    /* border: 1px solid #F0F0F0; */

}

#header-photo img {

    border: none;

    margin: 0; padding: 0;

} 



/*  Navigation  */

#nav {

    position: absolute;

    margin: 0; padding: 0;      

    width: 880px;   

    left: 25px; top: 0px;   

}

#nav ul {

    float: left;

    list-style: none;

    width: 880px;       

    height: 40px;

    margin: 0; padding: 0;  

    display: inline;

}

#nav ul li {

    display: inline;

    margin: 0; padding: 0;

}

#nav ul li a {

    float: left;

    margin: 0;  padding: 18px 11px 0 11px;

    font: bold 14px/35px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;

    text-decoration: none;  

    color: #070000; 

}

#nav ul li a:hover, 

#nav ul li a:active {

    color: #663333;
    background: none;
    border: none;

}

#nav ul li#current a {  
    color: #000;    
    background: #d5d3d6 url(../images/nav-current.jpg) repeat-x;
    border-bottom: 1px solid #CECECE;

}


#logo-text, #intro {text-indent: -5000px;}

#header-wrap div#logo-text a, #header-wrap div#logo-text a:hover
{
    position: absolute;
    margin: 0; padding: 0;
    font: normal 42px Georgia, 'Times New Roman', Times, serif;
    letter-spacing: -1.5px;
    color: #070000;
    text-decoration: none;
    background: none;
    border-bottom: none;
    /* change the values of top and left to adjust the position of the logo*/

    top: 155px; left: 48px; 
/*!important;*/ /* typo? */ 
}
/* Not used in xaraya version - use div instead of h1 here
#header-wrap h1#logo-text a:hover {
    background: none;   border: none;
}
*/
#header-wrap p#intro {

    position: absolute;

    margin: 0; padding: 0;

    font-family: Georgia, 'Times New Roman', Times, serif;

    font-weight: normal;

    font-size: 14px;

    line-height: 1.6em;

    font-style: italic;

    text-transform: none;

    color: #663333;

    width: 200px;

    

    /* change the values of top and left to adjust the position */

    top: 205px; left: 60px;     

}



/* header quick search */

#header-wrap form#quick-search {

    position: absolute;

    top: 25px; right: 25px;

    padding: 0; margin: 0;

    width: 260px; height: 26px;

    background: #fff;   

    z-index: 999999;

    border: 1px solid #D8D8D8;      

}

#header-wrap form#quick-search p {

    margin: 0; padding: 0;      

}

#header-wrap form#quick-search .tbox {

    margin: 2px 0 0 4px; 

    width: 210px;

    background: none;

    border: none;

    color: #ABABAB;

}

#header-wrap form#quick-search label,

#header-wrap form#quick-search .btn {

    display: none;  

}

#topquote p.topblockquote {

    position:absolute;
    top:10px;
    height:70px;
    right:1em;
    width:  50%;
    text-align: right;
    line-height:1.5em;

    }
#topquote p.topblockquote em {
    display:block;
    text-align:right;
    margin-right:1em;
    }
span.topquote {
    background:transparent;
    color:#666;
    font-size:2em;
    height:3em;
    vertical-align:bottom;
    }


#content-outer {

    background: #fff;

    width: 100%;

}

#content-wrapper {

    width: 940px;

    margin: 0 auto; 

    text-align: left;

}

#content {

    float: left;

    width: 100%;

    background: #fff url(../images/content-bg.jpg) no-repeat;       

}



.col-one {

    margin-right: 480px;

    padding-left: 25px;
    margin-top: 12px;

}

.col-two {

    float: left;

    width: 210px;

    margin-left: -455px;

    margin-top: 12px;

}

.col-three {

    float: left;

    width: 210px;

    margin-left: -235px;

    margin-top: 12px;

}

.col-one-admin {
    width: 665px;
    padding-left: 25px;
}
.col-two-admin {
    float:left;
    width: 210px;
    margin-left: -235px;
    margin-top: 12px;
}

.col-one, .col-two, .col-three {

    padding-bottom: 20px;

}



#content .col-one h1,#content .col-one h2 {
    padding-bottom: 3px;

    font: normal 3.4em "Trebuchet MS", Tahoma, Arial, Sans-serif;
    color: #000;
    letter-spacing: -2px;   
    text-transform: none;
    border-bottom: 1px solid #ebebeb;   
    margin-left: 5px;
    padding-left: 5px;
    font-size: 2.5em;
    
}

#content .col-one h1 a, #content .col-one h2 a {

    color: #000;
    text-decoration: none;  
    background: none; 
    border: none;

}

#content .col-one ul li {

    list-style-image: url(../images/bullet.gif);

}

#content-wrapper .col-two h3, 

#content-wrapper .col-three h3 {

    color: #111;

    font: normal 1.8em "Trebuchet MS", Tahoma, Arial, sans-serif;

    text-transform: none;

    letter-spacing: -0.5px;

    padding: 5px 10px;

    margin: 15px 0 5px 0;

}



/* sidebar menu */

ul.sidemenu {

    text-align: left;

    margin: 7px 5px 8px 0px; padding: 0;

    text-decoration: none;      

    background: url(../images/dots.gif) repeat-x left top;

}

ul.sidemenu li {

    list-style: none;

    background: url(../images/dots.gif) repeat-x left bottom;

    padding: 6px 10px;

    margin: 0;      

}

* html body ul.sidemenu li {

    height: 1%;

}

ul.sidemenu li a {

    text-decoration: none;  

    background-image: none; 

    background-color: transparent;

    border: none;

    color: #666666;     

}

ul.sidemenu li a span {

    color: #989898; 

    font-family: Georgia, "Times New Roman", Times, serif;

    font-style: italic;

    font-weight: normal;    

    font-size: 1em;

}

ul.sidemenu li a:hover {    

    color: #000;    

    background: none;

    border: none;

}

ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }

ul.sidemenu ul li { background: none; }





/* footer */

#footer-wrapper {

    clear: both;

    width: 940px;

    margin: 0 auto;

    text-align: left;

    font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;          

}

#footer-wrapper h3, #footer-wrapper p {

    padding-left: 0;

}

#footer-wrapper h3 {

    font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;

    color: #ABABAB; 

}

#footer-wrapper a {

    color: #fff;

    background: transparent;

}



#footer-wrapper ul.footer-list {

    border-top: 1px solid #111;

    list-style: none;

    padding: 0; 

    margin-left: 0; 

}

#footer-wrapper ul.footer-list li {

    border-bottom: 1px solid #111;

}

#footer-wrapper ul.footer-list li a {

    display: block;

    width: 98%;

    line-height: 2em;

    font-weight: bold;

    padding: 4px 0;

    border: none;

    margin-left: 0;

    padding-left: 0;

    color: #666666;

}

#footer-wrapper ul.footer-list li a span {

    color: #444;

    font-style: italic;

    font-weight: normal;

    font-family: Georgia, 'Times New Roman', Times, serif;

}

#footer-wrapper ul.footer-list li a:hover,

#footer-wrapper ul.footer-list li a:hover span {

    color: #fff;

    text-decoration: none;  

}



#footer {

    float: left;    

    width: 100%;    

    padding: 0;             

    margin-left: 5px;   

    margin-top: 10px;

}

#footer-bottom {

    clear: both;

    border-top: 1px solid #111;

    width: 880px;

    margin: 0 auto; 

}

#footer-bottom .bottom-left {

    float: left;

    padding-left: 5px;  

}

#footer-bottom .bottom-right {

    text-align: right;

    padding-right: 0;

}



/* postmeta */

.postmeta { 

    padding: 5px; margin: 20px 10px 15px 10px;  

    font-size: 1em; 

    color: #777;

    border: 1px solid #EBEBEB;

    background: #F5F5F5;

}

.postmeta a { background: transparent; }

.postmeta .date{ margin: 0 10px 0 5px;  }

.postmeta a.comments { margin: 0 10px 0 5px;    }

.postmeta a.readmore { margin: 0 10px 0 5px;    }



.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; }

.post-info a { color: #000; }



/* thumbnails */

p.thumbs{ padding: 12px 0 0 10px; }



.thumbs img { 

    position: relative;

    padding: 4px;

    margin: 5px;

    background: #fafafa;

   border: 1px solid #dcdcdc;   

}

.thumbs img:hover   {

    border: 1px solid #8E8E8E;

    background: #8E8E8E;    

}

.thumbs a:hover { background-color: transparent; border: none }



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }



/* clearing */

.clearer { clear: both; }

.clear {    display:inline-block; }

.clear:after {

    display:block; 

    visibility:hidden; 

    clear:both; 

    height:0; 

    content: "."; 

}

/* ---[Property Listings]---*/
dl.propertylisting {
    margin: 1em;
    padding: 0;
}
dl.propertylisting dt{
    float: left;
    width: 12em;
    font-weight: bold;
    clear: left;

}
dl.propertylisting p {
    margin: 0;
    padding: 0;
}
dl.propertylisting dd, dl.propertylisting p {
    float: left;
    font-weight: normal;
    display: block;
}
dl.checklists dd input{
}
dl.checklists dd label {
    margin-left: 2em;
    margin-top: -1.5em;
}

dl.photolisting dt{

}
dl.photolisting dd div{
        margin-left: 5em;
        margin-top: -1.6em;
}
dl.photolisting dd div input {
        width: auto;
    }
dl.photolisting dd input {
    width: 25em;
    clear: left;
    margin-left: 5em;
    margin-top: -1.6em;
}
div#latestlistings ul  {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 ;
    padding-right: 0;
}
div#latestlistings ul li {
    margin: 0;
    display: inline;
}
div#latestlistings ul li a img{
    padding: 2px;

}


/*sorry stickin crap here */
#random-blob {
position:absolute;
right:10px;
bottom:10px;
width:350px;
width:auto;
height:25px;
text-align:right;
font-weight:bold;
background:#efefef;
padding:0 12px 6px;
border:1px solid #fff;
border-right-color:#aaa;
border-bottom-color:#aaa;
}
#random-blob h3 {
margin:0;padding:0;font-size:1em;
}
#random-blob p {
margin:0;padding:0;margin-top:-5px;font-size:0.9em;
}

.insidetag {
line-height:8px;
margin-top:-11px;
text-align:center;
display:block;
width:50px;
height:10px;
float:right;
background:#000;
color:#fff;
font-size:9px;
}