@import url(/mt/mt-static/support/plugins/patrick/css/reset.css);


    
    
    
    
    
    

    
    
    
    
    
    

    
    
    
    




body {
    
        background-color: rgb(209,166,115);
    
    color: #0e1917;

    font-family: Cardo, sans-serif;
    font-size: 17px;
    
    

    letter-spacing: 0.0px;
    line-height: 140%;
}

a,
a:link {
    color: #9f0119;
}

a:visited { color: #9f0119; }
a:hover { color: #443434; }
a:active { color: #443434; }

#container {
    width: 970px;
    margin: 0 auto;
    
        background-color: rgb(249,222,182);
    

}



#header {
    
        background-color: rgb(204,0,0);
        background-color: rgba(204,0,0,1.0);
    

    overflow: hidden;
    
    
    background-image: url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png);
    background-position: 0 -20px;
    background-repeat: repeat-x;
    

}

#header-ad {
    text-align: center;
}

#header-ad-inner {
    text-align: left;
    display: inline-block;
}

#header-name {

    font-family: Architects Daughter, sans-serif;
    font-size: 300%;
    font-weight: bold;
    

    letter-spacing: 0.0px;
    line-height: 100%;
    margin: 0;
}

#header-name a:link,
#header-name a:visited,
#header-name a:hover,
#header-name a:active {
    text-decoration: none;
    color: #f6f1eb;
    padding: 10px;
    height: 50px;
    width: 970px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    
}

#header-description {
    margin: 0 10px 5px;
}

#nav-menu {
    float: left;
    width: 100%;
    
    border-top: 1px solid #003399;

    background: url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png) 0 5px repeat-x;

}

#nav-menu ul {
    margin: 0;
    float: left;
}

#nav-menu li {
    list-style-type: none;
    float: left
}

#nav-menu li a {
    display: block;
    padding: 7px 20px 6px;
    text-decoration: none;
    /* Use the value for the gradient/accent color, set above. */
    border-right: 1px solid #003399;
    color: #0e1917;
}

#nav-menu li a:hover,
#nav-menu li a.active {
    /* Use the value for the gradient/accent color, set above. */
    
        background: #003399 url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png) 0 -25px repeat-x;
    
}


#content {
    padding: 10px;
    position: relative;
    z-index: 1;
}

#content-inner {
    float: left;
}

#alpha,
#beta,
#gamma {
    float: left;
    padding: 10px;
    overflow: hidden;
    
    
    background-image: url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png);
    background-position: 0 -20px;
    background-repeat: repeat-x;
    

}

#alpha { 
        background-color: rgb(249,222,182);
        background-color: rgba(249,222,182,1.0);
     }
#beta { 
        background-color: rgb(153,0,17);
        background-color: rgba(153,0,17,1.0);
     }
#gamma { 
        background-color: rgb(209,166,115);
        background-color: rgba(209,166,115,1.0);
     }

/* Column sizes are set based on the number of columns set to display. */
.one-column #alpha { width: 930px; }
.two-columns #alpha { width: 600px; }
.three-columns #alpha { width: 510px; }

.two-columns #alpha { margin-right: 10px; }
.three-columns #alpha,
.three-columns #beta { margin-right: 10px; }

.two-columns #beta { width: 300px; }
.three-columns #beta { width: 180px; }

.three-columns #gamma { width: 180px; }




#alpha {
    background-color: none;
    padding: 0;
}
.two-columns #alpha,
.three-columns #alpha { margin-right: 30px; }





#alpha-inner > * { margin-top: 0; }


#footer {
    padding-top: 10px;
    clear: both;
}
#footer-inner {
    
        background-color: rgb(209,166,115);
    
    padding: 11px 0px 11px;
    float: left;
    width: 100%;
    
    
    background-image: url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png);
    background-position: 0 -20px;
    background-repeat: repeat-x;
    

}

.footer-column {
    float: left;
    margin: 0 11px;
    width: 288px;
    padding: 10px 10px;
    
        background-color: rgb(209,166,115);
    
}

