/*
Theme Name: CedarRidge Custom Theme
Theme URI: http://itsopro.com
Author: Itsopro.com
Author URI: http://itsopro.com
Description: Custom theme for http://www.cedarridgeatcollegestation.com/.
Version: 1.0
*/

/* General */
body { background-color: #232323; font-family: 'Lucida Sans Unicode'; font-size: 13px; }
html { overflow-y: scroll; }
a { text-decoration: none; }
input[type="search"], input[type="text"], input[type="email"], textarea { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #BBBBBB; border-radius: 5px 5px 5px 5px; color: #7E7E7E; padding: 5px 0 6px 8px; }
textarea { height: 250px; width: 500px; }
button.searchbutton { background-image: url("images/search.png"); background-color: #705536; border: 1px solid #614023; border-radius: 5px 5px 5px 5px; height: 30px; text-indent: -999em; width: 32px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; cursor: pointer; }
p { margin-bottom: 15px; }
.container { overflow: hidden; }
h1 { font-family: 'Verdana'; font-size: 45px; color: #383838; font-variant: small-caps; line-height: 45px; margin-bottom: 20px; }
h2 { font-weight: bold; margin-bottom: 10px; }
h1.missingpage { font-size: 20px; font-variant: normal; }
.clear { clear: both; }
a { color: #3a7587; }
    a:hover { text-decoration: underline; }
.post { margin-bottom: 20px; }
strong { font-weight: bold; }
#ZoomImage { border: 1px solid #fff; }
.alignright { float: right; }
.small { font-size: 11px; }

/* Wrappers */
#headerWrapper { background: #232323; height: 80px; }
#toolbarWrapper { background: #333333; }
#tabWrapper { background: #d7d7d7; }
#contentWrapper { background: #d2d1d0 url('images/contentbg.png') repeat-x; }
#footerWrapper { background: #333333; height: 130px; }
#copyWrapper { background: #232323; height: 70px; }
#header, #toolbar, #tabs, #copy, #content { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; }
#tagline { float: left; color: #fff; font-size: 20px; padding-top: 30px; margin-left: 40px; font-family: 'Open Sans', sans-serif; font-weight: bold; font-style: italic; }
/* Header */
#logo { float: left; margin-top: 10px; }
#mainMenu { float: right; margin-top: 25px; }

#toolbar { padding-top: 10px; height: 55px; }
#toolbarMenu { margin-top: 10px; margin-left: 170px; float: left; }
    #toolbarMenu li { float: left; margin-right: 65px; }
        #toolbarMenu li a { color: #c9c9c9; text-decoration: none; font-size: 20px; }
            #toolbarMenu li a:hover { color: #ffffff; }
#searchbox { float: right; margin-top: 5px; margin-right: 20px; }

/* Apartment Tabs */
#tabs { padding-top: 10px; height: 100px; }
    #tabs h1 { font-size: 35px; float: left; }
    #tabs button { float: right; margin-right: 70px; }
    #tabs ul { margin-top: 10px; }
    #tabs li { float: left; height: 27px; line-height: 27px; }
    #tabs div { background: url("images/tabs.png") no-repeat scroll 0 -54px transparent; float: left; height: 27px; width: 26px; }
    #tabs ul a { background: url("images/tabs.png") repeat-x scroll 0 -297px transparent; color: #555555; float: left; padding: 0 8px; }
    #tabs a:hover, #tabs a:focus { color: #333333; text-decoration: none; }
    #tabs .last .last { background: url("images/tabs.png") no-repeat scroll 0 -108px transparent; width: 21px; }
    #tabs li:first-child div:first-child, #tabs .selected:first-child div:first-child { width: 9px; }
    #tabs li:first-child div:first-child { background: url("images/tabs.png") no-repeat scroll 0 -189px transparent; }
    #tabs .selected a { background: url("images/tabs.png") repeat-x scroll 0 -324px transparent; }
    #tabs .selected div { background: url("images/tabs.png") no-repeat scroll 0 0 transparent; }
    #tabs .selected.last .last { background: url("images/tabs.png") no-repeat scroll 0 -135px transparent; }
    #tabs .selected + li div { background: url("images/tabs.png") no-repeat scroll 0 -27px transparent; }
    #tabs .selected:first-child div:first-child { background: url("images/tabs.png") no-repeat scroll 0 -243px transparent; }
    #tabs .right { float: right; }
        #tabs .right li:first-child div:first-child, #tabs .right .selected:first-child div:first-child { width: 21px; }
        #tabs .right li:first-child div:first-child { background: url("images/tabs.png") no-repeat scroll 0 -81px transparent; }
        #tabs .right .last .last { background: url("images/tabs.png") no-repeat scroll 0 -216px transparent; width: 9px; }
        #tabs .right .selected.last .last { background: url("images/tabs.png") no-repeat scroll 0 -270px transparent; }
        #tabs .right .selected:first-child div:first-child { background: url("images/tabs.png") no-repeat scroll 0 -162px transparent; }

.tabpage { display: none; padding-top: 10px; width: 880px; }
#details { display: block; }
    #details .slide { text-align: center; }
        #details .slide img { box-shadow: 5px 5px 5px #333333; margin-bottom: 40px; }
    #details .leftBox { float: left; }
    #details .rightBox { float: left; margin-left: 100px; }

#features .leftcol { float: left; width: 400px; margin-right: 20px; }
#features .rightcol { float: left; width: 400px; }
#features ul { list-style-image: url('images/rightarrow.png'); }
    #features ul li { margin-left: 40px; }
#features .text { margin-top: 15px; font-family: 'Lucida Sans Unicode'; font-size: 13px; font-style: italic; }

#floorplans table thead tr th { font-weight: bold; padding-bottom: 10px; }
    #floorplans table thead tr th:first-child { width: 250px; }
    #floorplans table thead tr th:nth-child(2) { width: 100px; }
    #floorplans table thead tr th:nth-child(3) { width: 150px; }
#floorplans table tbody tr td a { color: #3a7587; }
    #floorplans table tbody tr td a:hover { text-decoration: underline; }
#floorplanViewer { display: none; border: 1px solid #000; background: #eee; padding: 20px; border-radius: 5px; box-shadow: 5px 5px 5px #333333; position: fixed; z-index: 100; top: 50%; left: 50%; margin: -300px 0 0 -450px; width: 700px; }
    #floorplanViewer img { border: 1px solid #000; }
#loader { text-align: center; }
#floorplanViewer #closeBox { float: right; border: none; cursor: pointer; }
#map { margin-left: 70px; }
    #map iframe { height: 400px; width: 700px; border: 0; border: 1px solid #fff; box-shadow: 5px 5px 5px #333333; margin-bottom: 10px; }

/* Main Content */
#contentWrapper { padding-bottom: 20px; }
#content { padding: 10px; color: #313030; font-family: verdana; font-size: 14px; line-height: 18px; }

#home { overflow: hidden; margin-bottom: 20px; }
    #home #mainImage { float: left; display: block; width: 496px; height: 310px; margin-right: 20px; margin-left: 70px; }
    #home #rightSection { float: left; width: 218px; height: 350px; }
    #home #sign { display: block; width: 218px; height: 142px; }
    #home img { height: 115px; border-radius: 5px; box-shadow: 5px 5px 5px #333333; margin-bottom: 10px; }
    #home #specials { text-align: center; padding: 30px; display: block; width: 158px; height: 88px; background: url('images/specialsbg.png') #707070; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #fff; border-radius: 5px; box-shadow: 5px 5px 5px #333333; margin-bottom: 20px; }
        #home #specials h2 { font-size: 20px; margin-bottom: 15px; }
        #home #specials p { line-height: 22px; }
        #home #specials a { color: #fff; }
.bottomSection { }
.assistive-text { display: none; }

.subtitle { text-align: center; font-weight: bold; margin-top: -20px; margin-bottom: 20px; }

#photos img { border: 1px solid #000; box-shadow: 2px 2px 2px #aaa; margin-right: 10px; width: 150px; }

/* application */
.applicationBox { background-color: #ffffff; padding: 5px; border-radius: 5px; border: 1px solid #000; box-shadow: 2px 2px 2px #aaa; float: left; margin-right: 15px; text-align: center; }
    .applicationBox img { margin-bottom: 20px; border: 1px solid #000; box-shadow: 2px 2px 2px #aaa; }
#yardarmForm, #kingstonForm, #shoresForm, #peachtreeForm { display: none; }

.contactcolumn { float: left; margin-right: 50px; }

/* Footer */
#footer { text-align: center; }
#copy { color: #ded9cd; text-align: center; margin-top: 20px; font-family: verdana; font-size: 11px; }
    #copy a { color: #cda869; text-align: center; margin-top: 10px; font-family: verdana; font-size: 11px; }
#branding { text-align: center; margin-top: 10px; color: #ded9cd; font-size: 10px; }
    #branding a { color: #f2a520; }
#logos { text-align: center; margin-top: 10px; }
    #logos #equalHousing { display: inline-block; width: 31px; height: 25px; background: url('images/equalHousing.png') no-repeat; margin-right: 10px; }
    #logos #wheelChair { display: inline-block; width: 22px; height: 25px; background: url('images/wheelchair.png') no-repeat; }