/* Theme Name: MSW Theme URI: http://elliotjaystocks.com Description: Art Show Theme Version: 2.8 Author: Zach Fonville Author URI: http://redferriswheel.com Tags: starkers, naked, clean, basic */ /* STRUCTURE /// */ body {background: #fcfaf4 url(/wp-content/themes/msw/style/images/bg-color.jpg) top center no-repeat;} #wrap {margin:0 auto; width: 960px; height:100%; } #head {margin:25px 0 0; height:150px;} #nav {height:25px; margin:0 0 5px;} #content {padding:0px 0 25px; background:url(/wp-content/themes/msw/style/images/bg.png) repeat-y top center;} #contentMain {float:left; padding:0 25px; width:550px;} #sidebar {float:right; width:325px; padding:0px 35px 25px 0; text-align:right;} #sidebar2 {float:right; width:325px; padding:0px 35px 25px 0;} #contentFull {padding:0 25px;} #topBg {height:22px; background:url(/wp-content/themes/msw/style/images/topBg.png);} #bottomBg {height:56px; background:url(/wp-content/themes/msw/style/images/bottomBg.png)top center no-repeat;} /* NAV /// */ #navLinks {float:right;} .navItem {float:left; padding:5px 15px;} .wp-pagenavi {margin:40px 0 25px!important;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; text-transform: uppercase !important;font-size: 10px;} .wp-pagenavi a, .wp-pagenavi span {padding: 5px 10px !important;} .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {color: #032539 !important;background:#E5DDD2 !important;border: none !important;} .wp-pagenavi a:hover {color: #005E86 !important;background:#fcfaf4 !important;} .wp-pagenavi span.current {background:#fcfaf4 !important;border: none !important;} .wp-pagenavi span.pages, .wp-pagenavi span.extend {display: none !important;} .meta {margin-top:15px; font-size:9px !important;border-top:1px solid #E5DDD2;padding:5px;} /* SINGLE /// */ .comment {margin:10px 0 20px 0; font-style:italic; padding:0 15px 0;} .comment-author {font-size:25px; color:#FFA129; padding:10px 0;} .commentlist {} .comment-body p {padding:0 0 11px 15px; border-bottom:1px solid #999; line-height: 20px; text-indent: 15px;} .comment br, .comment img.avatar, .says {display:none;} .post a {font-size: inherit !important;} .commentmetadata {position:absolute; bottom:-15px; right:15px;} .comment-heading, #regInfo {margin-top:25px;} #comment {margin:25px 0;padding:5px;} #commentform p {margin:7px 0 8px;} #commentform p input {padding:2px 0 3px;} #submit {padding:5px 10px 6px; color: #032539; background:#E5DDD2; border: 1px solid #999;} #submit:hover {cursor:pointer; background:#fcfaf4;} /* INDEX /// */ .splash {margin-left:20px;} p.byline, p.entry-meta {display:none;} /* ABOUT /// */ #aboutCopy {float:left; width:550px; padding:25px 10px; font-size:15px;} #aboutPDFs {float:right; width:325px; padding:10px 25px 25px 0;} .officerShell {float:left; width:415px; margin:50px 40px 25px 0;} .officerDiv {float:left; width:195px; margin:25px 0 0 10px;} .memberShell {padding: 0 25px; margin-top: 25px;} .membersDiv {float:left; width:213px; overflow:hidden; font-size:13px; margin: 25px 0 0 10px;} /* CALENDAR /// */ .category-calendar {margin:5px 10px 1px 25px; width:240px; background: #E5E1D2 url(/wp-content/themes/msw/style/images/colBack.jpg) top center no-repeat; padding:0 25px 15px; font-size: 14px; border:1px solid #aa9d7d;float:left;text-align: center;} .calendarEntry {margin:5px; width:210px; height:225px;background: #E5E1D2 url(/wp-content/themes/msw/style/images/2010.jpg) bottom right no-repeat; border:1px solid #aa9d7d;overflow:hidden;float:left;text-align: center;} .WORKSHOP h2 {background:#706551 !important;} .nextYear {background:#E5E1D5 url(/wp-content/themes/msw/style/images/2011.jpg)bottom right no-repeat;} .calendarHead {padding:12px 12px; background:#aa9d7d; color:#fff; letter-spacing: 0px;} .calendarEntry p {font-size:15px; padding:25px;} /* CONTACT /// */ .wpcf7-form p {padding:5px 8px;margin:12px 0 8px;} .wpcf7-form textarea, .wpcf7-form input {padding:5px 8px;} .inputLabel {display: block;} #wp-submit,input.submit {display:block; background: #E5E1D2; margin-left: 10px; padding:5px 8px; border:1px solid #aa9d7d;} #wp-submit:hover, input.submit:hover {background: #fff; cursor:pointer;} #sidebar2 li {margin:15px 0 0px; padding:0px 5px; border-bottom: 1px solid #E5DDD2;display: block;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:13px;} /* GALLERY /// */ #quickLinks {width:900px; height:332px; background: url(/wp-content/themes/msw/style/images/galleryLinks.jpg) no-repeat; margin:0; position: relative;} #quickLinks li {margin: 0; padding: 0; list-style: none; position: absolute; overflow:hidden; text-indent: -9999px;} #quickLinks li, #quickLinks a {height: 83px; display:block;} #link1 {top:0px; left:0px; width:900px;} #link2 {top:83px; left:0px; width:450px;} #link3 {top:83px; left:450px; width:450px;} #link4 {top:166px; left:0px; width:450px;} #link5 {top:166px; left:450px; width:450px;} #link6 {top:249px; left:0px; width:450px;} #link7 {top:249px; left:450px; width:450px;} #link1 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) 0px -332px no-repeat;} #link2 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) 0px -415px no-repeat;} #link3 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) -450px -415px no-repeat;} #link4 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) 0px -498px no-repeat;} #link5 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) -450px -498px no-repeat;} #link6 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) 0px -581px no-repeat;} #link7 a:hover {background: transparent url(/wp-content/themes/msw/style/images/galleryLinks.jpg) -450px -581px no-repeat;} .galleryImageWrap {float:left; height:400px; width:400px; margin:2px 2px 5px 3px;padding:16px 25px 25px 16px; background:#E5DDD2;border:1px solid #403A27;position:relative;} .galleryImage {border:3px solid #403A27;} .artTitle {position:absolute; bottom:40px; right:20px;font-size: 11px!important;} .artAuthor {position:absolute; bottom:25px; right:20px;} .artAward {position:absolute; bottom:10px; right:20px;font-size: smaller;} /* FOOT /// */ .foot {margin:10px 15px 50px 0;float:right; text-align:right;} #loginLink {width:85px; height:84px; background: url(/wp-content/themes/msw/style/images/login.jpg) no-repeat; margin:0; position: absolute; top:-25px; right:0px;} #loginLink span {margin: 0; padding: 0; position: absolute; overflow:hidden; text-indent: -9999px;} #loginLink span, #loginLink a {height: 84px; display:block;} #loginImg {top:0px; left:0px; width:85px;} #loginImg a:hover {background: transparent url(/wp-content/themes/msw/style/images/login.jpg) 0px -85px no-repeat;} /* REGISTRATION /// */ #user_pass,#city_state_zip, #firstname, #lastname, #website, #user_login,#street_address, #user_email,#best_phone, .loginform label, .registerform input, .registerform label, .lostpasswordform input, .lostpasswordform label {padding:4px; margin:5px 0 0px;display:block;} #cycnav {clear:both;margin-top:30px;font-size:14px;padding:4px;} #rememberme {float:left; margin:7px 10px 0 5px;} #wp-submit {float:left; margin:20px 0;} /* STARKERS STYLE RESETS----------------------------------------- */ /* TYPOGRAPHY // */ body {font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif; font-size: 16px; color:#032539;} h1, h2, h3, h5, h5, h6 {padding:8px 0 0px; margin-bottom:12px;border-bottom:1px solid #E5DDD2;display: block;} h1 {font-size:30px;} h2 {font-size:27px;} h3 {font-size:20px;} #sidebar h2 {text-align: center !important;} .artTitle, .artAuthor, .artAward, .inputLabel, .sans, .message, small, .commentmetadata {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase;font-size:10px;} .textRight {text-align: right;} a, a:visited {color: #005E86;font-size: larger; text-decoration: none;} a:hover {color: #409BB7;} /* RESET */ /* ----------------------------------------- */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-style: italic; } q:before, q:after { content:''} strong { font-weight:bold } em { font-style:italic; } a img { border:none } /* LAYOUT */ /* ----------------------------------------- */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .divCenter { margin: 0px auto; width:50%;} .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } div, ul, li, body { position:relative } br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ .spacer { display:block; height:30px;}