/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/
/* 
         COLORS AND SUCH FOR NIPTASTICS

Links: #7ED8B5
white: #f4f4f4
gray: #666666

*/

/************* THE BASICS ****************/
.custom .clearfloats {clear: both;}
 body {background: #efefef;}
 .custom .format_text a {text-decoration: none;}
.custom .page {background: transparent;}
.custom #content .headline_area {display: none;}
.custom #content_area {height: 100%; min-height: 800px;}

/************* NAV MENU *******************/
.custom #nav_area {background:#efefef;}
.custom #nav_area .page {background:#efefef;}
.menu {float: right;}
.custom .menu a {font-weight: bold; font-size: 14px; letter-spacing: 0;}



/****************** HOME PAGE *********************/
.custom #post-30 {width: auto;}
.custom #phototeaser {padding-top: 20px;}


.custom .introgroup {
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    margin-bottom: 30px;
    margin-left: 7px;
    margin-top: 20px;
    width: 885px;
}

.custom .introtext {
    font-size: 15px;
    float: left;
    margin: 20px;
    width: 255px;
}

.custom .introtext h3 {text-transform: uppercase; color: #7ED8B5;}

.custom .homebutton h2 {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 4px double #BBBBBB;
    color: #7F7F7F;
    display: block;
    float: left;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 15px;
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
}
.custom .buttongroup {display: block; background: #ffffff;}

.custom .homebutton h2 a {color: #7f7f7f;}
.custom .homebutton h2 a:hover {color: #303030;}



/************CONTACT PAGE***************/

/*CONTACT DIV*/
.custom #contactwrapper {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #BBBBBB;
    height: 100%;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 20px;
}

.custom #message {width: 500px;}

.custom #send {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #7F7F7F;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 75px;
}

.custom #send:hover {color: #7ED8B5; cursor: pointer;}

.custom .sidebutton {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #BBBBBB;
    color: #7F7F7F;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 25px;
    padding: 45px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 135px;
}

.custom .sidebutton a {color: #7ED8B5;}
.custom .sidebutton a:hover {color: #7f7f7f; text-decoration: none;}

/*************ABOUT PAGE**************/
.custom #post-32 {width: 100%;}
.custom .aboutphoto {float: left; width: 450px;}
.custom .aboutcopy {
    float: left;
    height: 100%;
    margin-right: 25px;
    padding-left: 10px;
    padding-top: 45px;
    text-align: justify;
    width: 275px;
}

.custom #allabout {
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    width: 760px;
}

/***************** GALLERY PAGE ***************/
.custom #post-10 {width: auto;}
.custom #maingallery {width: 885px; margin-left: auto; margin-right: auto;}
.custom #galleryheader {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 4px double #BBBBBB;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
.custom #galleryheader h1 {text-transform: uppercase;}
.custom .gallery {width: 275px; height: 275px; float: left; margin: 10px;}
.custom .gallerycopy {
    float: left;
    font-size: 18px;
    height: 100%;
    letter-spacing: 1px;
    line-height: 28px;
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: center;
    width: 255px;
}

/*********** FOOTER ***********/
.custom #footer {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 50px;
}
.custom #footer a {color: #fff; text-transform: uppercase; font-weight: bold; border: none;}
.custom #footer a:hover {color: #7ED8B5;}
.custom #footer_area {background: none repeat scroll 0 0 #666666;}
.custom #footer_area .page {background: none repeat scroll 0 0 #666666;}

.custom .footertext {text-align: center;}
.custom .footermenu {letter-spacing: 1px;}