/* Document : theme-style Created on : Dec 23, 2011, 7:15:28 PM Author : Studio365 Description: Purpose of the stylesheet follows. */ .clear { visibility: hidden; display: none; clear: both; } IMG#wpstats { display: none; } .tiny, H3.tiny { font-size: 1em; font-style: italic; color: #C3C3C3; } H3 SPAN.tiny { } .row { /*max-width: 980px;*/ } /*WP-styles*/ .post-id { } .post { } .page { } .attachment { } .sticky { } .hentry { } .hentry .edit-link { font-size: 12px; } /*BASE****************************************/ HTML { font-size: 62.5%; } BODY { /*background-image:url(images/square_bg.png);*/ background-color: #FEFEFE; font-size: 62%; margin: 0px; /*padding: 0px;*/ } H1, H2, H3, H4, H5, H6 { font-weight: normal; color: #A5A5A5; margin-bottom: 20px; margin-bottom: 2.0rem; } A:link { color: #3A3A3A; } A:visited { color: #2F2F2F; } A:hover { color: #205E8C; text-decoration: none; } H1 { font-size: 48px; font-size: 4.8rem; } H2 { font-size: 36px; font-size: 3.6rem; } H3 { font-size: 24px; font-size: 2.4rem; } H4 { font-size: 18px; font-size: 1.8rem; } H5, H6 { font-size: 14px; font-size: 1.4rem; } H3 A:link, H3 A:visited, H3 A:hover, H3 A:active { } H3 A:hover { color: #111111; } P { font-size: 16px; font-size: 1.6rem; margin-bottom: 20px; line-height: 1.8; } HR { background-color: #CCC; border: 0; height: 1px; margin-bottom: 16px; margin-bottom: 1.625rem; } LI { list-style: none; list-style-type: none; margin-left: 0px; } /*PAGE****************************************/ #page { } /*NAV-TOP ************************************/ NAV#top { /*[disabled]border-bottom:1px solid #FFFFFF;*/ padding: 0; margin: 0; } NAV#top LI { /*[disabled]height:20px;*/ } NAV#top A:hover { color: #FFFFFF; } /*HEADER***************************************/ #header { /*[disabled]padding-top:20px;*/ /*[disabled]padding-top:2.0rem;*/ text-align: left; padding-bottom: 0; background-color: transparent; } #header .theme-nav { margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; z-index: 999; } #header .theme-nav .nav-bar { margin-top: 0; z-index: 99999; } #header #site-title { margin-bottom: 0; margin-top: 0; } #header .social { /*[disabled]text-align:right;*/ } .header-copy { font-size: 13px; font-size: 1.3rem; text-transform: uppercase; } .header .social A:link, .header .social A:visited, .header .social A:active { color: #CCCCCC; } /*LIST - MENU ******************************** LIST - MENU *********************************/ .hr-menu { height: 40px; line-height: 40px; margin: 0px; /*just to give some spacing*/ z-index: 9999; } .hr-menu UL { margin: 0; padding: 0; /*only needed if you have not done a CSS reset*/ z-index: 999; } .hr-menu.menu-icon { margin-bottom: 0px; background-repeat: no-repeat; background-position: center left; height: 39px; } .hr-menu LI { display: block; float: left; line-height: 40px; /*this should be the same as your .hr-menu height*/ height: 40px; /*this should be the same as your .hr-menu height*/ margin: 0; padding: 0; /*only needed if you don't have a reset*/ position: relative; /*this is needed in order to position sub menus*/ } .hr-menu LI A, .hr-menu LI A:visited, .hr-menu LI A:hover { display: block; height: 40px; line-height: 40px; padding: 0 10px; color: #7A7A7A; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; margin-bottom: 0; font-family: "Lucdia Sans Unicode", "Myriad Web Pro", Arial, "Myriad Web Pro", sans-serif; font-weight: normal; text-indent: 0; background-position: center left; border-bottom: none; } .hr-menu UL LI A:active { text-decoration: none; border-bottom: none; } .hr-menu UL LI A:hover { /*[disabled]background-color:#8E8E8E;*/ border-bottom: none; } .hr-menu .current-menu-item A, .hr-menu .current_page_item A, .hr-menu A:hover { color: #FFF; border-bottom: none; } .hr-menu UL UL { /*this targets all sub menus*/ display: none; /*hide all sub menus from view*/ position: absolute; top: 40px; top: 4.0rem; /*this should be the same height as the top level menu -- height + padding + borders*/ border: 1px solid #161616; } .hr-menu UL UL LI { /*this targets all submenu items*/ float: none; /*overwriting our float up above*/ width: 200px; /*set to the width you want your sub menus to be. This needs to match the value we set below*/ /*[disabled]background-color:#111111;*/ border-bottom: 1px solid #161616; /*[disabled]background-image:url(images/blk-40.png);*/ } .hr-menu UL UL LI A { /*target all sub menu item links*/ padding: 0 10px 5px; /*give our sub menu links a nice button feel*/ color: #5E5E5E; text-indent: 0; background-image: none; } .hr-menu UL LI:hover > UL { display: block; /*show sub menus when hovering over a parent*/ } .hr-menu .sub-menu LI:hover { background-color: #080808; border: none; border-bottom: 1px solid #161616; } .hr-menu UL UL LI UL { /*target all second, third, and deeper level sub menus*/ left: 150px; /*this needs to match the sub menu width set above -- width + padding + borders*/ top: 20px; /*this ensures the sub menu starts in line with its parent item*/ } .hr-menu UL > LI { /*[disabled]background-image:url(images/blk-90.png);*/ } /*FEATURE*/ #feature { /*[disabled]background-color:#C3C3C3;*/ padding-top: 0; padding-bottom: 0; } #feature .row { margin-bottom: 0; } /*CONTENT**************************************/ #content { padding-top: 0; background-color: transparent; min-height: 400px; padding-bottom: 0; margin-bottom: 0; } .home #content { min-height: 300px; } /*ARTICLES*************************************/ #articles { } #articles ARTICLE { margin-bottom: 20px; } #articles H1, #articles H1 A { /*font-size: 22px; font-size: 2.2rem;*/ color: #3A3A3A; } #articles NAV { margin-bottom: 20px; margin-bottom: 2.0rem; } #articles .nav-next { text-align: right; } #articles H2 { font-size: 18px; font-size: 1.8em; } #articles #post-content P { margin-bottom: 20px; } #articles #author-info { margin-bottom: 20px; margin-bottom: 2.0rem; padding: 10px; padding: 1.0rem; } #articles .entry-meta { margin-bottom: 10px; padding: 5px; } #articles H1 { /*font-size: 22px; font-size: 2.2rem; font-weight: bold; border-bottom: 1px dotted #C3C3C3; margin-bottom: 30px;*/ } #offline { min-height: 320px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-size: 28px; font-size: 2.4rem; line-height: 1.5; } .single-cwp_theme SECTION { margin-bottom: 40px; } .single-cwp_theme .row { margin-bottom: 20px; } .single-cwp_theme .four.columns P { } #articles H1.page-title { font-size: 1.2em; font-size: 1.2rem; font-family: "Myriad Web Pro", Arial; text-align: right; font-style: italic; font-weight: normal; border: none; } #articles H1.entry-title A:hover { color: #7A7A7A; } /*Subscribe ****************/ #subscribe { padding-top: 20px; padding-bottom: 20px; } .subscribe-text { font-size: 18px; font-size: 1.8rem; line-height: 32px; line-height: 3.2rem; font-style: normal; } /*COMMENTS***********************************/ #comments { padding: 0; } #comments .commentlist LI { list-style: none; } #comments .comment-author { clear: both; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-top: 1px dotted #C3C3C3; border-bottom: 1px dotted #C3C3C3; height: 40px; margin-bottom: 10px; } /*SIDEBAR***************************************/ #sidebar H3, #sidebar H1 { font-size: 24px; font-size: 2.4rem; color: #C3C3C3; text-transform: uppercase; } #sidebar H3 A:hover, #sidebar H1 A:hover { color: #3D3D3D; } #sidebar .widget { margin-bottom: 20px; } /*pagination*/ .pagination { margin: 5px; padding: 5px; } .pagination .current { color: #DDDDDD; margin-right: 10px; margin-left: 10px; } .pagination A { background-color: #DDDDDD; margin: 0 10px 0 0; padding: 0 10px; /*[disabled]border:1px solid #A5A5A5;*/ } .pagination LI { padding: 5px; /*[disabled]background-color:#F9F9F9;*/ } /*FOOTER***************************************/ #footer { padding-bottom: 40px; padding-top: 40px; margin-bottom: 0; } #footer P { font-size: 14px; } #footer H3 { } #footer UL { margin-left: 0; margin-bottom: 0; } #footer UL LI { margin-bottom: 0; font-size: 12px; } #footer UL.vcard { margin-bottom: 20px; } #footer #copright-info { text-align: center; padding-top: 40px; font-size: small; } /****************MOBILE DEVICES****************** devices*/ .mobiles { } .desktops { } .phones { } .tablets { } .tablets-wide { } /*mobiles (phones,tablets) landscape and portrait*/ @media (min-width: 220px) and (max-width: 480px) { .tablets-wide, .desktops, .tablets { display: none !important; } /*// Landscape phones and down*/ } @media (max-width: 480px) { .tablets-wide, .desktops { display: none !important; } /*// Landscape phone to portrait tablet*/ } @media (max-width: 768px) { .phones.tablets-wide { display: none !important; } /*mobiles (phones,tablets) landscape and portrait*/ } @media (min-width: 220px) and (max-width: 768px) { .tablets-wide, .desktops { display: none !important; } /* // Portrait tablet to landscape and desktop*/ } @media (min-width: 768px) and (max-width: 980px) { .phones.tablets { display: none !important; } /*// Large desktop*/ } @media (min-width: 1200px) { .phones, .tablets, .tablets-wide { display: none !important; } }