/*
Theme Name: BookNow
Theme URI: http://www.s5themes.com/theme/boldy/
Description:  Boldy - Check <a href="http://www.s5themes.com/documentation/boldy/">Boldy Documentation</a> in case you need directions or get support from <a href="http://forums.site5.com/forumdisplay.php?f=104">Forum</a>.
Author: Site5.com
Author URI: http://gk.site5.com/t/542
Version: 2.0.5
License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
*/

/* MAIN STYLES
-------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}

body, html {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background: url(images/bk_body.jpg);
    line-height: 135%;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #1FA2E1;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

p {
    margin: 0 0 1.5em;
}

h1, h2, h3 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 100%;
    padding-bottom: 15px;
}

h1 {
    font-weight: normal;
}

h1 a:hover {
    text-decoration: none;
    color: #333;
}

h2 {
    font-size: 20px;
    padding-top: 10px;
    font-weight: normal;
}

h3 {
    font-size: 17px;
    padding-top: 10px;
}

/* LAYOUT STRUCTURE
--------------------------------------------------*/
body#home #mainWrapper {
    /*background: url("images/bk_main_wrapper_home.png") repeat-x scroll 0 0 transparent;*/
}

#mainWrapper {
    /*background: url("images/bk_main_wrapper.png") repeat-x scroll 0 0 transparent;*/
}

#wrapper {
    margin: 0 auto;
    width: 960px;
}

header {
    height: 190px;
    position: relative;
    background: url("images/bk_header.png") repeat-x scroll 0 70px transparent;
    opacity: 0.95;
    z-index: 2;
}

#content {
    padding-bottom: 20px;
    overflow: hidden;
    background: url(images/bk_vertline.jpg) 695px 0 repeat-y;
    margin-top: 35px;
}

body#home #content {
    margin-top: 20px;
}

body#home #content, body#portfolio #content, body.page-template-fullwidthpage-php #content {
    background: none;
}

body.page-template-fullwidthpage-php #content section {
    width: 960px;
}

#content section {
    float: left;
    width: 670px;
    margin-right: 50px;
    padding-top: 10px;
}

#colFull section {
    width: 100%;
}

#content aside {
    float: left;
    width: 240px;

}

footer {
    margin: 10px 0 0;
    color: #666;
    position: relative;
    padding-top: 35px;
    font-size: 12px;
}

#footerActionsInner {
    width: 960px;
    margin: 0 auto;
    padding: 32px 0 0;
    overflow: hidden;
}

#footerWidgets {
    background: url("images/bk_footer.jpg") 0 20px repeat-x;
    padding-top: 32px;
}

#footerWidgetsLinks {
    width: 960px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    top: -6px;
}

#footerWidgets a {
    color: #969694;
    padding-right: 15px;
}

#footerWidgetsInner {
    background: url("images/bk_copyright.jpg") 0 0 repeat-x;
    margin: 0 auto;
    overflow: hidden;
    background-color: #3F2D21;
    padding: 0 25px;
}

#owners {
    padding: 8px;
    color: #fff;
    font-family: Georgia;
    font-size: 12px;
}

/* HEADER ELEMENTS
-----------------------------------*/

/* -- logo --*/
#logo {
    position: absolute;
    top: 110px;
    left: 0;
}

#logo a {
    font-family: Georgia;
    font-size: 36px;
    font-weight: bold;
    color: #333;
    padding-top: 30px;
    letter-spacing: -1px;
    display: block;
}

#logo a:hover {
    text-decoration: none;
}

#logo span {
    clear: both;
    color: #666666;
    display: block;
    font-size: 11px;
    margin-top: -10px;
    text-transform: uppercase;
}

#logo a img {
    border: none;
    z-index: 2;
    left: 20px;
    position: absolute;
    top: -90px;
}

#mainMenu {
    position: absolute;
    left: 178px;
    top: 77px;
}

#mainMenu ul li {
    float: left;
    height: 30px;
}

#mainMenu ul li a:first-of-type, #mainMenu ul li a:first-of-type:hover {
    padding-left: 4px;
}

#mainMenu ul li + li a:before {
    content: "|";
    padding-right: 0;
    margin-left: -14px;
    padding: 10px;
}

#mainMenu ul li a {
    display: block;
    height: 30px;
    color: #fff;
    padding: 0px 10px 0 0;
    font-size: 12px;
}

#mainMenu ul li a span {
    font-size: 10px;
    color: #999;
    line-height: 120%;
}

