/* -------------------------------------------------- Main Art Smart Club StyleSheet -------------------------------------------------- */ /* Global Reset -------------------------------------------------- */ * {margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%;} /* General typography & alignments -------------------------------------------------- */ body { margin: 0 auto; font-family: Verdana, Arial, sans-serif; font-size: 70%; color: #666; line-height: 150%; background-color: #4399D1; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-position: center top; } h1, h2, h3, h4 {margin-bottom: 20px; font-family: Verdana, Arial, sans-serif; color: #000; line-height: 100%;} h1 {font-size: 300%;} h2 {font-size: 200%;} h3 {margin-bottom: 5px; font-size: 150%; font-weight: bold;} h4 {margin-bottom: 5px; font-size: 120%; font-weight: bold;} p {margin-bottom: 20px;} a {outline: none; color: #006600; text-decoration: underline;} a img {border: 0;} a:hover {text-decoration: none; outline: none; color: #006600;} strong, b {font-weight: bold;} em, i {font-style: italic;} blockquote {margin: 10px 10px 20px 10px; padding: 5px; border: 1px dashed #ccc;} code {display: block; margin: 10px 10px; padding: 5px; border: 1px dashed #ccc; font-size: 120%;} hr {margin: 10px auto; width: 100%; height: 0; border: 0; border-bottom: 1px dashed #ccc;} form {padding: 10px 0;} fieldset {border: 0;} label {display: block;} label em {font-weight: normal; color: #c00;} input, textarea, select {width: 150px; font-family: inherit;} textarea {width: 400px;} input.button {width: auto; cursor: pointer;} input.radio {float: left; margin: 3px 10px 0 0; width: auto;} label.radio {float: left; margin-right: 30px; width: auto;} img.left, img[align="left"] {float: left; margin: 0 10px 10px 0;} img.right, img[align="right"] {float: right; margin: 0 0 10px 10px;} .left {float: left;} .right {float: right;} .center {margin: 0 auto; text-align: center;} .strikeThru {text-decoration: line-through;} .clear:after {content: "."; display: block; clear:both; height: 0; visibility: hidden;} /* Structure and DIV specific styling -------------------------------------------------- */ #wrapper { margin: auto; width: 100%; background-repeat: no-repeat; background-position: center top; } #container {margin: auto; width: 920px; background: url(../images/panelBkg_rpt.jpg) repeat-y;} #pageHeader {width: 920px; height: 305px; background: url(../images/headerBkg.jpg) no-repeat;} #pageHeader h1 {position: relative; margin: 0 0 0 15px; width: 494px; height: 142px; overflow: hidden;} #pageHeader h1 span {position: absolute; width: 100%; height: 100%; background: url(../images/headerSig.jpg) no-repeat;} #nav1 { float: right; width: 100%; margin-top: 123px; z-index: 1; } #contentWrapper {width: 920px; background: url(../images/panelBkg_bottom.jpg) bottom no-repeat;} #content {padding: 0 24px 0 32px; width: 864px; background: url(../images/panelBkg_top.jpg) no-repeat;} #content h3 {font-size: 150%;} #searchform {float: right; width: 270px;} #searchform input {width: 89px; height: 46px; border: none; color: #777;} #searchform #s {float: left; margin: 5px 0 0 0; padding: 15px 10px 0 8px; width: 150px; height: 26px; background: url(../images/searchBox.gif) scroll no-repeat; overflow: hidden; font-size: 110%;} #searchform #searchSubmit {float: right;} #mainContent { float: left; width: 586px; padding-top: 25px; padding-right: 15px; padding-bottom: 0; padding-left: 0; } #mainContent h2 { margin: 0; padding-bottom: 3px; letter-spacing: -1px; color: #880002; } #mainContent h2.pageTitle {padding-bottom: 20px;} .post {clear: left; margin-bottom: 20px; padding-bottom: 10px; background: url(../images/hr.png) bottom no-repeat;} .post2 {clear: left; margin-bottom: 20px; padding-bottom: 10px;} .page {margin-bottom: 20px;} .post h2 a, .page h2 a {text-decoration: none; color: #666666;} .post h2 a:hover, .page h2 a:hover {} p.postDetails {padding: 2px 0; font-size: 90%;} p.postDetails a {} p.content {padding: 2px 0; font-size: 12px;} p.postComments {padding: 5px 0 0 30px; background: url(../images/comments.gif) 0 1px no-repeat;} .entry {} .pageNavigation {padding: 20px 0;} .linkUK {padding: 2px 0 2px 24px; background: url(../images/gb.png) 0 4px no-repeat !important;} .linkUS {padding: 2px 0 2px 24px; background: url(../images/us.png) 0 4px no-repeat !important;} #comments {clear: left;} .commentList {margin: 10px 0 20px 0; padding-left: 20px;} .commentList li {padding: 10px 10px 5px 10px; background: url(../images/dashedLine.gif) bottom no-repeat} .commentList cite {font-weight: bold;} .commentList p {padding-top: 10px;} #commentForm {padding: 10px;} #commentForm #author {padding: 10px 10px 5px 8px; width: 270px; height: 40px; border: none; background: url(../images/inputForm.gif) scroll no-repeat; overflow: hidden;} #commentForm #email {padding: 10px 10px 5px 8px; width: 270px; height: 40px; border: none; background: url(../images/inputForm.gif) scroll no-repeat;} #commentForm #url {padding: 10px 10px 5px 8px; width: 270px; height: 40px; border: none; background: url(../images/inputForm.gif) scroll no-repeat;} #commentForm #comment {padding: 7px 10px 7px 6px; width: 370px; height: 150px; border: none; background: url(../images/inputText.gif) scroll no-repeat;} #subWrapper {float: right; padding-top: 5px; width: 250px;} #subMenu {float: left; width: 180px;} ul.links li {padding-left: 25px; background: url(../images/bulletLink.gif) 5px 4px no-repeat;} li.rss {margin-bottom: 5px; padding: 3px 0 0 25px; background: url(../images/bulletRSS.jpg) 0 0 no-repeat;} #subContent {float: right; width: 250px;} .sidebar_content { margin-top: 110px; } .sidebar_content1 { } .sidebar_content2 { height: 300px; } .sidebar_content ul li { padding-left: 10px; float: left; width: 143px; list-style: none; } .sidebar_content h2 { margin-top: 15px; background: url(../images/sidebar_h2_bg.png) top center no-repeat; color: #FFFFFF; padding-left: 9px; padding-top: 3px; height: 23px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; } .sidebar_content ul li li { padding-left: 0px; display: block; width: 180px; background: url(../images/line2.gif) bottom repeat-x; padding-bottom: 1px; } .sidebar_content ul li li a{ color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; background: url(../images/link_arrow.gif) right center no-repeat; display: block; padding: 4px 0 5px 8px; } .sidebar_content ul li li a:hover{ background-color: #4494CC; } #subWrapper h3 {margin-bottom: 5px;} h3.headerCategories {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerCategories span {position: absolute; width: 100%; height: 100%; background: url(../images/headerCategories.jpg) no-repeat;} h3.headerArchives {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerArchives span {position: absolute; width: 100%; height: 100%; background: url(../images/headerArchives.jpg) no-repeat;} h3.headerBlogroll {position: relative; display: block; margin: 0; width: 180px; height: 55px; overflow: hidden;} h3.headerBlogroll span {position: absolute; width: 100%; height: 100%; background: url(../images/headerBlogroll.jpg) no-repeat;} h3.headerFriends {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerFriends span {position: absolute; width: 100%; height: 100%; background: url(../images/headerFriends.jpg) no-repeat;} h3.headerWelcome {position: relative; display: block; width: 180px; height: 35px; overflow: hidden;} h3.headerWelcome span {position: absolute; width: 100%; height: 100%; background: url(../images/headerWelcome.jpg) no-repeat;} h3.headerFlickr {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerFlickr span {position: absolute; width: 100%; height: 100%; background: url(../images/site_menu.png) no-repeat;} h3.headerLastFM {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerLastFM span {position: absolute; width: 100%; height: 100%; background: url(../images/headerLastFM.jpg) no-repeat;} h3.headerTwitter {position: relative; display: block; margin: 0; width: 180px; height: 35px; overflow: hidden;} h3.headerTwitter span {position: absolute; width: 100%; height: 100%; background: url(../images/headerTwitter.jpg) no-repeat;} h3.headerFeeds {position: relative; display: block; margin-top: 45px; width: 180px; height: 35px; overflow: hidden;} h3.headerFeeds span {position: absolute; width: 100%; height: 100%; background: url(../images/headerFeeds.jpg) no-repeat;} #subContent p.intro {padding: 0 10px; min-height: 140px;} #flickr {margin-bottom: 10px;} #flickr ul {margin: 0;} #flickr li {display: inline; margin: 0 2px 0 0; padding: 0; background: none; list-style-type: none;} #flickr li a img {padding: 1px; margin-bottom: 2px; padding: 7px 15px 14px 8px; width: 75px; height: 75px; background: url(../images/imgBkg_flickr.jpg) no-repeat;} #twitter_update_list {margin: 0;} #twitter_update_list li {margin-bottom: 5px;} #footer {padding: 10px 0 ; background: url(../images/dashedLine.gif) top center no-repeat; text-align: center;} .black {color: #000;}