/*------------------------------------------------------------------ [Master Stylesheet ] Project: GIY Ireland Version: 3.0 Assigned to: Aaron Jay Last Edited: read [Table of contents] 1. General and Overall 2. Fonts and typography 3. Header 4. Main Navigation 5. Homepage Specific 6. Footer 7. Members Profile pages 8. Lower pages general 9. Modals and login 10. Albums 11. Blogs 12. Veg Directory 13. Group Specific 14. Shop 15. Calendar of Events 16. Courses 17. Validation Error Styles 18. Living Classroom 19. GIY Week 20. Plot Partners ------------------------------------------------------------------- ------------------------------------------------------------------ [1.] General and overall ---------------------- */ ul {margin:0;padding:0; /* list-style-type:none; */} li{margin:0;padding:0; } label, input, select, textarea{margin:0 0 1em 0; cursor:inherit;} dl, dt, dd{margin:0;padding:0; list-style-type:none; font-size:.85em;} dt {font-weight:700;} dd {font-weight:normal; margin: 0 0 1em 0;} body {background: #E3E0CE url(../graphics/body_bg.gif) repeat-x;} .container_16 {background-image: none;background:transparent;} #main {background:#fff; float:left; padding: 1em 0 0 0} #dynamic {background:#fff;} #main p.message_good {color:#475D26;font-weight:bold; padding: 1em; background: #FFF;} #main p.message_bad {color:#990000; font-weight:bold; padding: 1em; background: #FFF;} .float_right {float:right; margin:0 .8em;} .float_left {float:left; margin: 0 .8em 1.5em .8em;} /* [2.] Fonts and Typography ---------------------- */ @font-face { font-family: 'Angelina'; src: url('../fonts/angelina.eot'); src: url('../fonts/angelina.eot#iefix') format('embedded-opentype'), url('../fonts/angelina.woff') format('woff'), url('../fonts/angelina.ttf') format('truetype'), url('../fonts/angelina.svg') format('svg'); font-weight: normal; font-style: normal; } h1,h2,h3,h4,h5 { margin:0;padding:0;} a {color:#000; text-decoration:underline;} #main h1 {font-family: ff-meta-web-pro,sans-serif;font-weight: bold;} legend{margin: .5em 0; color:#5A3D19; font-size:1.5em; font-family: ff-meta-web-pro,sans-serif;font-weight: bold;text-align:left;line-height:1em;} legend.cart_head {margin: .5em} /* [3.] Header ---------------------- */ header {height:12.9em; position:relative; padding:0; margin:0;background:url(../graphics/giy_header.jpg) no-repeat;} header.uk {height:12.9em; position:relative; padding:0; margin:0;background:url(../graphics/blank_header.jpg) no-repeat;} header.giynation {height:12.9em; position:relative; padding:0; margin:0;background:url(../graphics/giynation_header.jpg) no-repeat;} header h1.header {background:url(../graphics/giy_logo.png) no-repeat;height:10em;position:absolute;top:.2em; left:14em; overflow:hidden; text-indent:-20em; width: 9em;} header ul.profile-menu {position:absolute; top:0; right:0;} header form {position:absolute; top:2em; right: 0;} header .supported {position:absolute;right:.2em;bottom: 3.2em;font-family: ff-meta-web-pro,sans-serif;color:#306B89;} .profile-menu li {margin: .5em 0 0 1em; text-align:right; float:left;} .profile-menu a:link, .profile-menu a:visited {color:#2F6987; text-decoration: none;} .profile-menu a:hover, .profile-menu a:active {color:#fff; text-decoration:underline;} #overall_search {margin: .6em 0 0 0;} #overall_search label {display:none;} #overall_search .btn_search {background:#397FA3; border:none; color:#fff; height:1.7em;} /* [4.] Main navigation ---------------------- */ nav#main_nav {margin: 1em 0;height: .5em;background: none;font-size:1em;} #main_nav .sf-menu {font-family: ff-meta-web-pro,sans-serif; font-weight: 700;} #main_nav .sf-menu a:hover {color:#D3EA98; font-family: ff-meta-web-pro,sans-serif; font-weight: 700;} /* #main_nav .sf-menu li.selected {border-bottom:.5em solid #fff;}*/ /* [5.] Home Page Specific ---------------------- */ #dynamic{color:#fff;} #dynamic h2 {font-family: 'Angelina';font-weight:normal;text-align:left;font-size:2.2em;margin: .2em 0 0 .4em;} #dynamic h3 {font-family: ff-meta-web-pro,sans-serif;font-weight: bold;text-align:left;line-height:1em;} #dynamic .green_grid h3 {font-size:1.6em; margin: .2em 0 .2em .5em; } #dynamic .orange_grid h3, #dynamic .green_grid h3.dyn_tips_head { font-size:1.1em; margin: .2em 0 .4em .6em;} #dynamic article {height: 13em; position: relative;} #dynamic .green_grid { background:url(../graphics/green_grid.png) no-repeat;} #dynamic .blue_grid { background:url(../graphics/blue_grid.png) no-repeat;} #dynamic .orange_grid { background:url(../graphics/orange_grid.png) no-repeat;} #dynamic .green_grid ul {padding: 0 1em 0 .7em; color:#fff;} #dynamic .orange_grid span, #dynamic .green_grid span {padding: 0 1em 0 .7em;margin:0; display:block;} #dynamic img {margin: 0em 0.9em 0.9em 0.7em;} #dynamic a:link.read_more, #dynamic a:visited.read_more {background:url(../graphics/read_more_red_button.png) no-repeat;color: white;display: block;width: 7em; text-align: center;text-decoration: none;font-family: ff-meta-web-pro,sans-serif; font-weight:700;position:absolute;right: 0;bottom:.5em;padding: .75em 0;line-height:.75em;} #dynamic a:hover.read_more{text-decoration:underline;color:#ffffff;} .left_col_blue iframe {margin: 0 0 0 .5em} .left_col_blue aside#members_growing {background: #337084 url(../graphics/members_growing.png) no-repeat .3em 1em; height:7.2em; margin: 0 0 1em 0;} .left_col_blue aside#members_growing h4 span{ font-family: verdana, sans-serif; float: left; margin: .9em 0 .2em .1em; letter-spacing: 1.1em;color: #337186; height: 1.5em;} .left_col_blue {background-color:#397fa3; color:#ffffff;text-align:left; padding: .5em 0 0 0;} .left_col_blue p {padding: 0 .7em 0 .7em; border:0;} .left_col_blue h2 {font-family: 'Angelina'; font-weight:normal;font-size:2em;margin: .5em 0 0 .4em;} .left_col_blue h3 {font-family: ff-meta-web-pro,sans-serif;font-weight: 700;font-size: 2em;margin:0; padding:0;} .left_col_blue h3.giy {font-family: ff-meta-web-pro,sans-serif;font-weight: 700;font-size: 2.2em;margin: -.3em 0 0 .3em; padding:0;} .left_col_blue h4 {font-family: 'Angelina';font-weight: normal;text-align: left;font-size: 1.8em;margin: .8em 0 0 .7em;} .left_col_blue div#twitter_feed {background:#F8F8F2; margin: 1.5em 0 0 0;} .left_col_blue div#twitter_feed h3{height:3.3em;color:#397fa3; font-family: 'Angelina';padding-top: 20px;background: url(../graphics/twitter_header_bg.png);width: 220px;margin:0;} .left_col_blue div#twitter_feed ul {background: #F8F8F2;margin: -1em 0 0 0; list-style-type: none;} .left_col_blue div#twitter_feed li{margin: 1em 0 0 0; padding:1em; color:#000;} .left_col_blue div#twitter_feed li.item-2 {background:#ebeadc;} .left_col_blue div#twitter_feed a:link, .left_col_blue div#twitter_feed a:visited {color:#337084;} .left_col_blue div#twitter_feed a:hover {color:#337084;} .get_homepage h1,.community_homepage h1 {padding: .7em 0 0 .5em; font-family: ff-meta-web-pro,sans-serif;font-weight: 700;font-size: 1.6em; color: #5A3D1B;} .get_homepage a:link, .get_homepage a:visited, #dynamic a:visited {font-weight:700; text-decoration:none;color:#5A3D1A; font-size:1.1em;} .get_homepage a:hover, .get_homepage a:active, #dynamic a:active {font-weight:700; text-decoration:underline;color:#fff;} .get_homepage p {padding: 0 1em;} .involved {background:#EBEBD9 url(../graphics/get_involved.png) no-repeat left bottom; height: 27em;} .connected {background:#DEE0C2 url(../graphics/get_connected.png) no-repeat left bottom; height: 27em;} .growing {background:#CFCC9E url(../graphics/get_growing.png) no-repeat left bottom; height: 27em;} .involved h1 {background: #fff url(../graphics/light_brown_head.png) no-repeat} .connected h1 {background:#fff url(../graphics/med_brown_head.png) no-repeat} .growing h1 {background:#fff url(../graphics/dark_brown_head.png) no-repeat} .community_homepage {margin-top: 2em; background: #EBEBDA url(../graphics/grass_beige.png) repeat-x left bottom;}} .community_homepage {background:#EBEBD9; height: 20em;} .community_homepage h1 {background: #fff url(../graphics/light_brown_head.png) no-repeat} .community_homepage h2 {color: #5A3D1A; font-family: ff-meta-web-pro,sans-serif;font-weight:700;text-align:left;line-height:1em; font-size:1.2em; margin: .5em 0 0 0;} .community_homepage div {padding-top: 1em; margin-bottom:0em;} .community_homepage div.news_text {padding: 0 0 0 .75em;margin: 1em 0 0 0;} .community_homepage div.news_text_carousel {padding: 0 0 0 .75em;margin: 1em 0 0 0;background: #D3D0BB;height: 12.35em;} .community_homepage p.read_more {padding: 0;margin: 0;} .community_homepage p.text_preview {padding-bottom: 0;margin-bottom: 0;} .community_homepage a:link, .community_homepage a:visited{color:#C44926; text-decoration:none; font-weight: 100;} .community_homepage a:hover,.community_homepage a:active {color:#000; text-decoration:underline;} .recent_activity {color: #fff; background:#C44926 url(../graphics/grass_red.png) no-repeat left bottom; margin-top: 1em; margin-bottom:2em; padding-bottom:2em;} .recent_activity h1 {font-size:1.5em;color:#fff;background: #fff url(../graphics/red_head.png) no-repeat; padding: .7em 0 0 .7em;} .recent_activity h3 {margin: 1em 0 0 0; padding: .2em .5em; background: url(../graphics/red_sub_head.png) no-repeat;color:#fff; font-family: 'Angelina'; font-weight:normal; font-size:2em;} .recent_activity h4 {font-family: ff-meta-web-pro,sans-serif;font-weight:700;text-align:left;line-height:1em; font-size:1.2em; margin: .5em 0 0 0;} .recent_activity h4 a:link, .recent_activity h4 a:visited {color:#fff; font-weight:700;} .recent_activity div {margin-bottom:2em;} .recent_activity .album_homepage {margin-bottom: .5em;} .recent_activity p {font-weight:100; margin:0; padding:.5em 0 0 0;} .recent_activity article.activity_home {border-bottom: dotted .1em #EBEADC; padding:.5em 0; width: 200px;} .recent_activity p.activity_home_date {color:#f90;} .recent_activity a:link, .recent_activity a:visited {color:#f90; text-decoration:none; font-weight: 100;} .recent_activity p.activity_event a:link, .recent_activity p.activity_event a:visited {color:#FFF; text-decoration:none; font-weight: 100;} .recent_activity a:hover, .recent_activity a:active {color:#fff; text-decoration:underline;} .shop_homepage {background: #EBEBDA url(../graphics/grass_beige.png) repeat-x left bottom;} .shop_homepage h2{ background: #fff url(../graphics/light_brown_head.png) no-repeat; padding: .7em 0 0 .5em; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; font-size: 1.5em; color: #5A3D1B; } .shop_homepage h3, .shop_homepage h3 a:link {color: #5A3D1A; font-family: ff-meta-web-pro,sans-serif;font-weight:700;text-align:left;line-height:1em; font-size:1.2em; margin: .5em 0;} .shop_homepage div {margin-top: 1em; margin-bottom: 3em;} .shop_homepage a:link, .shop_homepage a:visited{color:#C44926; text-decoration:none; font-weight: 100;} .shop_homepage a:hover,.shop_homepage a:active {color:#000; text-decoration:underline;} .shop_homepage .price {margin:.2em 0; font-size:2.5em;color: #5A3D1A; font-family: ff-meta-web-pro,sans-serif;font-weight:700;} .inpbtn {background: none repeat scroll 0 0 #A7B33D; border-top:0; border-left:0;border-bottom: 1px solid rgba(0, 0, 0, 0.25);border-radius: 6px 6px 6px 6px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);color: #FFFFFF;cursor: pointer;display: inline-block;margin: 0;padding: 5px 10px 4px;position: relative;text-decoration: none;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } .orange_inpbtn {background: none repeat scroll 0 0 #C44926; border-top:0; border-left:0;border-bottom: 1px solid rgba(0, 0, 0, 0.25);border-radius: 6px 6px 6px 6px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);color: #FFFFFF;cursor: pointer;display: inline-block;margin: 0;padding: 5px 10px 4px;position: relative;text-decoration: none;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } p.orange_inpbtn a:link, p.orange_inpbtn a:visited {color:#fff;} #main a.inpbtn {color:#fff;} .sponsors {background:#fff; padding: 0.75em;} .sponsors img {margin-right: 0;} .sponsors h2 {border-top: #ccc solid .2em; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color:#397FA3;padding: .5em 0} /* [6.] Footer ---------------------- */ footer {padding: 1em 0; background: url(../graphics/footer.png);z-index:100; height:15em; color:#fff;} div.footer {margin: 0 auto; position:relative;} .footer h5 {font-family: 'Angelina';font-weight:normal;text-align:left;font-size:2.2em;margin: .2em 0 0 .4em; border-bottom: .1em dotted;} .footer p {padding: 0 1em; color:#DEE0C2;} .footer ul {padding: .7em;} .footer a:link, .footer a:visited {color:#DBD7C5; text-decoration:none; } .footer a:hover, .footer a:active {color:#FFF; text-decoration:underline} .social {text-align:right; padding: 1em 0;} .footer p.cro {color:#DD9F2A; } .footer .winners { text-align:right; position:absolute; top:3.5em; right:0em; } /* [7.] Members profile pages ---------------------- */ .left_col_blue_lower {background-color:#397fa3; color:#ffffff;text-align:left; padding: .5em 0 0 0;} .left_col_blue_lower p {padding: 0 .7em 0 .7em; border:0;} .left_col_blue_lower h2 {font-family: 'Angelina'; font-weight:normal;font-size:2em;margin: .5em 0 0 .4em;} .left_col_blue_lower h3 {font-family: ff-meta-web-pro,sans-serif;font-weight: 700;font-size: 2em;margin:0; padding:0;} .left_col_blue_lower h3.featured {font-family: ff-meta-web-pro,sans-serif;font-weight: 700;font-size: 1.8em; margin:0 0 0 .6em; padding:0;} .left_col_blue_lower h4 {font-family: 'Angelina';font-weight: normal;text-align: left;font-size: 1.8em;margin: .8em 0 0 .7em;} .left_col_blue_lower h4.featured {font-family: ff-meta-web-pro,sans-serif;font-weight: normal;text-align: left;font-size: 1.2em;margin: .4em 0 0 .1em;} .left_col_blue_lower h4.featured_group {border-top: solid .1em #5E98B5; padding: .5em 0 0 0; font-family: ff-meta-web-pro,sans-serif;font-weight: normal;text-align: left;font-size: 1.2em;margin: .4em .7em 0 .7em;} .left_col_blue_lower em {display:block; float:left; margin: .7em;} .left_col_blue_lower dl {margin: 1em 0; padding: 0 1em;} .left_col_blue_lower dt {float:left; font-weight:700; margin: 0 .7em 0 0; padding:0;} .left_col_blue_lower dd {font-weight:100; padding:0;} .left_col_blue_lower ul {margin: 0 1em;} .left_col_blue_lower li.item-1 {background:#2F6987;} .left_col_blue_lower nav a {display:block; padding: .2em;} .left_col_blue_lower nav a:link, .left_col_blue_lower nav a:visited, .left_col_blue_lower ul a:link, .left_col_blue_lower ul a:visited, .left_col_blue_lower a:link, .left_col_blue_lower a:visited {color:#fff; text-decoration:none; font-weight:100;} .left_col_blue_lower nav {margin-bottom: 1em;} .left_col_blue_lower nav a:hover, .left_col_blue_lower nav a:active, .left_col_blue_lower a:hover, .left_col_blue_lower a:active {color:#fff; text-decoration:underline;} .left_col_blue_lower hr {height:1.5em; display:block; background:#fff;color:red;} h3.status_head {margin: 0 .6em} .left_col_blue_lower form {margin: 0 1.1em;} .left_col_blue_lower ul.status li { padding: 0 0 .5em 0; margin: .5em 0; display:block; border-bottom: #2F6987 .3em solid } .left_col_blue_lower ul.status.no_lines li { padding: 0 0 .5em 0; margin: .5em 0; display:block; border:none;} .left_col_blue_lower ul.status li a:link, .left_col_blue_lower ul.status li a:visited {margin: 0 0 0 .2em;} .left_col_blue_lower ul.status li a:hover, .left_col_blue_lower ul.status li a:active {margin: 0 0 0 .2em; text-decoration:underline;} ul.grid_list li {height:4em;} ul.grid_list_profiles li {height:5em; margin: .5em 0 1em 0;} .left_col_blue_lower .member_img {margin-left:1em;} .left_col_blue_lower .sideimg {margin-left:.8em;} li a.item-1 {background:#306B89; padding:.2em .4em;} li a.item-2 {padding:.2em .4em;} li li a.item-1 {background:none; padding:.2em .4em;} #forum_list th{ text-align:left; border-bottom: solid .5em #DEE0C2; margin-bottom: .5em; } #forum_list td{ border-bottom:solid .1em #DEE0C2; margin-bottom:.3em; margin-top:.3em;} #data_list th{ text-align:left; margin-bottom: .5em; } #data_list td{ margin-bottom:.3em; margin-top:.3em;} /* [8.] lower pages general ---------------------- */ .light_brown_flat {margin-bottom: 2em; padding: .2em 0 3em 0; background: #EBEBDA url(../graphics/grass_beige.png) repeat-x left bottom; position:relative;} .light_brown_flat h3 {displa:block; clear:both; padding:0 .5em; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color: #5A3D1B; font-size:2em; } .light_brown_flat h3, .light_brown_flat h3 a:link {color: #5A3D1A; font-family: ff-meta-web-pro,sans-serif;font-weight:700;text-align:left;line-height:1em; margin: .5em 0;} .light_brown_flat h4 {color:#C44926; font-weight:400; margin: .7em 0 0 0} .light_brown_flat h4.group {color:#C44926; font-size:1.1em;font-weight:400; margin: 0} .light_brown_flat h4.group_head { font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color: #5A3D1B; font-size:1.5em; margin: 0 0 0 .5em;} .light_brown_flat h5.group {font-size:1em;font-weight:400; margin: .2em 0} .light_brown_flat a:link, .light_brown_flat a:visited, .light_brown_flat h4 a:link {color:#C44926; text-decoration:none; font-weight: 100;} .light_brown_flat a:hover,.light_brown_flat a:active {color:#000; text-decoration:underline;} .light_brown_flat p { margin-left: 10px; margin-right: 10px;} .light_brown_flat p.post {margin:0; padding: .5em; font-size:1.1em;} .light_brown_flat p.summary {font-size: 1.1em; margin: 0.5em 0 1.5em; padding: 0 1em;} .light_brown_flat p.atoz {margin:0; padding: 0 .7em; } .light_brown_flat .info p {word-wrap: break-word;} .light_brown_flat article {margin:0 .8em;} .light_brown_flat article.item-1 {background:#dee0c2;} .light_brown_flat.albums_member ul {margin: 0 0 0 .8em;} .light_brown_flat.albums_member ul li {margin:0 .2em 0 .5em; padding:0; height: 11em;} .light_brown_flat iframe, .video_member h4, .video_member p {margin:0 .8em;} .light_brown_flat.blogs_member ul {margin: 0 .8em;} .light_brown_flat.blogs_member li {border-bottom: dotted .1em #ccc; padding: 0 0 1em 0;} .light_brown_flat.blogs_member h4 {color:#000; font-size:1.2em; font-weight: 700;} .light_brown_flat.groups_member ul {margin: 0 0 0 .8em;} .light_brown_flat.groups_member ul li {margin:0 .5em 0 .5em; padding:0; height: 13em;} .light_brown_flat dl {margin: .5em .8em; font-size:1.2em;} .light_brown_flat h4.subhead {font-size:1.2em; margin: .7em 0 0 .8em;} .light_brown_flat form {margin: .5em .4em;} .light_brown_flat #orders {margin-bottom:2em;} /* .light_brown_flat th {background:#CFCC9E; text-align:left; font-weight:400; padding: .3em }*/ .light_brown_flat #orders td{padding: .3em; border-left:solid .1em #ccc;} .light_brown_flat tr.item-2 {background:#DEE0C2;} .light_brown_flat ul {margin: .5em 1em; padding-left: 14px;} .light_brown_flat div.no_back {background:none;} .light_brown_flat ul li.even {border-bottom:solid .1em #CFCC9E; padding-bottom: solid .5em;} .light_brown_flat ul li.odd {border-bottom:solid .1em #CFCC9E; padding-bottom: solid .5em;} .light_brown_flat ul li.even a:link, .light_brown_flat ul li.even a:visited {} .light_brown_flat ul li.even a:hover, .light_brown_flat ul li.even a:active {text-decoration:underline;} .light_brown_flat ul li.item-1, .light_brown_flat p.item-1 {padding: .5em;} .light_brown_flat ul li.item-2, .light_brown_flat p.item-2 {padding: .5em; background:#DEE0C2;} .light_brown_flat table.CITable,.light_brown_flat .map_frame {width:95%;} .light_brown_flat #calendar_wrapper .rule {width:75%; background: #EBEBDA;} .light_brown_flat p.items {padding: 1em ; margin: 1em 0;} .light_brown_flat #map {padding: 0 0 0 6em} /* [9.] modals and login ---------------------- */ #pp_full_res {background:#EBEBD9;} /* [10.] albums ---------------------- */ .album_list li {height:15em;} .album_detail_list li {height:9em;} .add_album {height:1em; padding: 0 0 1em 0;} .video_list li {height:13em;} /* [11.] blogs ---------------------- */ h4.blog_title {padding:0; margin:0; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color: #5A3D1B; font-size:1.6em;} p.author {margin:0; font-size:.9em; font-style:italic} .article_list p.author {margin:0 0 0 1em; font-size:.9em; font-style:italic} article.blog_list {border-bottom:solid .1em #CFCC9E; margin-bottom:1em;} /* [12.] veg directory ---------------------- */ .veg_list li {height:12em;} #veg_directory h4 a {color:#fff;} #main #related_articles a:link, #main #related_articles a:visited, #main #related_products a:link, #main #related_products a:visited {color:#000;} #veg_directory p {font-size:.90em;} /* [13.] groups specific ---------------------- */ .group_img {margin: 0 .7em .7em .7em;} ul.zebra {margin: 0 .7em .7em .7em;} ul.zebra a:link, ul.zebra a:visited {color:#fff; text-decoration:none;} ul.zebra a:hover, ul.zebra a:active {color:#fff; text-decoration:underline;} ul.zebra li.even {background:#306B89; padding:.2em .4em;} ul.zebra li.odd {padding:.2em .4em;} ul.group_list li {margin-bottom:3em; height:10em;} /* [14.] shop ---------------------- */ .shop_head {border-bottom: solid 1em #E3E0CE; position:relative; background: url(../graphics/shop_head_back.gif); margin-bottom: 1em;} .shop_head h1 {margin:0 0 -.2em 0; padding: .7em 0 0 .4em; font-size:3em; font-weight:700; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color:#6f9c43} .shop_head h2 {font-size:2.5em; font-weight:100; margin:0; padding: 0 0 .7em .6em; font-family: 'Angelina'; color:#c44926;} .shop_head a {border:none; position:absolute; right:0; top:0em;} .shop_sub {padding: 0 .8em .5em .8em;} .shop_categories h2 {margin:1em 0; padding: 0; font-size:2em; font-weight:700; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color:#6f9c43; border-bottom: solid .5em #E3E0CE; } .left_col_blue_lower ul#nav {padding-bottom:1em;} .left_col_blue_lower li.even {background:#35708C; padding: .2em .4em;} .left_col_blue_lower li.odd {padding: .2em .4em;} .left_col_blue_lower .inpbtn {margin: 0 .7em;} .left_col_blue_lower li a:hover, .left_col_blue_lower li a:active {text-decoration:underline;} p#crumbs a:link, p#crumbs a:visited {color:#000;} .ads {margin: 1em 0; display:block;} .category_bg {background:#EBEBD9; height: 31em; position:relative; margin-bottom: 1em;} .category_bg h3 {font-size:1.1em; color: #5A3D1A; padding: 1.2em 0 .4em .7em; background: #fff url(../graphics/light_brown_head.png) no-repeat} .category_bg h3 a:link, .category_bg h3 a:visited {color: #5A3D1A; text-decoration:none;} .category_bg p.description {padding: 0 .7em; margin-bottom:0;} .category_bg .view_link {padding: 0 .7em; color:#c44926;margin:0;} .category_bg .cat_img {position:absolute; bottom:0; left:0;} .featured_product {color: #fff; background:#C44926 url(../graphics/grass_red.png) no-repeat left bottom; height:30em;} .featured_product h2 {color:#fff; padding: .7em 0 0 .5em;} .featured_product .img {padding: .7em;} .featured_product h3 a:link, .featured_product h3 a:visited {font-size:1em; color: #fcee95; margin: 1em 0 0 0; padding: .2em .5em; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} .featured_product .description {font-size:.9em; padding: .2em .7em;} .featured_product p.price {font-size:2em;color: #fcee95; margin: 0; padding: .3em .5em; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} .featured_product .inpbtn {margin: 0 .7em;} .best_sellers {color: #fff; background:#A7B33D url(../graphics/grass_green.gif) no-repeat left bottom; height:30em;} .best_sellers h2 {color:#fff; padding: .7em 0 0 .5em;} .best_sellers .img {padding: .7em 0;} .best_sellers h3 a:link, .best_sellers h3 a:visited {font-size:1em; color: #fcee95; margin: 1em 0 0 0; padding: .2em .5em; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} .best_sellers .description {font-size:.9em; padding: .2em .7em;} .best_sellers p.price {font-size:2em;color: #fcee95; margin: 0; padding: .3em .5em; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} table.cart {margin-bottom: 1em;} .checkout a:link {color:#fff;} h3#category {margin:0; padding: 0; font-size:2em; font-weight:700; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color:#6f9c43; border-bottom: solid .5em #E3E0CE; } .shop_categories h3.product_description {margin:1em 0 0 0; padding: 0; font-size:1.8em; font-weight:700; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color:#6f9c43; border:none;} #grid ul li { margin: 0 .35em 2em 0;} #grid ul li .img{margin: 1em 0 0 0; padding: 1em;text-align:center;background:#fff;border:solid .1em #ccc; height:11.5em;} #grid h4 a:link, #grid h4 a:visited {color:#000;display:block; height:3em;font-size:1.1em; margin: 0 0 .7em 0; padding:0; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} #grid ul li .description,#list ul li .description{font-size:.85em;line-height:1.2em;padding:0; height:6em;} #grid p.price {color:#C44926; font-size:1.6em; margin: 0; padding:.1em 0 0 0; font-family: ff-meta-web-pro,sans-serif; text-decoration:none;} #grid .inpbtn {margin: .5em 0 0 0} #main_search {margin: 1em .7em;} #main_search .inpbtn {margin:0em;} .instructions {height:10em;} label.error {color:#990000; display:block; clear:both; margin:0 0 1em 0;} #field_offset_156 {display:none;} /* [15.] calendar of events ---------------------- */ #large_cal th {background:none;} #large_cal td {background:#fff; border:solid .1em #e4e4e4;height:8em;} #large_cal td {text-align:center;} #large_cal td a.event {font-size:.9em; display:block; background: #397FA3; color: #fff; padding: .5em 0; } /*#calendar_calendars #calendar_new_date, #calendar_select, .all_day, .repeat_select.leader{display:none;}*/ #calendar_calendars #calendar_new_date {border:solid .1em; position:absolute; top:-100em;} .giyweek {display:block; border:solid .1em #475D26; background:#475D26; color:#fff; padding: 0 .5em;} .giyweek.square {width: .5em; float:left;} /* [16.] courses ---------------------- */ .course_table { margin-left:.7em; width:90%; margin-bottom: 3em;} .course_table th {text-align:left; border-bottom: .3em solid #D3D0C0; padding: .5em;} .course_table td {padding: .5em; border-bottom: solid .1em #ccc;} /* [17.] validation form error styles ---------------------- */ label.error { float: none; color: red; vertical-align: top; } input.error { border: 2px solid #f00; } textarea.error { border: 2px solid #f00; } select.error { border: 2px solid #f00; } /* [18.] living classroom ---------------------- */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li {height: 4.6em; width: 14.7em; background:url('../graphics/tab_on.gif') no-repeat; list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav .ui-state-active{ background:url('../graphics/tab_off.gif') no-repeat;} .ui-tabs .ui-tabs-nav li a { float: left; padding: .9em 1em .5em .8em; text-decoration: none; font-family: ff-meta-web-pro,sans-serif;font-weight: bold;text-align:left;line-height:1em; color:#737254;font-size:1.8em;} .ui-tabs .ui-tabs-nav li.ui-state-active a {color:#890C08;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } #tabs div {clear:both;margin-bottom: 2em; padding: .2em 0 3em 0; background: #F1F0E6;} #tabs div .clear_bg {clear:both;margin-bottom: 2em; padding: .2em 0 3em 0; background: none;} #tabs div .video {background: none;border:1px dotted #999999; width:170px;height:170px;} ul.living_nav {margin: 2em 1em 1em 1em;} .living_nav li {border-bottom: dotted .1em; padding: .3em 0; cursor:hand;} .living_nav a {display:block; padding: .2em;} .living_nav a:link, .living_nav a:visited {color:#000; text-decoration:none; font-weight:100;} .text a:link, .text a:visited {color:#000; text-decoration:none;} .living_nav a:hover, .living_nav a:active, .text a:hover, .text a:active {color:#000; text-decoration:underline;} .paper {background:url('../graphics/paper.gif') repeat-y .5em 1em; min-height:40em;float:right;} .paper h2 {margin: 0 0 0 3em; color:#890C08; float:left; width: 100%;} .paper h3 {margin: .5em 0 .5em 4em; color:#555; float:left; width:100%; clear:both;} .paper h4, .paper p {margin: 0 2em .5em 4.7em; display:block; clear:both;} .paper_bottom {width: 620px;float: right;margin-right: 15px;} .paper_top {width:620px;float: right;margin-right: 15px;} .paper video {border:1px dotted #999999;} .paper ul li.even {margin:0 2em 0 4.2em;border-bottom:solid .1em #CFCC9E; padding-bottom: solid .5em;} .paper ul li.odd {margin:0 2em 0 4.2em;border-bottom:solid .1em #CFCC9E; padding-bottom: solid .5em;} .paper ul li.even a:link, .light_brown_flat ul li.even a:visited {margin:0 2em 0 4.2em;} .paper ul li.even a:hover, .light_brown_flat ul li.even a:active {margin:0 2em 0 4.2em;text-decoration:underline;} .paper ul li.item-1, .light_brown_flat p.item-1 {margin:0 2em 0 4.2em;padding: .5em;} .paper ul li.item-2, .light_brown_flat p.item-2 {margin:0 2em 0 4.2em;padding: .5em; background:#DEE0C2;} .paper ul li.last {margin:0 2em 2em 4.2em;} .cloud {padding: .7em;} ul.striped { width: 100%; margin:0 0 2em 0;} ul.striped li {padding: .3em .5em .3em 1em; } .paper li{ list-style-type:disc; width: 85%; margin: 1em 2em .5em 5.5em; } .paper ul#related_articles li {list-style-type:none;} .paper article { display:block; clear:both; } article.recipe_class h4 { margin: 1em 0 .5em 4.5em; padding:0; } article.recipe_class span.text { float:left; width: 40em; } .paper article.recipe_class p.author { display:block; margin-left: 5.2em; } article.recipe_class span.image { padding: 1em 0 0 0; display:block; } #content_area_3 form div.hiddenFields{ border:solid .1em; background:transparent; display:none; } #tabs .school_form.grid_7{ background:transparent; margin:0 0 0 5em; } #tabs .school_form.grid_7 div { background:transparent; } #tabs #content_area_1 .video { float:left; margin: 0 0 0 4em; width: 85%; list-style-type:none; border:none; display:block; min-height:70em; } #tabs #content_area_1 .video li { float:left; list-style-type:none; width: 12.5em; margin:0 .5em; } #tabs #content_area_1 .video li h4 { width: 100%; margin: 1em 0 0 0; font-weight:normal; height: 3em; } #tabs article.forum_threads { border-bottom:.1em solid #ccc; margin: .2em 3em .2em 5em; padding: .5em 0; position:relative; } #tabs article.forum_threads p { margin:0; } #tabs article.forum_threads span { position:absolute; top:.2em; right:0; font-size:.9em; } #tabs article.forum_threads a.more { width: 85%; display:block; text-decoration:none; } #tabs #content_area_3 h4 a { color:#000; padding: 2em 0; display:block; font-weight:normal; } .school_blog_list h3 { padding:0; } .school_blog_list p.author { padding-left: .7em; } #tabs .participating_schools { margin-left: 4.7em; } #tabs .participating_schools li { margin-left: 0; margin-right:1em; } #tabs .participating_schools li div{ background:none; } #tabs .participating_schools h4 { width: 100%; display:block; clear:both; margin: 1em 0; word-wrap:break-word; } #tabs a:link, #tabs a:visited { color:black; } #tabs a:hover { font-style: italic; } /* [19.] giyweek specific ---------------------- */ .light_brown_flat .day {margin:0 0 0 1em;} .giy_week_list { float:left; width:100%; margin: 1em 0;} .giy_week_list li {margin: .5em 0;} .giy_week_list a {display:block; float:left; width: 26em; margin: 0 1em 0 0;} .news_slide { width: 340px; height: 200px; float: left; } .news_holder { width: 680px; height: 200px; border: 1px dashed magenta; float: left; } /* [20.] Plot Partners ======================== */ #plot h2 {font-family: 'Angelina';font-weight:normal;text-align:left;font-size:2.2em;padding: .2em 0 0 .4em; color:white;} #plot h3 {font-family: ff-meta-web-pro,sans-serif;font-weight: bold;text-align:left;line-height:1em; padding: .2em 0 0 .4em; color:white;} #plot p {color:white; margin: 1em;} #plot ul li {color:white; margin: 1em;} #plot ol {color:white; margin: 1em 1em 1em 0; padding-bottom:1em;} #plot .green_grid { background:url(../graphics/green_long.png) repeat; padding-bottom: 1em; margin-bottom: 1em; position:relative;} #plot .blue_grid { background:url(../graphics/blue_grid.png) repeat; position:relative;} #plot .orange_grid { background:url(../graphics/orange_long.png) repeat; padding-bottom: 1em; position:relative;} .plots h3 {displa:block; clear:both; padding:0 .5em; font-family: ff-meta-web-pro,sans-serif;font-weight: bold; color: #5A3D1B; font-size:2em; } .plots h3, .light_brown_flat h3 a:link {color: #5A3D1A; font-family: ff-meta-web-pro,sans-serif;font-weight:700;text-align:left;line-height:1em; margin: .5em 0;} .plot p {margin: .5em .5em 1em .5em;} #plot a:link.read_more, #plot a:visited.read_more {background:url(../graphics/read_more_red_button.png) no-repeat;color: white;display: block;width: 7em; text-align: center;text-decoration: none;font-family: ff-meta-web-pro,sans-serif; font-weight:700;position:absolute;right: 0;bottom:0em;padding: .75em 0;line-height:.75em;} #plot a:hover.read_more{text-decoration:underline;color:#ffffff;} /* [21.] Squeeze Page ---------------------- */ .squeeze { margin-bottom: 2em; padding-bottom: 10.9em; padding-top: 1em; background: #EBEBDA url(../graphics/form_bg.png) repeat-x left bottom; position:relative; height: 400px; } .squeeze .grid_7 fieldset .placeholder{ width: 220px; } .squeeze h3{ font-size: 2em; padding-left: 1em; } .squeeze .summary{ font-size: 1.3em; padding-left: 1.7em; } .squeeze ul{ font-size: 1.3em; color: red; list-style-type: disc; margin-left: 3.1em; } .squeeze ul li span{ color: #222; } .squeeze form{ padding-left: 2em; } .squeeze p{ padding: 0; margin: 0; } .squeeze form #check{ padding-right: 5px; } .squeeze .inpbtn{ background: none repeat scroll 0 0 #0071bc; border-top:0; border-left:0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); color: #FFFFFF; cursor: pointer; display: inline-block; margin: 0; padding: 5px 10px 4px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); } .container_16 .grid_6 #br_billing_state{ max-width:76%; } .container_16 .grid_6 #br_billing_state option{ max-width:76%; }