#mainMenu ul li a:hover {
    text-decoration: none;
    background-color: #F9F3E9;
    color: #A2253B;
    height: 21px;
}

#mainMenu.ddsmoothmenu ul li ul li a {
    text-decoration: none !important;
    background-color: #A3263C !important;
    color: #fff !important;
    height: 17px !important;
    padding: 7px !important;
}

#mainMenu.ddsmoothmenu ul li ul li a:hover {
    text-decoration: none !important;
    background-color: #F9F3E9 !important;
    color: #A2253B !important;
    height: 17px !important;
    padding: 7px !important;
}

#mainMenu ul li ul li a:hover {
    background: #132325;
}

/* phone numbers button */
#phone_numbers {
    background-color: #CA8491;
    border: #fff solid 1px;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 180px;
    height: 38px;
    opacity: 0.95;
    z-index: 3;
    color: #fff;
    font-size: 10px;
    padding: 5px 0 0 10px;
}

/* book now button */
#book_now {
    background: url("images/btn_book_now.jpg") no-repeat;
    border: #fff solid 1px;
    position: absolute;
    top: 150px;
    right: 15px;
    width: 189px;
    height: 94px;
    opacity: 0.95;
    z-index: 3;
}

/* top social links */
#topSocial {
    position: absolute;
    right: 0;
    top: 120px;
}

#topSocial ul li {
    float: left;
    padding: 0 5px;
    width: 50px;
}

#topSocial ul li a {
    display: block;
    height: 47px;
    width: 47px;
    background: url(images/bk_topsocial.png) 0 0 no-repeat;
}

#topSocial ul li a img {
    border: none;
    margin-top: 9px;
    margin-left: 8px;
}

#topSocial ul li a:hover {

    /*background:url(images/bk_topsocial_hover.png) 0 0 no-repeat;*/
    background: none;
}

/* Top Search */
#topSearch {
    position: absolute;
    right: 5px;
    top: 25px;
}

/* CONTENT ELEMENTS
-------------------------------------------*/
.alignleft {
    float: left;
    margin: 5px 15px 5px 0;
}

.alignright {
    float: right;
    margin: 5px 0 5px 15px;
}

/* homeboxes */
#homeBoxes {
    overflow: hidden;
    position: relative;
    top: 180px;
    height: 700px;
}

#homeBoxes a:hover {
    text-decoration: underline;
}

#homeBoxes .homeBox {
    width: 222px;
    float: left;
    margin-right: 16px;
    height: 296px;
    background: url("images/bk_vertline.jpg") repeat-y scroll 220px 0 transparent;
    padding: 10px;
}

#homeBoxes .homeBox ul {
    margin: 0 !important;
    list-style: inside;
    width: 200px;
}

#homeBoxes .homeBox p {
    width: 200px;
}

#homeBoxes .homeBox2 {
    position: absolute;
    top: 315px;
}

.homeBox2 a {
    float: right;
    margin-right: 25px;
}

#homeBoxes .homeBox img:hover {
    border-color: #F9F9F9;
}

#homeBoxes .last {
    background-image: none !important;
    width: 682px;
}

#homeBoxes .last h2 {
    background: url("images/box_header_large.jpg") no-repeat !important;
    margin-right: 0;
    width: 700px;
}

#celestine {
    background-color: #fff;
    width: 680px;
    height: 190px;
    padding: 10px;
    position: relative;
    right: 9px;
    top: -10px;
}

#celestineImg {
    border: 6px solid #E2E2E2;
    background: #fff;
    padding: 1px;
    float: left;
}

#celestineContent {
    float: right;
    width: 440px;
}

#celestineContent p {
    width: 440px !important;
}

.btn_book_now {
    float: right;
    position: relative;
    top: -10px;
}

#address {
    float: left;
}

#address h4 {
    font-size: 16px;
}

#address p {
    width: 300px !important;
    margin: 0 !important;
}

#how_to_arrive {
    margin-top: 10px;
}

#map {
    float: right;
}

#homeBoxes .homeBox h2 {
    /*padding: 0px 0 10px;*/
    color: #fff;
    font-weight: normal;
    font-size: 19px;
    background: url("images/box_header_small.jpg") no-repeat;
    border: 1px solid #bdb6b1;
    padding: 10px 0;
    text-align: center;
    font-family: Georgia;
    letter-spacing: 0 !important;
    left: -10px;
    position: relative;
    top: -10px;
}

