@charset "utf-8";

/**********************************************************************************************************************************************
STRUCTURE
**********************************************************************************************************************************************/

#column_wrapper {
        margin-top: 220px !important;
}

#gradient {
        top: 220px !important;
}

#landing_featured #media,
#landing_featured #gallery {
        width: 400px;
        height: 360px;
        float: left;
}

#landing_featured #other_communities {
        width: 400px;
        float: left;
}

#landing_featured .sidebar,
.sidebar {
        width: 134px; /* 164 is max width w/o margin or padding */
        height: 305px;
        border: 1px solid #CCC;
        float: right;
        margin: 0 5px;
        padding: 10px;
        position: relative;
}

.sidebar {
        border: 0 none;
}

#landing_featured .sidebar .magazine_image {
        position: relative;
        top: -25px;
        left: 15px;
}

#coastal_landing {
        position: absolute;
        bottom: 0;
        left: auto;
        background: url(/assets/images/beach-blue-background.jpg) no-repeat bottom center;
}

#right_coastal_column,
#right_mountain_column {
        width: 260px;
        margin: 0 auto;
        padding: 185px 45px 15px 20px;
        clear: both;
        z-index: 11;
        position: relative;
        display: block;
}

#right_coastal_column {
        background: url(/assets/images/structure/coastal-landing-sidebar-back.jpg) no-repeat top left;
}

#right_mountain_column {
        background: url(/assets/images/structure/mountain-landing-sidebar-back.jpg) no-repeat top left;
}

#ai_header {
        height: 200px;
        z-index: 1;
}

div#gradient {
        background-position: left -180px;
}

div#left_column {
        top: -40px;
        margin-top: 0;
		z-index: 105;
}

div#right_column_wrapper {
        top: 120px;
        width: 286px;
        padding-right: 36px;
}

div#lc_cap_wrapper {
        width: 668px;
        height: 205px;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent url(/assets/images/structure/main-column-back.png) repeat-y;
        z-index: 100;
}

div#lc_top_cap {
        width: 628px;
        height: 350px;
        display: block;
        position: absolute;
        top: -80px;
        left: 19px;
        clear: both;
        z-index: 100;
}

.no_cap {
        top: -60px !important;
}

/**********************************************************************************************************************************************
 DESIGN ELEMENTS
**********************************************************************************************************************************************/

#right_coastal_column hr.double,
#right_mountain_column hr.double {
        width: 200px;
        margin-left: 20px;
}

#right_coastal_column ul + hr,
#right_mountain_column ul + hr {
        margin-top: 0;
}

/**********************************************************************************************************************************************
FONT SIZES & COLORS
**********************************************************************************************************************************************/

#sidebar p {
        font-size: 0.6em;
}

#sidebar a {
        color: #599DB6;
        text-decoration: none;
}

#sidebar a:hover {
        border-bottom: 1px dotted #599DB6;;
}

#right_coastal_column h2 {
        color: #335A68;
        width: 100%;
}

#right_mountain_column h2 {
        color: #9B422D;
        width: 100%;
}

#right_coastal_column p {
        color: #4C869B;
        width: 260px;
}

#right_mountain_column p {
        color: #9B422D;
        width: 260px;
}

#right_mountain_column .date {
        color: #873C30;
        font-style: italic;
}

#right_coastal_column .date {
        color: #599DB6;
        font-style: italic;
}

#right_coastal_column h3,
#right_mountain_column h3 {
        font: normal 0.7em Arial, Helvetica, sans-serif;
        float: left;
        clear: left;
        margin-bottom: 0;
}

#right_coastal_column h3 a {
        text-decoration: none;
        color: #4C869B;
}

#right_mountain_column h3 a {
        text-decoration: none;
        color: #9B422D;
}

#right_coastal_column h3 a:hover {
        border-bottom: 1px dotted #4C869B;
}

#right_mountain_column h3 a:hover {
        border-bottom: 1px dotted #9B422D;
}

#right_coastal_column p.minilink,
#right_mountain_column p.minilink {
        clear: right;
        width: auto;
        margin-right: 60px;
}

#right_coastal_column .minilink a {
        color: #4C869B !important;
}

#right_mountain_column .minilink a {
        color: #9B422D !important;
}

.small_thumbs ul {
        margin: 0 0 15px 0;
        clear: both;
}

.small_thumbs li {
        float: left;
        padding: 0 10px 0 0;
        list-style-type: none;
}

.small_thumbs li a img {
        border: 1px solid #9b422d;
        padding: 2px;
}

#right_coastal_column .small_thumbs li a img {
		border-color: #5EA5BE !important;
}

h2#location {
        margin-top: 0;
}

#microsite_coastal_column h2 {
        color: #599DB6;
}

#microsite_column h2 {
        color: #AC7A55;
}


/**********************************************************************************************************************************************
LIST STRUCTURES, FONTS & COLORS
**********************************************************************************************************************************************/

ul.horizontal {
        width: 270px;
}

ul.thumbs li img {
        width: 90px;
        height: 68px;
}

/**********************************************************************************************************************************************
FORM ELEMENTS
**********************************************************************************************************************************************/

#right_coastal_column input.button {
        color: #335A68;
}