/* ---------------------------------------------
Screen Stylesheet for http://www.southernmainelabradoodles.com
Created: JDB,http://www.mainewebworks.com
Released: 4-23-10
TOC: Resets; HTML &Body; Links; Typography; Lists; Tables; 
Template; Navigation; Forms; Classes; Other; 
---------------::Resets::--------------------- */
body,address,blockquote,dl,ol,ul,li,fieldset,form,h1,h2,h3,h4,h5,h6,p,pre{margin:0; padding:0}
/* ----------::HTML &Body::--------------------- */
html{font-size:100.01%; height:101%}
body{height:100%; font:62.5%/1.8 Arial,Tahoma,Geneva,Helvetica,sans-serif; background:#71726d url(../images/bg.gif) center top repeat-y; color:#390700}
/* ----------::Links::------------------------ */
a,a:visited{text-decoration:underline; color:#390700}
a:active,a:focus,a:hover{text-decoration:none; outline:none; color:#6F6261}
a img{border:none}
/* ----------::Typography::------------------- */
abbr,acronym{text-decoration:none; border:0}
address,h1,h2,h3,h4,h5,h6,li,p,pre{padding:.6em 0}
h1{padding:22px 0 14px; font:normal 24px/1.2 Georgia,'Times New Roman',Times,Serif; color:#56131E/*#751322*/}
h2,h2 a,h2 a:visited{font:bold 19px/1.2 Georgia,'Times New Roman',Times,Serif; color:#A15C23; /*#376d31#751322*/}
h3{padding:0;font-size:16px;color:#390700}
h4{font-size:1.4em}
h5{font-size:1.2em}
h6{font-size:1.1em}
address,blockquote,div,dd,dt,li,p,th,td{font-size:12px}
#main p,#main li{font-size:13px}
dt{font-weight:bold}
pre{font-size:12px}
q:before,q:after{content:''}
address{font-style:normal}
address span.adr,address span.street-address,address span.tel{display:block}
/* ----------::Lists::------------------- */
dl,ol,ul{margin-left:20px}
li,ol,dd,dt{vertical-align:middle; list-style-position:inside}
/* ----------::Tables::------------------- */
table{border:none; border-collapse:collapse; border-spacing:0; overflow:hidden; word-wrap:break-word}
caption,th,td{text-align:left; vertical-align:top}
/* ----------::Template::--------------------- */
#wrap{width:939px; margin:0 auto}
#header{margin:0 auto;width:939px; height:272px; background:#390700; position:relative;}
#header div{float:left; width:487px}
p#logo,p#tagline{position:absolute; left:115px; top:60px; padding:0; font:italic normal 36px/1 Georgia,'Times New Roman',Times,Serif; color:#FFF}
p#logo span{display:block; font-size:42px}
p#logo a{text-decoration:none; color:#fff}
p#tagline{top:160px; left:112px; text-align:center; font-size:16px; font-style:normal}
#header div#slideshow{float:right; position:relative; width:452px; height:268px; padding:2px 1px 0 0}
#slideshow img{position:absolute; top:0; left:0; z-index:8; opacity:0.0}
#slideshow img.active{z-index:10; opacity:1.0}
#slideshow img.last-active{z-index:9}
#content{clear:both; position:relative; padding:0 0 40px; overflow:hidden}
#content address.top{position:absolute; top:0; right:0; padding:0 20px 0 0}
#main{display:inline; /* for ie6 */float:right; margin:20px 40px 20px 0; padding:0 0 60px; width:600px}
#page_our-dogs #main{width:870px}
#side{display:inline; float:left; width:240px; min-height:600px; /*ie6 height:600px; */margin:33px 0 20px 10px; padding:0 0 80px; background:#EFEAE0 url(../images/breeder-emblem.jpg) 45% 99% no-repeat}
#side .cushion{padding:10px 0 100px 10px}
#side h3{font-size:18px; font-weight:bold; line-height:1.5; text-align:center; width:220px}
#side h3 a {text-decoration:none;}
#upcomingLitters{margin:0 0 40px 0}
#upcomingLitters hr{margin-right:18px; width:90%}
#upcomingLitters #announcement{line-height:1.3; padding:15px 0; text-align:center; width:220px}
.announcement-block{line-height:1.3}
.announceTitle{font-family:georgia,'times new roman',times,serif}
.announcement-block a{text-decoration:none}
.announcement-summary{padding:0 5px 5px 0}
.announcement-summary p{padding:3px 0}
#upcomingImg{padding:0 0 3px; background:url(../images/hr.gif) left bottom repeat-x}
#side .quote{padding:10px}
#side #testimonialButton{background:url("../images/side_button.png") no-repeat scroll 0 0 transparent; color:#FFF; display:block; font-size:18px; height:39px; margin:0 auto; padding:6px 0 0; text-align:center; text-decoration:none; width:220px}
#footer{clear:both; height:100px; margin:0 auto; width:899px; background:url(../images/hr.gif) 0 0 repeat-x}
/* ---------- ::Navigation::------------------ */
/* --- Main Menu --- */
#menu{margin:0 auto; width:939px; height:42px; list-style:none; background:url(../images/menu_bg.png) repeat-x left 32px #000}
#menu li{float:left}
#menu a{display:block; padding:0 9px 0 10px; color:#fff; text-transform:uppercase; font-size:16px; text-decoration:none}
#menu a.home{padding-left:15px}
#menu a.contact{padding-right:0}
#menu a:active,#menu a:focus,#menu a:hover,#menu a.active,
#menu li:hover a{text-decoration:underline; color:#EFD8B3}
/* child menu */
#menu li ul{position:absolute; top:-999em; left:-999em; z-index:999}
#menu li:hover ul,#menu li.hover ul{top:auto; left:auto; margin:0; min-width:140px; list-style:none; background:#390700}
#menu li li{float:none}
#menu li li a{text-transform:none}
#menu li:hover li a{text-decoration:none; color:#fff}
#menu li:hover li a:active,#menu li:hover li a:focus,
#menu li:hover li a:hover{color:#EFD8B3}
/* --- Footer Menu --- */
#footerMenu{float:left; width:640px; margin:20px 0; list-style-type:none}
#footerMenu li{float:left; padding:7px 0 0}
/* ---------- = Blog styles = -------------- */
#homeNews{padding:22px 30px 0}
#homeNews .blogSummary{color:#5e3c23}
.blogFooter{margin:10px 0; height:50px; background:url(../images/hr-dotted.gif) 0 0 repeat-x}
.blogPosted{float:left}
.blogMore{float:right; width:200px; text-align:right}
.blogMore img{margin:4px 0 0}
p.blog-summary-link{text-align:right}
#comment{clear:both; margin-top:30px}
.feedback-bg{margin:10px 0; padding:5px; background:#EFEAE0}
.NewsSummary{min-height:800px;border-bottom:2px solid #A15C23}
.NewsColumn {float:left;width:330px;}
.NewsAside {/*background:#EFEAE0;*/float:right;padding-top:6px;width:265px;}
.NewsAside p {padding:5px 0 0;}
.NewsExtra {clear:left;padding:25px 0 0;}
#page_puppies h1 {float:left;width:235px;}
p.intro {float:right;font-style:italic;padding-top:28px;width:360px;text-align:right;}

/* ---------- = Gallery styles = -------------- */
.gallerycomment{padding:0 0 10px}
/* ---------- = Our Dogs styles = -------------- */
#breedingGirls{margin:0 0 30px}
#breedingGirls p,#breedingBoys p{padding:0}
#breedingGirls p strong,#breedingBoys p strong{font-size:18px}
.dogtails{width:280px; display:inline-block; vertical-align:top}
.dogdata{border-top:1px dashed; margin:10px 0 0; padding:0 0 0 10px}
.dogdata ul{padding:10px 0}
.dogdata li{padding:0}
.dogpic{width:560px}
.dogpic,.dogpic img{display:inline-block; vertical-align:top}
.dogpic img{padding:0 5px 0 10px}
.dogname{padding:30px 0 10px}
/* ---------- = FAQ styles = -------------- */
h2.question {padding:4px 0;cursor:pointer;}
.answer {padding:0 145px 10px 34px;}
/* ---------- = Guestbook styles = -------------- */
.guestbook-entry{padding:20px 10px; border-bottom:1px solid #ccc}
.guestbook-paginate a{padding:0 0 0 10px}
#guestbook-form{padding:20px 0}
#guestbook-form caption{padding:0 0 10px; font-size:14px}
/* ---------- = Resources - Links styles = -------------- */
#bookmarks td{width:50%; vertical-align:top}
.bookmarks-list{margin:0}
.bookmarks-list li{line-height:1.1; list-style-position:outside; list-style-type:none}
.bookmarks-list li a{font-weight:bold}
/* ----------::Forms::------------------------ */
label{cursor:pointer}
fieldset{border:0}
legend{font-size:14px; font-weight:bold}
input,label,select,textarea{line-height:1.2; vertical-align:bottom; font-size:inherit; font-family:inherit}
input[type="radio"],input[type="checkbox"]{position:relative; top:1.5px}
input[type="text"],textarea{padding:4px 2px 0; border:1px solid #270e0a; background:url(../images/inputbg.png) 0 0 no-repeat}
input[type="text"]{height:19px}
textarea{overflow:auto}
input[type="submit"]{height:25px; background:#270e0a; border:none; color:#fff}
/* Search Form */
#footer form{float:right; margin:26px 0 20px}
#footer form input[type="text"]{width:155px; background-color:#fff}
#footer form label{position:absolute; top:-999em; left:-999em}
/* Contact and Comment Forms */
#contactform,#comment form{float:left; width:495px; margin:0 auto}
#contactform div,#comment form div{clear:both; display:block; padding:1em 0; overflow:hidden}
#contactform label,#contactform p.label,#contactform input,
#contactform div.captcha img,
#comment form label,#comment form p.label,#comment form input,#comment form div.captcha{display:block; float:left}
#contactform label,#contactform p.label,
#comment form label,#comment form p.label{padding-right:1em; width:30%; line-height:2; text-align:right}
#contactform input,#contactform textarea,
#comment form input,#comment form textarea{width:60%}
#contactform textarea,#comment form textarea{height:180px}
/* checkbox */
#comment form input[type="checkbox"]{left:156px; position:relative; top:2px; width:15px}
#comment form div.checkbox label{float:right; padding:0; text-align:left; width:310px}
/* Captcha and Submit */
#contactform div.captcha input,#comment form div.captcha input{width:188px}
#contactform div.submit input{width:198px}
#comment form div.captcha{width:340px}
#comment form div.captcha label{float:right; padding:0; text-align:left; width:178px}
#comment form div.captcha img{float:right; width:178px}
#comment form div.captcha input{float:none; margin:0 0 0 48%; width:171px}
#comment form div.submit label{padding-right:14px}
#comment form div.submit input{width:177px}
/* Errors */
.error,.error *{color:#FF8A00 !important}
/* ----------::Classes::--------------- */
.image-right:after,.image-left:affter{content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1 /*for ie*/}
.clear{clear:both; padding:0; margin:0; line-height:0}
.inline{display:inline}