.more-link {
    padding: 20px 0 0 0;
}

/* home blurb */
#blurb {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 15px 20px 25px;
    text-shadow: 1px 1px #fff;
    background: url(images/bk_blurb.jpg) 0 100% repeat-x;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 25px;
}

#blurb p {
    margin: 0;
}

#blurb img {
    float: right;
    border: none;
    margin-top: 5px;
}

#archive-title {
    padding: 5px 0 7px 25px;
    margin: 0 0 15px;
    display: block;
    background: url(images/ico_archive.png) 2px 50% no-repeat;
    border-bottom: 1px solid #ddd;
}

#content section img {
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* BLOG ITEMS */
article {
    margin: 0 0 30px 0;
    padding: 0 0 15px;
    border-bottom: 1px dotted #bbb;
    overflow: hidden;
}

article.portfolio-single {
    border-bottom: 0;
}

article header {
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
}

article .meta {
    font-size: 11px;
    color: #666;
    text-shadow: 1px 1px #fff;
    margin-top: -12px;
    margin-bottom: 18px;
}

.postTags {
    font-size: 13px;
    background: url(images/ico_tag.png) 0 50% no-repeat;
    padding-left: 24px;
    margin: 25px 0 0;
}

blockquote {
    padding-left: 80px;
    margin: 20px 0 15px 0;
    padding-top: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    background: url(images/bk_blockquote.png) 0 15px no-repeat;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

#content section ul li, #content section ol li {
    padding: 5px 0 5px 25px;
    background: url(images/bullet_list.png) 0 8px no-repeat;
}

#content section ul {
    margin: 0 0 15px 15px;
}

#content section ol li {
    background: none;
    padding-left: 0;
}

#content section ol {
    margin: 0 0 15px 35px;
}

#shareLinks {
    height: 30px;
    background: url(images/bk_social.jpg) 0 0 repeat-x;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #008FF5;

    /*border-left:1px solid #008FF5;
        border-bottom:1px solid #fff;
        border-right:1px solid #fff;*/
    margin: 20px 0;
    width: 130px;
}

#shareLinks a {
    color: #fff;
}

#shareLinks #icons {
    display: none;
    padding-left: 15px;
}

#shareLinks #icons a {
    margin: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
}

/* PAGINATION */
.emm-paginate {
    padding: 10px 0;
    overflow: hidden;
    clear: both;
}

.emm-paginate a {
    /*background: url(images/bk_pagenavi.jpg) 0 100% repeat-x;*/
    border: 1px solid #ddd;
    color: #666;
    margin-right: 5px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}

.emm-paginate .emm-title {
    color: #555;
    margin-right: 4px;
}

.emm-paginate .emm-gap {
    color: #999;
    margin-right: 4px;
}

.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {
    color: #fff;
    background: #18AEF5;
    border: 1px solid #0A95D8;
    margin-right: 5px;
    padding: 4px 8px;
}

.emm-paginate .emm-page {
}

.emm-paginate .emm-prev, .emm-paginate .emm-next {
}

/* SLIDER
---------------------------------------*/
#slider {
    position: relative;
    background: url(images/loading.gif) no-repeat 50% 40%;
    height: 370px;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 1;
}

/* PORTFOLIO PAGE
---------------------------------------*/
.filters {
    margin-top: 5px;
    float: right;
    margin-top: -47px;
}

.filters li {
    float: left;
    margin-right: 5px;
}

.filters li a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #fefefe;
    border-right: 1px solid #fefefe;
    padding: 10px 12px 4px;
    text-shadow: 1px 1px #fff;
    background: url(images/bk_blurb.jpg) 0 100% repeat-x;
    font-weight: bold;
    display: block;

}

.gallery {
    margin-top: 10px;
    padding-left: 22px;
    margin-left: -22px;
    margin-bottom: 20px;
    width: 982px;
}

.gallery .portfolioItem {
    float: left;
    width: 300px;
    margin-right: 25px;
    overflow: hidden;
    margin-bottom: 10px;
}

.gallery .portfolioItem img {
    border: none;
}

/* COLRIGHT ELEMENTS
-------------------------------------*/
.rightBox {
    margin-bottom: 17px;
}

.rightBox h2 {
    padding: 10px 0;
}

.rightBox ul li {
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}

.rightBox ul {
    border-top: 1px solid #ddd;
}

