/* Title: Main CSS Author: 3 Crown Creative */ @import "reset.css"; @import "base.css"; @import "fonts.css"; @import "CMScontent.css"; body, html {color:#000; font-family: Arial,sans-serif} body {min-width:1160px;background: #b34600 } html {min-height: 101%;} /* --------------------------------------------------*/ #wrapperOuter {width:1160px; margin:20px auto 0 auto; background:url(/images/bkgBlue.jpg) repeat-y 80px 20px} #wrapperInner { background:url(/images/notepadM.jpg) repeat-y 231px 50px } #container {background: url(/images/bkgHomeImg.jpg) no-repeat 0 50px} #home #container {background: url(/images/bkgHomeImg.jpg) no-repeat 0 50px} #books #container {background: url(/images/bkgBooksImg.jpg) no-repeat 0 50px} #tinkFiles #container {background: url(/images/bkgTinkFilesImg.jpg) no-repeat 0 50px} #author #container {background: url(/images/bkgAuthorImg.jpg) no-repeat 0 50px} #schedule #container {background: url(/images/bkgScheduleImg.jpg) no-repeat 0 50px} #contact #container {background: url(/images/bkgContactImg.jpg) no-repeat 0 50px} #header {background:url(/images/bkgHeader.jpg) no-repeat 71px 0; display:block; height:72px; width:1014px;} #content {margin:120px 178px 0 280px; min-height:700px } #foot { background:url(/images/notepadB.jpg) no-repeat;margin:-20px 0 0 231px; padding:26px 220px 20px 50px; font-size:75%; font-weight:bold} #foot .left {float:left; text-align:left} #foot .right {float:right; text-align:right} #foot a {color:#000; text-decoration:underline} #foot a:hover {color:#3950a8; text-decoration:underline} /* --------------------------------------------------*/ #content p, #content li {letter-spacing:.02em; line-height:150%} .contentImgHolder {float:right; width:300px; height:315px; display:block;} #books .contentImgHolder {float:right; width:370px; height:420px; display:block;} #home .contentImgHolder {width:300px; height:330px; display:block;} #tinkFiles .contentImgHolder {width:300px; padding:345px 0 0 0; height:auto; display:block;} #author .contentImgHolder {width:350px; padding:360px 0 0 0; height:auto; display:block;} #contact .contentImgHolder {width:340px; height:315px; display:block;} h1 img {margin:10px 0 0 0} /* --------------------------------------------------*/ #nav {padding:35px 0 0 450px} #nav a, #nav a:hover {text-decoration:none; display:block; height:11px; text-indent:-6000px; float:left; margin-right:20px } #nav .home a {background: url(/images/navHome.png) no-repeat 0 0; width:40px;} #nav .home a:hover {background: url(/images/navHome.png) no-repeat -40px 0; } #home #nav .home a {background: url(/images/navHome.png) no-repeat -40px 0; cursor:default} #nav .books a {background: url(/images/navBooks.png) no-repeat 0 0; width:70px} #nav .books a:hover {background: url(/images/navBooks.png) no-repeat -70px 0; } #books #nav .books a {background: url(/images/navBooks.png) no-repeat -70px 0; cursor:default} #nav .tinkFiles a {background: url(/images/navTinkFiles.png) no-repeat 0 0; width:90px} #nav .tinkFiles a:hover {background: url(/images/navTinkFiles.png) no-repeat -90px 0; } #tinkFiles #nav .tinkFiles a {background: url(/images/navTinkFiles.png) no-repeat -90px 0; cursor:default} #nav .author a {background: url(/images/navauthor.png) no-repeat 0 0; width:121px} #nav .author a:hover {background: url(/images/navauthor.png) no-repeat -121px 0; } #author #nav .author a {background: url(/images/navauthor.png) no-repeat -121px 0; cursor:default} #nav .schedule a {background: url(/images/navSchedule.png) no-repeat 0 0; width:62px} #nav .schedule a:hover {background: url(/images/navSchedule.png) no-repeat -62px 0; } #schedule #nav .schedule a {background: url(/images/navSchedule.png) no-repeat -62px 0; cursor:default} #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:53px} #nav .contact a:hover {background: url(/images/navContact.png) no-repeat -53px 0; } #contact #nav .contact a {background: url(/images/navContact.png) no-repeat -53px 0; cursor:default} /* --------------------------------------------------*/ .widgetBox { margin:10px 10px 10px 40px; text-align:left; background-color:#e3e1e1} #content .widgetTxt li {line-height:100%} .widgetHdr {padding:15px 0 0 15px;} .widgetTxt {padding:0 5px 5px 15px;} .widgetTxt ul li, .widgetTxt ul li a {text-transform:capitalize; text-decoration:none;color:#000;list-style: none; list-style-image:url(/images/bullet.gif); font-size:95%; letter-spacing:normal; margin-bottom:8px} .widgetTxt ul li:hover, .widgetTxt ul li a:hover {text-decoration: none; color:#b34600} .widgetTxt ul li.active, .widgetTxt ul li.active a {text-decoration:none; color:#b34600; cursor:default} .widgetTxt #indexPage a {color:#b34600; font-size:77%; text-transform:uppercase; margin-left:-10px} #author .widgetTxt p {padding:0; margin:0} #pageContent .widgetTxt { font-size:108%; padding:0} /* --------------------------------------------------*/ .rss {text-align:right; margin:0; padding:0; line-height:normal} .header {margin-top:-15px} #tinkContent p { } #tinkContent blockquote {margin-left:50px; margin-right:60px;} #tinkContent blockquote p {text-indent:0;text-align:justify} #tinkFiles h2 {margin-bottom:3px; text-transform:capitalize} #tinkFiles h2 a {color:#b34600;} #tinkFiles h2 a:hover {color:#3950a8} #tinkFiles h6 { font-style:italic; margin-bottom:15px; color:#999; font-size:85%} #tinkFIles .catTitle p {font-size:132%; color:#999; text-indent:0; text-transform:lowercase} /* --------------------------------------------------*/ #pagination {font-size:85%;padding: 3px;margin:3px; text-decoration:none} #pagination a {padding: 1px 5px;margin: 2px;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} #pagination a:hover, #pagination a:active {border: 1px solid #000000;color:#000000; background-color:#b34600; text-decoration:none} #pagination .current {border: 1px solid #000000;color:#000000; background-color:#b34600; cursor: default } #pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #bbb;color: #bbb;} /* --------------------------------------------------*/ #blogCommentForm form {padding:6px 0;background-color:#EDF3DE;margin-bottom:18px; font-family:Verdana,Arial,Helvetica,sans-serif; } #blogCommentForm form fieldset {border:0 solid;} /* Opera */ #blogCommentForm form p {padding:6px 0;border-bottom:1px solid;border-color:white; font-size:93%; margin:0} #blogCommentForm form label {display:block;float:left;width:70px;color:#333333; font-size:93%;margin:0 15px 0 15px;} #blogCommentForm form em {margin-left:5px;font-size:0.9em;font-style:normal;color:#C8C8B4;} #blogCommentForm form input {color:#414141; margin:0} #blogCommentForm form input, form textarea { padding:3px; width:200px; border:1px solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:93%; border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;} #blogCommentForm form input:focus, form textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;} #blogCommentForm form textarea {overflow:auto;width:325px;} #blogCommentForm form .button { width:90px !important; border-bottom:1px solid; font-weight:bold;margin:0 0 0 90px; padding:0; border-color:white #DCDCDC #DCDCDC white; background-color:#F0F0F0; cursor:pointer; } #commentSent {padding:6px;background-color:#EDF3DE;margin-bottom:18px; font-family:Verdana,Arial,Helvetica,sans-serif;} #commentSent p {padding:6px 0;font-size:93%} /* --------------------------------------------------*/ a.more {font-size:69%;} #comments h2 {margin-bottom:24px; font-size:108%} #comments h2 a {margin-left:2px;} #comments ul {margin:0 0 0 20px;} #comments li {position:relative;margin-bottom:18px;} #comments li a {color:#000;} #comments li.comment {list-style-image:url(/images/comments.gif);} #comments li p {padding:0 0 10px 0;} #comments .header {position:relative;min-height:19px; height:19px;margin:0 0 10px 0;padding:6px 6px;background-color:#EDF3DE;} /* --------------------------------------------------*/ #recaptcha_widget a {color:#666; font-weight:normal;font-size:0.9em;} #recaptcha_widget a:hover { color:#C8C8B4} #recaptcha_image {padding:10px 0 0 100px; float:left; background:none;font-size:0.9em;} #recaptcha_image img {border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;} #recaptcha_widget #reload {float:left; padding:5px 0 0 10px;} #recaptcha_widget #reload p { border:none} #captcha object {height:300px; width:500px; border:none} /* --------------------------------------------------*/ .inpErr {background-color:#b34600; color:#ffffff} .inpOK {background-color:white; color:#000000} .errorDiv {color:#b34600; font-weight:bold; padding:5px 0 0 0; } /* --------------------------------------------------*/ /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}