.footer-column ul {
    margin-bottom: 0;
}

#footer-beta { margin: 0 1px; }




#alpha, #beta, #gamma, .widget, .footer-column {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#header {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#footer-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}



h1,
h2,
h3,
h4,
.featured-entries li div.meta div.title {

    font-family: Architects Daughter, sans-serif;
    font-weight: bold;
    

    letter-spacing: 0.0px;
    line-height: 100%;
    color: #0e1917;
}


h1 { font-size: 300%; margin: 0 0 0.25em; }
h2 { font-size: 210%; margin: 1em 0 0.5em; }
h3 { font-size: 165%; margin: 1em 0 0.5em; }
h4 { margin: 0.5em 0 0 0.25em }


p,
ul,
ol {
    margin-bottom: 1em;
}

ul,
ol {
    margin-left: 17px;
    clear: right;
}

blockquote { margin-left: 15px; }

.entry-content ul,
.entry-content ol {
    margin-left: 15px;
}

li {
    list-style-type: disc;
}

embed,
img { border: 3px solid #003399; }

.entry,
.page {
    padding-bottom: 2em;
}


.entry-callback-body {
    float: right;
    margin: 0 0 10px 20px;
}

.entry-header {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.entry-header p { margin-bottom: 0.15em; }

.entry-header .meta { margin-top: 1em; }

.entry-footer {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.meta {
    clear: both;
    float: left;
    width: 100%;
}

.meta .comment-count,
.meta .categories,
.meta .tags {
    float: left;
    margin-right: 2em;
}

.meta h4 {
    display: inline;
    font-weight: bold;

    font-family: Cardo, sans-serif;

    letter-spacing: 0.0px;
    margin: 0 0 0 0;
}

.meta ul,
.meta ul li {
    display: inline;
    margin-left: 2px;
}

.meta ul.subcategories {
    margin-left: 6px;
    display: block;
}

.meta ul.subcategories li {
    margin-left: 0px;
    margin-right: 5px;
    white-space: nowrap;
}

.meta .social-media { clear: both; }

.comments h2 span.comment-count,
.comments h3 span.comment-count {
    font-size: 70%;
}

.comments h3 {
    margin-top: 0;
}

.old-comments #old-comments { display: none; }


.widget {
    
        background-color: rgb(209,166,115);
    
    margin-bottom: 10px;
    padding: 10px;
    
    
    background-image: url(/mt/mt-static/support/plugins/patrick/images/gradient-top.png);
    background-position: 0 -20px;
    background-repeat: repeat-x;
    

}

.widget:last-child {
    margin-bottom: 0;
}

.widget ul {
    margin-bottom: 0;
}

h3.widget-header { margin: 0; }

h3.widget-header a,
h3.widget-header a:link,
h3.widget-header a:visited {
    color: #0e1917;
    text-decoration: none;
}
h3.widget-header a:hover { color: #443434; }
h3.widget-header a:active { color: #443434; }

h3.widget-header + .widget-content {
    padding-top: 10px;
}

.widget-content p:last-child { margin-bottom: 0; }

.two-columns .widget-fb-recommendations .widget-content {
    position: relative;
    left: -10px;
    width: 300px;
}
.three-columns .widget-fb-recommendations .widget-content {
    position: relative;
    left: -10px;
    width: 180px;
}

.highlighted-image-container { margin-bottom: 2px; }



/* Home Page featured entries display */

.featured-entries {
    position: relative;
}

.featured-entries ul {
    margin: 0 0 10px;
    height: 396px;
    overflow: hidden;
    border: 3px solid #003399;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.featured-entries li {
    position: relative;
    display: block;
    width: 100%;
    height: 396px;
    
        background-color: rgb(0,0,0)
    ;
    background-position: center center;
    background-repeat: no-repeat;
}

.featured-entries li h2 { margin: 0; }

.featured-entries li a:link,
.featured-entries li a:visited,
.featured-entries li a:hover,
.featured-entries li a:active {
    display: block;
    top: 0;
    left: 0;
    height: 396px;
    width: 100%;
    position: relative;

    
    padding: 10px 10px 0;
    z-index: 1; /* To put the link on top of the .meta */
    color: #0e1917;
    text-decoration: none;
    text-shadow: #003399 0px 0px 5px;
}

.featured-entries li .meta {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    height: 396px;
}

.featured-entries li .meta-inner {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
}

.featured-entries li .meta-inner div {
    text-shadow: #003399 0px 0px 2px;
}

#featured-entries-nav {
    text-align: center;
    margin-bottom: 10px;
}

#featured-entries-nav a { 
    
        background-color: rgb(0,0,0)
    ;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: 20px; /* hide the slide number */
    /* Make round "buttons" rather than square ones. */
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#featured-entries-nav a.activeSlide { 
    
        background-color: rgb(153,0,17)
    ; }
#featured-entries-nav a:focus { outline: none; }


.archive-index .category-listing,
.archive-index .monthly-listing {
    float: left;
    width: 300px;
}

.main-index .entry-listing .date { display: none; }


.archive-listing { clear: both; }

.archive-listing ul {
    margin-left: 0;
    clear: both;
}

.archive-listing li {
    list-style-type: none;
    padding: 3px 3px 3px 6px;
    margin: 0;
}

.archive-listing li:hover {
    background: #eee;
}

.archive-listing li a {
    display: block;
    width: 100%;
}

.archive-listing span.date {
    float: right;
    color: #777;
}


.hidden { display: none; }



ul.action-stream-list {
    margin-left: 0px;
    padding-left: 5px;
    list-style-type: none;
}

ul.action-stream-list li {
    margin: 0 0 0.5em;
    padding-bottom: 1px;
}

.service-icon {
    display: block;
    overflow: hidden;
    background: transparent url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/other.png) no-repeat;
    padding-left: 20px;
    min-height: 18px;
    min-width: 16px;
}

.service-website { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/website.png); }
.service-delicious { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/delicious.png); }
.service-digg { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/digg.png); }
.service-facebook { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/facebook.png); }
.service-flickr { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/flickr.png); }
.service-googlereader { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/googlereader.png); }
.service-linkedin { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/linkedin.png); }
.service-netflix { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/netflix.png); }
.service-skype { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/skype.png); }
.service-twitter { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/twitter.png); }
.service-tumblr { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/tumblr.gif); }
.service-typepad { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/typepad.png); }
.service-vimeo { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/vimeo.png); }
.service-yahoo { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/yahoo.png); }
.service-youtube { background-image: url(http://danandsherree.com/mt/mt-static/plugins/ActionStreams/images/services/youtube.png); }


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/mt/mt-static/support/plugins/patrick/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/mt/mt-static/support/plugins/patrick/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/mt/mt-static/support/plugins/patrick/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/mt/mt-static/support/plugins/patrick/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}




.gallerycontainer1,
.gallerycontainer2,
.gallerycontainer3 {
    text-align: center;
}

.gallerycontainer1 img,
.gallerycontainer2 img,
.gallerycontainer3 img {
    border: 3px solid #003399;
}

.right {
    float: right;
    margin: 0 0 5px 10px;
}

.left {
    float: left;
    margin: 0 10px 5px 0;
}

.center {
    text-align: center;
}


div.featured-entries li {
    background-image: url('http://danandsherree.com/2012/01/11/wyoming-175-2.jpg');
}

div.featured-entries li.astrophotography {
    background-image: url('http://danandsherree.com/assets/5081988471_dcc008ed8e.jpg');
}

/*div.featured-entries li.cooking-baking-and-recipes {
    background-image: url('http://www.danandsherree.com/upload/2004/11/DSCN6763.jpg');
}*/

div.featured-entries li.rc-cars {
    background-image: url('http://danandsherree.com/upload/2005/10/_MG_3932_edited-1.jpg');
}



.float-right {
    float: right;
    margin: 0 0 20px 20px;
}