/* COMMENTS
-----------------------------------*/
#content section ul.commentlist {
    list-style: none;
    list-style-position: outside;
    display: block;
    margin: 0 0 20px;
    border-top: 3px solid #D2D8DB;
    border-bottom: 4px solid #D2D8DB;
    padding: 0;
    padding-bottom: 10px;
}

#content section ul.commentlist ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}

#content section ul.commentlist li {
    padding: 20px 0 10px 50px;
    position: relative;
    margin-top: 0;
    background: url(images/bk_horiz_line.jpg) 0 0 repeat-x;
}

#content section ul.commentlist li img {
    border: none;
}

#content section ul.commentlist li p {
    font-size: 13px;
    margin: 10px 0;
}

#content section ul.commentlist li .comment-meta, #content section ul.commentlist li .text {
    margin-left: 20px;
}

#content section ul.commentlist li .comment-meta span {
    font-size: 11px;
    color: #999;
}

#content section ul.commentlist li .comment-meta {
    font-size: 16px;
}

#content section ul.commentlist li .gravatar {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    left: 0;
}

#content section ul.commentlist li .gravatar .gravatar_mask {
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/bk_gravatar_mask.png) 0 0 no-repeat;
    width: 50px;
    height: 50px;
}

#content section ul.commentlist .reply {
    position: absolute;
    right: 0;
    top: 25px;
    width: 46px;
    height: 21px;
    text-align: center;
    font-size: 12px;
}

#content section ul.commentlist .reply a {
    display: block;
    width: 46px;
    height: 21px;
    font-style: italic;
}

#content section ul.commentlist .reply a:hover {
    text-decoration: none;
    color: #333;
}

#content section ul.commentlist li .children li {
    margin-top: 15px;
    padding-top: 25px;
    border-bottom: none;
    overflow: hidden;
    padding-bottom: 5px;
}

#content section ul.commentlist li .children li .gravatar {
    top: 20px;
}

#content section ul.commentlist li .children li .reply {
    top: 30px;
}

/* FOOTER ELEMENTS
-------------------------------------------*/
#twitter #twitter_update_list li {
    list-style-type: none;
    line-height: 140%;
}

#showHide {
    display: block;
    position: absolute;
    width: 48px;
    height: 16px;
    right: 4px;
    top: -5px;
    background: url(images/but_show_hide.png) 0 0 no-repeat;
    text-indent: -9999px;
}

#footerActionsInner #twitter {
    float: left;
    overflow: hidden;
    width: 315px;
    background: url(images/twitter_ill.png) 0 0 no-repeat;
    padding-left: 85px;
    position: relative;
}

#footerActionsInner #twitter #latest {
    width: 293px;
}

#footerActionsInner #twitter #latest #tweet {
    background: url(images/bk_latest_tweet.png) 0 0 no-repeat;
    padding: 10px 10px 0 20px;
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    line-height: 125%;
    height: 65px;

}

#footerActionsInner #twitter #latest #tweetBottom {
    height: 26px;
    background: url(images/bl_latesttweet_bottom.png) 0 0 no-repeat;
}

#footerActionsInner #twitter a.action {
    position: absolute;
    display: block;
    width: 81px;
    height: 23px;
    background: url(images/but_actions.png) 0 0 no-repeat;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-top: 2px;
}

#footerActionsInner #twitter a.action:hover {
    background: url(images/but_actions.png) 0 -25px no-repeat;
}

#footerActionsInner #twitter a.action {
    left: 0;
    top: 76px;
}

#footerActionsInner #quickContact {
    float: right;
    overflow: hidden;
    width: 435px;
    background: url(images/quick_contact_ill.png) 0 0 no-repeat;
    padding-left: 85px;
    position: relative;
    margin-left: 30px;
}

#footerActionsInner #quickContact .leftSide {
    float: left;
    width: 155px;
    overflow: hidden;
}

#footerActionsInner #quickContact .rightSide {
    float: left;
    width: 268px;
    overflow: hidden;
    margin-left: 10px;
}

/* Footer Widgets */
#footerWidgetsInner .boxFooter {
    float: left;
    width: 210px;
    padding-right: 30px;
    overflow: hidden;
    margin-bottom: 40px;
}

#footerWidgetsInner h2 {
    font-size: 20px;
    padding: 7px 0 12px;
    margin-bottom: 10px;
    color: #ccc;
}

#footerWidgetsInner .boxFooter ul {
    margin: 0;
}

