/* Theme Name: Upper Valley Farm to School Theme URI: http://www.catalystwebworks.com Description: This theme was developed for the Upper Valley Farm to School Program by Catalyst Webworks. Version: 1.0 Author: Catalyst Webworks Author URI: http://www.catalystwebworks.com/ Tags: red, custom header, fixed width, two columns, widgets */ /* TEMP for TESTING */ /*#page { background-color: red; } #header-corner-left { background: blue; } #header-corner-right { background: red; }*/ /****************** UNIVERSAL ******************/ body { margin:-15px 0 20px 0; padding:0; background-image:url('images/background.png'); font-family:Trebuchet MS; } A { text-decoration:none; color:#B05D36; border-bottom:1px dotted #898C75; } A:hover { text-decoration:underline; border-bottom:1px solid #898C75; } .alignright, IMG.alignright { float:right; margin:0 0 0 10px; } .alignleft, IMG.alignleft { float:left; margin:0 10px 0 0; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* PAGE */ #page { margin:0px auto; padding:0; width:1070px; } #stuff { width:980px; margin:0px auto; } /*#stuff { position:relative; top:-22px; } /* For Shadow */ /*#page { margin:40px auto; } /* For Shadow */ /* HEADER */ #header { width:980px; background:#AED076; height:145px; padding:0; color:#FFFFFF; font-size:30px; } #logo-text { width:620px; height:108px; background:url('images/FTS-Header-Text.png') no-repeat; position:relative; top:25px; left:148px; float:left;} #logo-logo { height:129px; width:103px; background:url('images/FTS-Header-Logo.png') no-repeat; position:relative; top:12px; left:74px; float:left; } /* MENU */ /*#menu { height:29px; background:#DBDBC9; font-size:14px; text-transform:capitalize; text-transform:uppercase; padding:11px 0 0 0px;} #menu A { color:#6D7067; letter-spacing:4px; font-weight:bold; text-decoration:none; border-bottom:none; } #menu UL { padding:0; margin:0; } #menu LI { list-style: none; display:inline; margin-left:48px;}*/ /*#menu A { color:#6D7067; letter-spacing:4px; font-weight:bold; text-decoration:none; border-bottom:none; } #menu UL { padding:0; margin:0; } #menu LI { list-style: none; display:inline; margin-left:48px;}*/ #menu { height:38px; background:#DBDBC9; font-size:13px; text-transform:capitalize; text-transform:uppercase; padding-top:0px; letter-spacing:4px; } #dropmenu, #dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:14px; z-index:300; width:100%; font-weight:bold;} #dropmenu a { display:block; padding:12px 14px 12px 14px; color:#686868; text-decoration:none; border-bottom:none; } #dropmenu a:hover { background:#888; color:#fff;} #dropmenu li { float:left; position:relative; margin-left:28px; } #dropmenu ul { position:absolute; display:none; width:12em; top:1.9em; left:-1px; } #dropmenu ul a {border:1px solid #c8c8c8; background:#FFFFFF; } #dropmenu li ul { width:14.1em; } #dropmenu li ul a { width:300px; height:auto; float:left; border-bottom:1px solid #c8c8c8; font-size:11px; padding:6px 14px 6px 14px;} /*submenu*/ #dropmenu ul ul {top:auto;} #dropmenu li ul ul {left:280px; top:5px; margin:0px 0 0 10px;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} /* FOOTER */ #footer { width: 980px; margin:0 auto; text-align:center; } #footer, #footer A { font-size:13px; color:#FFFFFF; } #footer A { border-bottom:1px dotted #FFFFFF; } #footer A:hover { border-bottom:1px solid #FFFFFF; } /* ROUNDED CORNERS */ #header-corners { width:980px; margin:0 auto -9px auto; height:9px; position:relative; top:0px; } #header-corner-left { width:8px; height:9px; background:url('images/corner-top-left.png') no-repeat; float:left; position:relative; } #header-corner-right { width:8px; height:9px;background:url('images/corner-top-right.png') no-repeat; float:right; position:relative; } #footer-corners { width:980px; margin:0 auto; height:9px; position:relative; top:-9px; } #footer-corner-left { width:8px; height:9px; background:url('images/corner-btm-left.png') no-repeat; float:left; position:relative; top:1px; } #footer-corner-right { width:8px; height:9px;background:url('images/corner-btm-right.png') no-repeat; float:right; } /* SHADOWS */ #page { background:url('images/shadow-sides.png') repeat-y; } #top-shadow { height:45px; background:url('images/shadow-top.png') repeat-x; width:980px; margin:0px auto; position:relative; } #top-left-shadow { height:45px; width:45px; background:url('images/corner-shadow.png') no-repeat; float:left; position:relative; left:-45px; } #top-right-shadow { height:45px; width:45px; background:url('images/corner-shadow.png') no-repeat; background-position:right top; position:relative; left:45px; float:right; } #btm-shadow { height:45px; background:url('images/shadow-btm.png') repeat-x; width:980px; margin:0px auto; position:relative; top:-9px; } #btm-left-shadow { height:45px; width:45px; background:url('images/corner-shadow.png') no-repeat; position:relative; background-position:left bottom; left:-45px; float:left; } #btm-right-shadow { height:45px; width:45px; background:url('images/corner-shadow.png') no-repeat; position:relative; background-position:right bottom; left:45px; float:right; } /****************** WELCOME PAGE ******************/ #welcome-page { background:#FFFFFF; width:980px; } #welcome-content { width:650px; float:left; } #welcome-sidebar { width:250px; background:#FFFFFF; float:right; } #welcome-montage { width:650px; background:#FFFFFF; height:430px; } #welcome-photos { width:570px; background:#AED076; height:291px; padding:15px 0px 0 80px; text-align:center; } /* MONTAGE MANAGER */ #pager { display:none; } #rotator { z-index:1; } #rotator IMG { border:0; } .montage-overlay { background:url('images/montage-fade.png') repeat-y; height:430px; width:650px; z-index:2; position:absolute; top:0px; left:0px; } #rotator SPAN.headline { position: absolute; top:50px; left:50px; width:330px; z-index:3; color:#4E4E4E; font-size:21px; line-height:46px; letter-spacing:1px; } #rotator A { color:#4E4E4E; } /* SIDEBAR */ #welcome-sidebar { padding:30px 40px 30px 30px; color:#4E4E4E; font-size:15px; } #welcome-sidebar A { color:#C19270; } #welcome-sidebar UL { margin:0; padding:0; } #welcome-sidebar LI { margin:0; padding:0; list-style:none; } #welcome-sidebar label.screen-reader-text { display:none; } #welcome-sidebar form { text-align:center; margin-bottom:30px; } #welcome-sidebar H2 { font-weight:bold; text-align:center; color:#FFFFFF; font-size:15px; text-transform:capitalize; text-transform:uppercase; letter-spacing:3px; background-color:#92AF62; margin-top:30px; } #welcome-sidebar div.textwidget { text-align:justify; line-height:23px; } #welcome-sidebar LI.widget_calendar_upcoming UL { margin:0 0 15px 0; } #welcome-sidebar LI.recentcomments { margin:0 0 15px 0; } /* PHOTO GALLERY */ #welcome-photos UL { margin:0; padding:0; } #welcome-photos LI { list-style:none; margin:0; padding:0; } #welcome-photos H2 { font-weight:bold; text-align:center; color:#AF7651; font-size:15px; text-transform:capitalize; text-transform:uppercase; letter-spacing:3px; padding:0; width:480px; } #welcome-photos IMG { padding:15px 14px 7px 14px; border:none; } #welcome-photos A { border:none; } /****************** PAGES ******************/ #page-content H2 { padding:0; margin:0; } #content { width:560px; float:left; padding:30px 30px 30px 60px; color:#4E4E4E; font-size:14px; line-height:22px; text-align:justify; background:#FFF; } #content .entry IMG { padding:3px;border:1px solid #ddd; } #page-content { background-color:#FFF; width:980px; } /* SOCIABLE FIX */ #content DIV.sociable IMG, A, A:hover { padding:0px; border:none; } /* SIDEBAR */ #page-sidebar { color:#4E4E4E; font-size:15px; width:260px; padding:30px 40px 30px 30px; float:left; background:#FFF; } /* #page-sidebar A { color:#4E4E4E; font-weight:bold; } */ #page-sidebar UL { margin:0; padding:0; } #page-sidebar LI { margin:0; padding:0; list-style:none; } #page-sidebar label.screen-reader-text { display:none; } #page-sidebar form { text-align:center; margin-bottom:30px; } #page-sidebar H2 { font-weight:bold; text-align:center; color:#FFFFFF; font-size:15px; text-transform:capitalize; text-transform:uppercase; letter-spacing:3px; margin:30px 0 10px 0; background-color:#AED076; } #page-sidebar div.textwidget { text-align:justify; line-height:23px; } #page-sidebar LI.widget_calendar_upcoming UL { margin:0 0 15px 0; } #page-sidebar LI.recentcomments { margin:0 0 15px 0; } #page-sidebar LI.widget_links LI { margin:0 0 15px 0; list-style:disc; } /* #C19270 orange */ /* #92AF62 green */ /* LINKS PAGE */ #links-page { margin:0; padding:0; } LI.linkcat { list-style:none; margin-top:10px; } /* WIDGET */ LI.prf_widget_display IMG { border:none; }