/*********************************************************
    CSS master file @ www.themostbeautifuluglydogs.com
    (c) 2006. Marko Dugonjic, www.creativenights.com
*********************************************************/

/* general */

*           { margin: 0; padding: 0; }
html        { height: 100%; margin-bottom: .01em; font: 62.5%/1.6 Georgia, 'Times New Roman', Times, serif; color: #56503A; background: #000; }
body        { min-width: 770px; text-align: center; }

a           { color: #0A637F; text-decoration: none; border-bottom: 1px solid #EFE4C7; outline: none; }
a:hover,
a:focus     { color: #930; border-bottom: 1px solid #930; }

h1                          { margin-bottom: .41em; font: normal 2.4em 'Trebuchet MS', Trebuchet, sans-serif; color: #61492B; }
h2                          { margin-bottom: .58em; font: normal 1.8em 'Trebuchet MS', Trebuchet, sans-serif; color: #61492B; }
h4                          { margin-bottom: 1em; padding: 0 0 .2em 16px; font-weight: bold; font-size: 1em; word-spacing: .1em; color: #3D624A; border-bottom: 1px solid #E0D7BD; background: url(cssimg/icons/star.gif) no-repeat 0 2px; }
h4 a                        { border: 0 !important; }
h4.rec_books                { background: url(cssimg/icons/ok.gif) no-repeat 0 2px; }
h4.h4_dogs                  { padding-left: 20px; background: url(cssimg/icons/bull.gif) no-repeat 0 1px !important; }
#main_content h4            { color: #930; background: url(cssimg/icons/star_red.gif) no-repeat 0 2px; }
#main_content h4:after      { content: " ~"; }
#sub_content h4             { margin-top: 4em; }
#sub_content h4.first-child { margin-top: 0; }

h4,
#main_nav ul li a,
.input_submit,
.pagination                 { text-transform: uppercase; letter-spacing: 1px; }

.amp                        { position: relative; bottom: -.1em; font-size: 1.2em; }

#sizer          { width: 100%; text-align: left; overflow: hidden; }
#sizer .grid    { width: 761px; margin: 0 auto !important; padding: 0 !important; border: 0 !important; }

#header         { width: 100%; border-bottom: 1px solid #000; background: #000 url(cssimg/strafta.png) repeat 0 0; }
#header h1      { border: 0; background-image: url(cssimg/logo.png) !important; background: url(cssimg/logo.gif) no-repeat 0 16px; }
#header h1 a    { display: block; width: 350px; height: 129px; border: 0 !important; text-indent: -9999px; overflow: hidden; }
#header h1 em   { position: absolute; left: -9999px; }

#main_nav                   { width: 100%; border: 1px solid #CAF4D7; border-width: 1px 0; border-color: #779E84 #fff #456A52 #fff; background: #5F866D; overflow: auto; }
#main_nav li                { float: left; display: inline; list-style: none; clear: none; float: left; }
#main_nav li.first-child    { margin-left: 130px; }
#main_nav a                 { display: block; padding: 6px 10px; border: 0; font-weight: bold; color: #CAF4D7; }
#main_nav a:hover           { background: #557B63; }
#main_nav .active a         { color: #fff; }
#main_nav .active a:before  { content: "~ "; }
#main_nav .active a:after   { content: " ~"; }

#content                    { padding: 30px 0; background: #FEF5DA url(cssimg/content_shadow.gif) repeat-x 0 0; overflow: auto; }
#content:after				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.dc_body #content .grid     { background: url(cssimg/main_content.gif) repeat-y 380px 0; }
.dc_body #content .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content p,
#content li,
#content dt,
#content dd     { font-size: 1.2em; word-spacing: .1em; }

#content p,
#content ul,
#content ol,
#content dl     { margin-bottom: .82em; }

#content li     { margin-bottom: .2em; }

#content li *,
#content dd *   { font-size: 1em !important; }

#main_content,
#sub_content    { overflow: hidden; }

.sc_body #main_content   { float: left; width: 761px; }
.dc_body #main_content   { float: left; width: 350px; padding: 0 30px 0 0; text-align: left; background: url(cssimg/dc_main.gif) no-repeat 100% 0; overflow: hidden; }
.dc_body #sub_content    { float: right; width: 351px; padding: 0 0 0 30px; text-align: left; }
.sc_body #main_content p,
.sc_body dl,
.sc_body ul,
.sc_body h1,
.sc_body h4              { text-align: left; }

#content ul li      { margin-left: 2em; list-style-type: square; }

#content img        { margin: 0 0 1em; padding: 5px 0; border: 3px solid #E0D7BD; border-width: 3px 0; }
#content .imgLF     { float: left; display: inline; margin: .3em 1.2em .5em 0; }
#content .imgRF     { float: right; display: inline; margin: .3em 0 .5em 1.2em; }
#Gallery_body img   { float: left; display: inline; margin: 10px 22px 12px 0 !important; }
#About_body img     { margin: 0 0 1.2em 0 !important; }
#OurDogs_body img   { margin-right: 20px !important; }

#sub_content        { background: url(cssimg/dc_sub.gif) no-repeat 0 0; }
#sub_content p,
#sub_content li     { font-size: 1.2em; }
#sub_content li     { margin-left: 16px; }

.link_list li,
#sub_content .articles li,
#sub_content .book_list li,
#recommended-books li  		{ list-style: none !important; margin-left: 0 !important; }

.link_list li               { padding-left: 16px; background: url(cssimg/icons/link.gif) no-repeat 0 6px; }
.articles li                { padding-left: 16px; background: url(cssimg/icons/article.gif) no-repeat 0 3px; }
.book_list li               { padding-left: 16px; background: url(cssimg/icons/book.gif) no-repeat 0 3px; }


.img_caption,
.notice,
.important p,
.important li               { font-style: italic; font-size: 1.1em !important; font-family: Georgia, serif; margin-bottom: 1em; }
.img_caption                { color: #8C846C; overflow: hidden; }
.important                  { padding: 1em 16px 0; margin-bottom: 1.5em; background: #feefc2; overflow: hidden; }
.important h4               { margin-top: 0 !important; }
#sub_content .important     { padding-bottom: .1em; }


.our_dog                    { float: left; clear: both; width: 761px; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #9B8462; }
#OurDogs_body .important    { float: left; width: 300px; margin-top: 1em; }

.news_item,
.guestbook_entry            { padding-bottom: 1.6em; margin-bottom: .9em; background: url(cssimg/hor_divider.gif) no-repeat 0 100%; }
#archive_list               { margin-top: 30px; }

.guestbook_entry dt         { color: #61492B; margin-bottom: .5em; /* border-bottom: 1px solid #EFE4C7; */ }
.guestbook_entry dt .date   { position: relative; bottom: -.2em; float: right; font-size: .85em; }

.pagination                 { padding-bottom: 1.2em; font-size: 1em !important; text-align: center; border-bottom: 1px solid #E0D7BD; }
.pagination a,
.pagination span            { padding: 2px; }
.pagination strong          { font-weight: normal; background: #EFE4C7; padding: 2px 2px 2px 4px; }

form            { margin-bottom: 1em; }
fieldset        { border: 0; }
.field          { clear: both; margin-bottom: 1em; }
label           { display: block; font-size: 1.2em; color: #333; }
label em,
.notice em      { color: #f00; }
.input_text,
textarea        { padding: 2px; font-size: 1.3em; line-height: 1.4; font-family: Arial, sans-serif; border: 1px solid #C3C3C3; border-color: #777 #aaa #ddd #aaa; color: #666; background: #fff url(cssimg/input_text.gif) repeat-x 0 0; }
.input_text:focus,
textarea:focus  { border: 2px solid #6be; margin: -1px; }
.input_text     { width: 210px; }
.input_submit   { padding: 5px 9px; font: bold 1em Georgia, 'Times New Roman', Times, serif; color: #CAF4D7; border: 2px solid #CAF4D7; border-color: #779E84 #60866D #456A52 #60866D; background: #5F866D; cursor: pointer; }
textarea        { width: 340px !important; height: 200px; overflow: auto; }

#footer         { clear: both; padding: 20px 0 40px; border-top: 2px solid #DFD6BC; color: #DFD6BC; background: #000; }
#footer p       { font-size: .9em; font-family: Georgia, serif; color: #ccc; text-transform: uppercase; letter-spacing: 1px; }
#footer a       { border: 0; color: #4C92A4; }
#footer a:hover { color: #6bc; }

#copyright          { float: left; width: 350px; }
#copyright:after    { content: " ~"; }
#site_by            { float: right; width: 350px; text-align: right; }
#site_by:before     { content: "~ "; }

.error              { padding: 10px 20px; margin-bottom: 1em; border: 3px solid #f00; color: #f00 !important; background: #ffe; }
.error h1           { color: #f00 !important; }