#footerWidgetsInner .boxFooter ul li {
    padding: 7px 0;
    border-bottom: 1px solid #888;
    color: #986123;
    font-size: 10px;
    font-style: italic;
}

#footerWidgetsInner .boxFooter ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-style: normal;
}

#footerWidgetsInner .boxFooter ul li a:hover {
    color: #ccc;
}

/* Copyright */
#footerWidgetsInner #copyright {
    clear: both;
    position: relative;
    text-align: center;
}

#site5bottom {
    position: absolute;
    right: 0;
    top: 25px;
}

/* FORMS
------------------------------------*/

/* Quick Contact Form */
#quickContact form input[type="text"], #quickContact form textarea {
    width: 138px;
    margin-bottom: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: url(images/bk_blurb.jpg) 0 100% repeat-x;
    padding: 7px;
    color: #666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#quickContact form textarea {
    width: 250px;
    height: 90px;
    padding-top: 5px;
}

#quickContact form input[type="submit"] {
    display: block;
    float: right;
    width: 81px;
    height: 24px;
    background: url(images/but_actions.png) 0 0 no-repeat;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-top: 0px;
    border: none;
    line-height: 80%;
    margin-top: 3px;
}

/* Top Search */
#topSearch input[type="text"] {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100px;
    /*background:url(images/bk_top_search.png) 0 0 repeat-x;*/
    padding: 9px 10px 10px;
    border: 1px solid #2E4849;
    color: #A8A8A8;
    font-style: italic;
    margin-right: 10px;
    position: relative;
}

#topSearch input[type="submit"] {
    position: absolute;
    right: 0;
    z-index: 100;
    width: 43px;
    height: 44px;
    background: url(images/but_search.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
}

/* COMMENTS F0RM */
#commentform p {
    margin: 0;
}

#commentform label {
    display: block;
    padding: 5px 0;
}

#commentform input, #commentform textarea {
    border: 1px solid #ddd;
    padding: 8px;
    width: 300px;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#commentform input:focus, #commentform textarea:focus {
    border: 1px solid #0099FF;
}

#commentform textarea {
    width: 560px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#commentform input[type="submit"] {
    border: none;
    width: 151px;
    height: 32px;
    margin-top: 10px;
    cursor: pointer;
    background: url(images/but_form.jpg) 0 100% repeat-x;
    color: #FFF;
    font-size: 12px;
    padding: 0;
}

/* Contact Page */
#contact-map {
    float: left;
    width: 638px;
    background: #fff;
    padding: 1px;
    border: 6px solid #E2E2E2;
    height: 350px;
    margin: 0 0 15px 0;
}

#contact-map iframe {
    border: 0;
}

#contact-form {
    width: 60%;
    float: left;
    margin: 0 10% 0 0;
}

#contact-data {
    float: left;
    width: 30%;
    margin: 28px 0 0 0;
}

#contact-data p {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
}

#contact-data .contact-data-field {
    float: left;
    width: 30%;
    margin-right: 5%;
    font-weight: bold;
}

#contact-data .contact-data-info {
    float: left;
    width: 65%;
}

/* Contact Form */
#contact label {
    display: block;
    padding: 5px 0;
}

#contact input, #contact textarea {
    border: 1px solid #ddd;
    padding: 8px;
    width: 90%;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#contact textarea {
    width: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#contact button.submitbutton {
    border: none;
    width: 151px;
    height: 32px;
    margin-top: 10px;
    cursor: pointer;
    background: url(images/but_form.jpg) 0 100% repeat-x;
    color: #FFF;
    font-size: 12px;
    padding: 0;
}

.errormsg, .successmsg {
    background: #FEF4F1;
    border: 1px solid #F7A68A;
    color: #DA4310;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.successmsg {
    background: #F5FAF1;
    border: 1px solid #C2E1AA;
    color: #8FA943;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

?header {
    z-index: 1001 !important;
}

#content {
    z-index: 100 !important;
}

.thanks {
    background: #F2F3F6;
    background: url('js/contactform/ok.png') no-repeat left;
    padding-left: 20px;
    clear: both;
}

.error {
    color: #333;
    background: #FCE2D4 url('js/contactform/error.png') no-repeat 5px 50%;
    margin-top: 5px;
    display: block;
    clear: both;
    padding: 7px;
    padding-left: 30px;
    border-radius: 6px;
    font-size: 11px;
    border: 1px solid #fbc2c4;
}

.portfolioimg {
    float: left;
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}