body { background: url(../images/bg_texture.jpg) repeat; font-family: Arial, Tahoma, Verdana; font-size: 13px; margin: 0 auto 0; line-height: 20px; } /* @group Hyperlinks */ a { color: #334366; text-decoration: underline; } a:visited { color: #334366; text-decoration: underline; } a:hover { color: #334366; text-decoration: none; } a img { border: none; } a:focus, a:hover, a:active { outline: none; } /* @end */ /* @group Wrap*/ #wrap { width: 1024px; margin: 20px auto 0; padding: 0px 0 0 0; } /* @end */ /* @group Header */ #header { width: 1024px; } #header .widget-area { width: 600px; float: right; padding: 30px 0 0 0; } #header .widget-area p { margin: 0; padding: 0 0 5px 0; } /* @end */ /* @group Navigation Menus*/ #nav, #subnav { width: 1024px; color: #334366; margin: 15px 0 0 0; overflow: hidden; clear: both; } #nav ul, #subnav ul { float: left; margin: 0; padding: 0; /*border-left: 1px solid #E4E9ED; border-top: 1px solid #E4E9ED; border-bottom: 1px solid #E4E9ED;*/ } #header ul.nav, #header ul.menu { float: left; margin: 0; padding: 0; /*border-left: 1px solid #E4E9ED; border-top: 1px solid #E4E9ED; border-bottom: 1px solid #E4E9ED;*/ } #nav li, #subnav li { float: left; list-style: none; } #header ul.nav li, #header ul.menu li, #header ul.nav li { float: left; list-style: none; } #nav li a, #subnav li a { color: #334366; display: block; font-size: 13px; margin: 1px 0 0 0; padding: 11px 20px 10px 20px; text-decoration: none; text-shadow: #FFFFFF 1px 1px; position: relative; /*border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1;*/ } #header ul.nav li a, #header ul.menu li a { color: #334366; display: block; font-size: 13px; margin: 1px 0 0 0; padding: 11px 20px 10px 20px; text-decoration: none; text-shadow: #FFFFFF 1px 1px; position: relative; /*border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1;*/ } #nav li a:hover, #nav li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #subnav li a:hover, #subnav li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #header ul.nav li a:hover, #header ul.nav li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #header ul.menu li a:hover, #header ul.menu li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; } #nav li a.sf-with-ul, #subnav li a.sf-with-ul { padding-right: 35px; } #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul { padding-right: 35px; } #nav li a .sf-sub-indicator, #subnav li a .sf-sub-indicator { background: url(../images/arrow-down.gif); display: block; width: 7px; height: 5px; top: 19px; right: 14px; text-indent: -9999px; overflow: hidden; position: absolute; } #header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator { background: url(../images/arrow-down.gif); display: block; width: 7px; height: 5px; top: 19px; right: 14px; text-indent: -9999px; overflow: hidden; position: absolute; } #nav li li a { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #nav li li a:link, #nav li li a:visited { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #subnav li li a { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #subnav li li a:link, #subnav li li a:visited { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #header ul.nav li li a { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #header ul.nav li li a:link, #header ul.nav li li a:visited { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #header ul.menu li li a { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #header ul.menu li li a:link, #header ul.menu li li a:visited { /* background: url(../images/menu_bg.gif) repeat-x; */ color: #334366; width: 138px; margin: 0; padding: 12px 30px 10px 20px; position: relative; border-left: 1px solid #FFFFFF; border-right: 1px solid #B8C6D1; } #nav li li a:hover, #nav li li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; padding: 11px 30px 9px 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #BCC9D2; } #subnav li li a:hover, #subnav li li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; padding: 11px 30px 9px 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #BCC9D2; } #header ul.nav li li a:hover, #header ul.nav li li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; padding: 11px 30px 9px 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #BCC9D2; } #header ul.menu li li a:hover, #header ul.menu li li a:active { /*background: url(../images/menu_highlight.gif) repeat-x;*/ color: #334366; padding: 11px 30px 9px 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #BCC9D2; } #nav li li a .sf-sub-indicator, #subnav li li a .sf-sub-indicator { width: 5px; height: 7px; background: url(../images/arrow-right.gif); top: 19px; } #header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator { width: 5px; height: 7px; background: url(../images/arrow-right.gif); top: 19px; } #nav li ul, #subnav li ul { width: 190px; z-index: 9999; position: absolute; left: -999em; height: auto; margin: 0; padding: 0; } #header ul.nav li ul, #header ul.menu li ul { width: 190px; z-index: 9999; position: absolute; left: -999em; height: auto; margin: 0; padding: 0; } #nav li ul a, #subnav li ul a { width: 140px; } #header ul.nav li ul a, #header ul.menu li ul a { width: 140px; } #nav li ul ul, #subnav li ul ul { margin: -42px 0 0 190px; padding: 0; } #header ul.nav li ul ul, #header ul.menu li ul ul { margin: -42px 0 0 190px; padding: 0; } #nav li:hover ul ul, #nav li.sfHover ul ul { left: -999em; } #nav li:hover ul ul ul, #nav li.sfHover ul ul ul { left: -999em; } #subnav li:hover ul ul, #subnav li.sfHover ul ul { left: -999em; } #subnav li:hover ul ul ul, #subnav li.sfHover ul ul ul { left: -999em; } #header ul.nav li:hover ul ul, #header ul.nav li.sfHover ul ul { left: -999em; } #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul ul { left: -999em; } #header ul.menu li:hover ul ul, #header ul.menu li.sfHover ul ul { left: -999em; } #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul ul { left: -999em; } #nav li:hover ul { left: auto; } #nav li li:hover ul, #nav li li li:hover ul { left: auto; } #nav li.sfHover ul { left: auto; } #nav li li.sfHover ul, #nav li li li.sfHover ul { left: auto; } #subnav li:hover ul { left: auto; } #subnav li li:hover ul, #subnav li li li:hover ul { left: auto; } #subnav li.sfHover ul { left: auto; } #subnav li li.sfHover ul, #subnav li li li.sfHover ul { left: auto; } #header ul.nav li:hover ul { left: auto; } #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul { left: auto; } #header ul.nav li.sfHover ul { left: auto; } #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul { left: auto; } #header ul.menu li:hover ul { left: auto; } #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul { left: auto; } #header ul.menu li.sfHover ul { left: auto; } #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul { left: auto; } #nav li:hover, #nav li.sfHover { position: static; } #subnav li:hover, #subnav li.sfHover { position: static; } #header ul.nav li:hover, #header ul.nav li.sfHover { position: static; } #header ul.menu li:hover, #header ul.menu li.sfHover { position: static; } /* @end */ /* @group Primary Navigation Extras*/ #nav li.right { float: right; margin: 0; padding: 7px 10px 5px 10px; } #nav li.right a { background: none; display: inline; color: #FFFFFF; font-weight: normal; text-decoration: none; border: none; } #nav li.right a:hover { color: #FFFFFF; text-decoration: underline; } #nav li.search { padding: 0 10px 0 10px; } #nav li.rss a { background: url(../images/rss.png) no-repeat left center; margin: 0 0 0 10px; padding: 7px 0 5px 16px; } #nav li.rss a:hover { background: url(../images/rss.png) no-repeat left center; margin: 0 0 0 10px; padding: 7px 0 5px 16px; } #nav li.twitter a { background: url(../images/twitter-nav.png) no-repeat left center; padding: 7px 0 5px 20px; } #nav li.twitter a:hover { background: url(../images/twitter-nav.png) no-repeat left center; padding: 7px 0 5px 20px; } #nav li.rss a:hover, #nav li.twitter a:hover { text-decoration: underline; } /* @end */ /* @group Inner*/ #inner { width: 1024px; min-height: 800px; margin: 60px 0 20px 0; position: relative; top: -50px; } .home #inner { width: 1024px; margin: 8px 0 8px 0; } .home #wrap { /* background: url(../images/bg-center-home.jpg) no-repeat center top; */ } /* @end */ /* @group Breadcrumb*/ .breadcrumb { color: #6C7996; font-size: 11px; margin: 0 0 30px 0; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #DBDEE4; } /* @end */ /* @group Taxonomy Description*/ .taxonomy-description { background: #F7F7F7; margin: 0 0 30px 0; padding: 10px; border: 1px solid #DBDEE4; } #content .taxonomy-description p { margin: 0; padding: 0; } /* @end */ /* @group Content-Sidebar Wrap*/ #content-sidebar-wrap { width: 90%; float: left; min-height: 379px; } .sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap { width: 1024px; } .sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap { float: right; } /* @end */ /* @group Home Page*/ /* @end */ /* @group Portfolio*/ #content .portfolio { width: 210px; margin: 0 15px 20px 15px !important; float: left; overflow: hidden; } .page-template-pageportfolio-php #content .portfolio p { margin: 0; padding: 0; } #content { width: 470px; float: left; } #content .portfolio .entry-title { font-size: 18px; margin: 10px 0 0 0; line-height: 22px; } #content .portfolio .more-link { /*background: url(../images/btn-more-bg.png) repeat-x top;*/ width: 100px; display: block; padding: 5px 0 5px 0; margin: 10px 0 0 0; text-align: center; text-decoration: none; border-left: 1px solid #D4DBE1; border-right: 1px solid #D4DBE1; text-shadow: #FFFFFF 1px 1px; } #content .portfolio .more-link:hover { /*background: url(../images/btn-more-bg.png) repeat-x 0px -30px;*/ border-left: 1px solid #D0D9E0; border-right: 1px solid #D0D9E0; } /* @end */ /* @group Content*/ .sidebar-content #content, .sidebar-sidebar-content #content { float: right; } .sidebar-content #content, .content-sidebar #content { width: 640px; } .full-width-content #content { width: 100%; margin: 10px; } #content blockquote { background: #F7F7F7; margin: 5px 15px 15px 15px; padding: 10px 20px 0 15px; border: 1px solid #E6E6E6; } #content .post { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 2px solid #DBDEE4; } #content .page, #content .post p, #content .page p { margin: 0; padding: 0 0 15px 0; } .clear { clear: both; } /* @group Headlines */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #334366; font-family: Arial, Tahoma, Verdana; font-weight: normal; text-decoration: none; margin: 0 0 5px 0; padding: 0; } #header .widget-area h4 { color: #334366; font-family: Arial, Tahoma, Verdana; font-weight: normal; text-decoration: none; margin: 0 0 5px 0; padding: 0; } #content h1 { font-size: 24px; line-height: 30px; } #content h2 { font-size: 24px; line-height: 30px; } #content h2 a { color: #334366; text-decoration: none; } #content h2 a:visited, #content h2 a:hover { color: #334366; text-decoration: none; } #content h3 { font-size: 16px; } #content h4 { font-size: 14px; } #header .widget-area h4 { font-size: 14px; } #content h5 { font-size: 12px; } #content h6 { font-size: 10px; } #content .post ul, #content .page ul, #content .post ol, #content .page ol { margin: 0; padding: 0 0 15px 0; } #content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li { margin: 0 0 0 20px; padding: 0; } #content .post ol li, #content .page ol li { margin: 0 0 0 25px; } #content .post ul li, #content .page ul li { list-style-type: square; } #content .post ul ul, #content .page ul ul, #content .post ol ol, #content .page ol ol { padding: 0; } /* @end Headlines */ /* @group Unordered/Ordered Lists */ /* @end */ /* @group Post Info */ .post-info { color: #6C7996; font-size: 11px; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #DBDEE4; } /* @end Post Info */ /* @end */ /* @group Post Meta*/ .post-meta { color: #6C7996; font-size: 11px; padding: 10px 0 0 0; border-top: 1px dotted #DBDEE4; clear: both; } /* @end */ /* @group Author Box*/ .author-box { background: #F7F7F7; margin: 0 0 40px 0; padding: 10px; border: 1px solid #E6E6E6; overflow: hidden; } .author-box p { margin: 0; padding: 0; } .author-box img { background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #E6E6E6; } /* @end */ /* @group Sticky Posts*/ #content .sticky { background: #F7F7F7; margin: 0 0 40px 0; padding: 10px; border: 1px solid #E6E6E6; } #content .archive-page { float: left; width: 50%; padding: 20px 0 20px 0; } /* @end */ /* @group Archive Page*/ body.page-template-pagearchive-php .post { border: 0 !important; } /* @end */ /* @group Post Icons*/ .time, .categories { margin: 0; padding: 0; } .post-comments, .tags { background: url(../images/icon-dot.png) no-repeat top left; margin: 0 0 0 3px; padding: 0 0 2px 10px; } /* @end */ /* @group Images*/ #content img, #content p img { max-width: 100%; } #content .portfolio img { float: none; margin: 10px auto 10px; } #content .post-image { background: #FFFFFF; margin: 0 10px 10px 0; padding: 4px; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; border-bottom: 1px solid #B6BCC3; border-top: 1px solid #D7DBE0; } #content a:hover img { background: #8199A9; } img.centered, .aligncenter { display: block; margin: 0 auto 15px; } img.alignnone { margin: 0 0 15px 0; display: inline; } img.alignleft { margin: 0 15px 15px 0; display: inline; } img.alignright { margin: 0 0 15px 15px; display: inline; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .wp-caption { background: #F7F7F7; padding: 5px 0 0 1px; text-align: center; border: 1px solid #E6E6E6; } .wp-caption p.wp-caption-text { font-size: 11px; font-weight: normal; line-height: 12px; } img.wp-smiley, img.wp-wink { float: none; border: none; } /* @end */ /* @group Post Navigation*/ .navigation { width: 100%; margin: 0; padding: 20px 0 20px 0; overflow: hidden; } .navigation ul { list-style-type: none; margin: 0; padding: 0; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { color: #334366; padding: 5px 8px 5px 8px; border: 1px solid #E6E6E6; } .navigation li a:hover, .navigation li.active a { background: #F7F7F7; } /* @end */ /* @group Primary & Secondary Sidebars*/ #sidebar { background: url(../images/sidebar-bg.png) repeat-y left; width: 280px; float: right; display: inline; padding: 0 0 0 20px; margin: 60px 0 0 5px; } body.sidebar-content #sidebar, body.sidebar-sidebar-content #sidebar { /* background: url(../images/sidebar-bg-left.png) repeat-y right; */ padding-left: 0px; padding-right: 20px; } #sidebar-alt { width: 150px; float: left; display: inline; margin: 33px 0 0 0; } #sidebar-top { background: url(../images/sidebar-top.png) no-repeat left; width: 300px; height: 33px; margin: 0 0 0 -20px; } #sidebar-bottom { background: url(../images/sidebar-bottom.png) no-repeat left; width: 300px; height: 33px; margin: 0 0 0 -20px; } body.sidebar-content #sidebar-top, body.sidebar-sidebar-content #sidebar-top { background: url(../images/sidebar-top-left.png) no-repeat right; margin: 0 -20px 0 0; } body.sidebar-content #sidebar-bottom, body.sidebar-sidebar-content #sidebar-bottom { background: url(../images/sidebar-bottom-left.png) no-repeat right; margin: 0 -20px 0 0; } .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } .content-sidebar-sidebar #sidebar-alt { float: right; } #sidebar .widget, #sidebar-alt .widget { margin: 0 0 15px 0; padding: 0 0 10px 0; } #sidebar h2, #sidebar-alt h2 { font-family: Arial, Tahoma, Verdana; font-size: 14px; font-weight: bold; margin: 0; padding: 0; } #sidebar h2 a, #sidebar-alt h2 a { font-family: Arial, Tahoma, Verdana; font-size: 14px; font-weight: bold; margin: 0; padding: 0; } #sidebar h4, #sidebar-alt h4 { font-size: 14px; font-weight: bold; margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #DBDEE4; } #sidebar .textwidget, #sidebar-alt .textwidget { margin: 0; padding: 10px 0 0 0; } #sidebar .widget p, #sidebar-alt .widget p { margin: 0; padding: 0; } #sidebar img, #sidebar a img { border: none; margin: 0; padding: 0; } #sidebar-alt img, #sidebar-alt a img { border: none; margin: 0; padding: 0; } #sidebar ul, #sidebar ol { margin: 10px 0 0 0; padding: 0 10px 0 25px; } #sidebar-alt ul, #sidebar-alt ol { margin: 10px 0 0 0; padding: 0 10px 0 25px; } #sidebar ul ul, #sidebar ol ol { margin: 0; padding: 0 0 0 15px; } #sidebar-alt ul ul, #sidebar-alt ol ol { margin: 0; padding: 0 0 0 15px; } #sidebar li, #sidebar-alt li { list-style-type: square; word-wrap: break-word; } #sidebar .post-info { border: 0; } #sidebar .widget_tag_cloud div div { padding: 10px 10px 0 10px; } /* @end */ /* @group Sidebar(s) Tag Cloud*/ #sidebar-alt .widget_tag_cloud div div { padding: 10px 10px 0 10px; } /* @end */ /* @group Sidebar(s) Dropdowns*/ #cat, #sidebar .widget_archive select, #sidebar-alt .widget_archive select { background: #FFFFFF; width: 100%; color: #6C7996; font-family: Arial, Tahoma, Verdana; font-size: 11px; margin: 10px 0 0 0; padding: 5px; display: inline; border: 1px solid #DBDEE4; } /* @end */ /* @group Sidebar(s) Featured Post/Page*/ #sidebar .featuredpost, #sidebar .featuredpage { margin: 0 0 15px 0; padding: 0; clear: both; } #sidebar-alt .featuredpost, #sidebar-alt .featuredpage { margin: 0 0 15px 0; padding: 0; clear: both; } #sidebar .featuredpost .post, #sidebar .featuredpage .page { margin: 0 0 10px 0; padding: 10px 0px 15px 0px; border-bottom: 2px solid #DBDEE4; } #sidebar-alt .featuredpost .post, #sidebar-alt .featuredpage .page { margin: 0 0 10px 0; padding: 10px 0px 15px 0px; border-bottom: 2px solid #DBDEE4; } #sidebar .featuredpost .avatar, #sidebar .featuredpage .avatar { background: #FFFFFF; margin: 0; border-top: 1px solid #D7DBE0; border-bottom: 1px solid #B6BCC3; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; padding: 3px; } #sidebar-alt .featuredpost .avatar, #sidebar-alt .featuredpage .avatar { background: #FFFFFF; margin: 0; border-top: 1px solid #D7DBE0; border-bottom: 1px solid #B6BCC3; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; padding: 3px; } #sidebar .featuredpost img, #sidebar .featuredpage img { background: #FFFFFF; margin: 0; border-top: 1px solid #D7DBE0; border-bottom: 1px solid #B6BCC3; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; padding: 3px; } #sidebar-alt .featuredpost img, #sidebar-alt .featuredpage img { background: #FFFFFF; margin: 0; border-top: 1px solid #D7DBE0; border-bottom: 1px solid #B6BCC3; border-left: 1px solid #D7DBE0; border-right: 1px solid #D7DBE0; padding: 3px; } /* @end */ /* @group Sidebar(s) User Profile*/ #sidebar .user-profile, #sidebar-alt .user-profile { overflow: hidden; } #sidebar .user-profile .avatar, #sidebar-alt .user-profile .avatar { background: #FFFFFF; float: left; margin: 0 0 -10px 0; padding: 4px; border: 1px solid #E6E6E6; } #sidebar .user-profile p, #sidebar-alt .user-profile p { margin: 0; padding: 10px 0 0 0; } /* @end */ /* @group Buttons*/ #submit, .searchsubmit, .enews #subbutton, .gform_footer .button { /*background: url(../images/btn-more-bg.png) repeat-x top !important;*/ color: #334366 !important; font-size: 12px; font-weight: normal !important; display: inline-block; padding: 7px 10px 7px 10px !important; margin: 10px 0 0 0; text-decoration: none; text-align: center; text-shadow: #FFFFFF 1px 1px; border-top: 0; border-bottom: 0; border-left: 1px solid #D4DBE1; border-right: 1px solid #D4DBE1; cursor: pointer; line-height: 16px; } .reply a { /*background: url(../images/btn-more-bg.png) repeat-x top !important;*/ color: #334366 !important; font-size: 12px; font-weight: normal !important; display: inline-block; padding: 7px 10px 7px 10px !important; margin: 10px 0 0 0; text-decoration: none; text-align: center; text-shadow: #FFFFFF 1px 1px; border-top: 0; border-bottom: 0; border-left: 1px solid #D4DBE1; border-right: 1px solid #D4DBE1; cursor: pointer; line-height: 16px; } .reply a:visited { /*background: url(../images/btn-more-bg.png) repeat-x top !important;*/ color: #334366 !important; font-size: 12px; font-weight: normal !important; display: inline-block; padding: 7px 10px 7px 10px !important; margin: 10px 0 0 0; text-decoration: none; text-align: center; text-shadow: #FFFFFF 1px 1px; border-top: 0; border-bottom: 0; border-left: 1px solid #D4DBE1; border-right: 1px solid #D4DBE1; cursor: pointer; line-height: 16px; } #submit:hover, .searchsubmit:hover, .enews #subbutton:hover, .gform_footer .button:hover, .reply a:hover { /*background: url(../images/btn-more-bg.png) repeat-x 0px -30px !important;*/ border-left: 1px solid #D0D9E0; border-right: 1px solid #D0D9E0; } /* @end */ /* @group Search Form(s)*/ .searchform { margin: 0; } #header .searchform { float: right; padding: 0px 0 0 0; } #sidebar .searchform { padding: 5px 0 0 0px; } #nav .searchform { float: right; padding: 0; } .s { background: #FFFFFF !important; width: 170px; color: #6C7996; font-family: Arial, Tahoma, Verdana; font-size: 11px; margin: 5px 2px 0 0; padding: 8px 10px 7px 10px; border: 1px solid #DBDEE4; } #header .s, #nav .s, #sidebar .s, #sidebar-alt .s { width: 170px; } /* @end */ /* @group eNews & Updates Widget*/ .enews { background: url(../images/enews.png) top right no-repeat; } #sidebar .enews p { padding: 10px 0px 0 0px; } .enews #subscribe { padding: 0; } .enews #subbox { background: #FFFFFF !important; width: 190px; color: #6C7996; font-family: Arial, Tahoma, Verdana; font-size: 11px; margin: 5px 5px 0 0; padding: 8px 10px 7px 10px; border: 1px solid #DBDEE4; } /* @end */ /* @group Latest Tweets Widget*/ .latest-tweets { background: url(../images/twitter.png) top right no-repeat; margin: 10px 0 0 0; padding: 0; } /* @end */ /* @group Calendar*/ #wp-calendar { width: 100%; } #sidebar .widget_calendar { padding: 0; } #wp-calendar caption { color: #333333; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-style: italic; font-weight: normal; padding: 2px 5px 0 0; text-align: right; } #wp-calendar th { color: #333333; } #wp-calendar thead { margin: 10px 0 0 0; font-weight: bold; background: #F7F7F7 !important; color: #F7F7F7 !important; } #wp-calendar td { background: #F7F7F7; font-weight: normal; text-align: center; padding: 2px; } /* @end */ /* @group Contact Form*/ .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select { background: #F7F7F7 !important; color: #333333 !important; font-family: Arial, Tahoma, Verdana !important; font-size: 12px !important; padding: 4px 0 4px 5px !important; border: 1px solid #E6E6E6; } .gform_footer input.button { color: #334366 !important; } .gform_wrapper .ginput_complex label { font-size: 12px !important; } .gform_wrapper li, .gform_wrapper form li { margin: 0 0 10px 0 !important; } .gform_wrapper .gform_footer { border: none !important; } /* @end */ /* @group Footer*/ #footer { /*background: url(../images/footer-bg.png) no-repeat center top;*/ height: 32px; width: 100%; /* 1024px; */ background-color: #334366; color: white; font-size: 16px; margin: 0 auto; /*padding: 25px 0 25px 0;*/ /* text-shadow: #FFFFFF 1px 1px; */ overflow: hidden; clear: both; background-color: rgba(174, 174, 174, 0.77); } #footer a { color: #334366; text-decoration: underline; } #footer a:visited, #footer a:hover { color: #334366; text-decoration: underline; } #footer p { margin-top: 10px; padding: 0; } #footer .gototop { width: 200px; float: left; margin: 0; padding: 0 0 0 5px; } #footer .gototop a { margin: 0; padding: 2px 0 2px 18px; /*background: url(../images/footer-top.png) no-repeat left center;*/ } #footer .creds { float: right; margin: 0; padding: 0 10px 0 0; text-align: right; } /* @end */ /* @group Comments*/ #respond { margin: 0 0 15px 0; padding: 0; } #author, #email, #url { background: #FCFCFD !important; width: 250px; color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; margin: 5px 5px 0 0; padding: 3px 0 3px 3px; border: 1px solid #E6E6E6; } #comment { background: #FCFCFD !important; width: 98%; height: 150px; color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; margin: 5px 0 5px 0; padding: 3px 0 3px 3px; border: 1px solid #E6E6E6; } .comment-list, .children { margin: 0; padding: 0; } .ping-list { margin: 0 0 40px 0; padding: 0; } .comment-list ol, .ping-list ol { margin: 0; padding: 10px; } .comment-list li, .ping-list li { font-weight: bold; margin: 10px 0 0 0; padding: 20px; list-style: none; } .comment-list li ul li { margin-left: 10px; margin-right: -6px; } .comment-list p { font-weight: normal; text-transform: none; margin: 10px 5px 10px 0; padding: 0; } .ping-list p { font-weight: normal; text-transform: none; margin: 10px 5px 10px 0; padding: 0; } .comment-list li .avatar { background: #FFFFFF; float: left; border: 2px solid #BDC9D3; margin: 0 10px 0 0; padding: 1px; } .comment-list cite { font-weight: bold; font-style: normal; } .comment-list cite a { font-weight: bold; font-style: normal; } .ping-list cite { font-weight: bold; font-style: normal; } .ping-list cite a { font-weight: bold; font-style: normal; } .commentmetadata { font-size: 11px; font-weight: normal; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nocomments { text-align: center; } #comments .navigation { display: block; margin: 10px 0 0 0; } .thread-alt, .thread-even { background: #FCFCFD; text-shadow: #FFFFFF 1px 1px; } .even, .alt, .depth-1 { border: 1px solid #D4DBE1; } ul.children { margin-top: 20px; } ul.children li.comment { background: #FFFFFF; } .commentmetadata { font-weight: normal; } .comment-author { background: #E8EBEF; padding: 7px 10px 0 10px; text-shadow: #FFFFFF 1px 1px; font-size: 14px; font-weight: bold; } .comment-meta { background: #E8EBEF; padding: 0 10px 5px 10px; text-shadow: #FFFFFF 1px 1px; } /* @end */ /* @group Progress Overlay */ #progressOverlay { display: none; position: fixed; height: 325px; width: 350px; background: #FFFFFF; border: 2px solid #cecece; z-index: 2; padding: 12px; font-size: 13px; } /* @end */ /* @group Phone Number Container */ .phone_number_container { border: 1px double #dadada; } .sms_delete_button { border: none; background-color: white; } /* @end */ /* @group Custom FruitJuice */ /* @group Carousel */ /* -------------------------------------- Carousel -------------------------------------- */ /* These are the little dots in the center */ .carousel-indicators > li { background-color: black; } .carousel-indicators .active { background-color: grey; } #carousel { width: 1024px; } .carousel-inner { width: 1024px; } #myCarousel { margin-top: 60px; width: 1024px; background-color: #183F73; } #myCarousel .item { height: 420px; } #slide1 { background: url("../images/2-Recommendations.jpg"); } #slide2 { background: url("../images/1-PowerHistory.jpg"); } #slide3 { background: url("../images/3a-PrefsAndNotifications.jpg"); } #features { margin-top: 30px; position: absolute; float: left; width: 1024px; } .row { /* -15px left & right inherited from bootstrap! */ margin-right: 0px; margin-left: 0px; } .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 130px; } .carousel-control .icon-prev { /* start hidden for slide 0*/ visibility: hidden; } .carousel-caption { position: relative; top: 40px; left: 110px; max-width: 335px; font-size: 22px; text-align: left; line-height: 1.4em; } .carousel-caption .p { margin-bottom: 3px; } .carousel-caption h4 { font-size: 28px; line-height: 1.4em; } #slide1 .carousel-caption { max-width: 570px; } #slide3 .carousel-caption { max-width: 260px; } #slide3 .carousel-caption h4 { font-size: 26px; } #slide3 .carousel-caption p { font-size: 18px; line-height: 1.4em; } .feature { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; border-radius: 15px; background: transparent; background-color: transparent; } .feature h4 { font-size: 28px; text-align: left; } .feature h5 { font-size: 20px; line-height: 24px; margin: 0 0 10px; } .feature p, .feature ul, .feature li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; } #selected-indicator { position: absolute; border-bottom-color: #999; border-radius: 8px; height: 100%; width: 340px; /* box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); */ -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; z-index: -1; float: left; border: 1px solid #bfbfbf; background-color: #f8f8f8; } #selected-indicator .pointer { position: relative; border: 20px solid transparent; /* rgba(255,255,255, 0.5); transparent; */ border-bottom-color: #f8f8f8; height: 0px; left: 100px; top: -39px; width: 0px; float: left; /* background-color: transparent; rgba(255,255,255, 0.5); */ } .pointer-stroke { position: relative; border: 20px solid transparent; /* rgba(255,255,255, 0.5); */ border-bottom-color: #999; height: 0px; left: 140px; top: -40px; width: 0px; float: left; background-color: transparent; /* rgba(255,255,255, 0.5); */ /*background-color: transparent; rgba(255,255,255, 0.5);*/ } #selected-indicator { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } #selected-indicator.middle { left: 340px; } #selected-indicator.right { left: 680px; } /* Download & Mac App Store Buttons */ #itunes-badge { /* The one inside carousel */ position: absolute; top: 360px; left: 20px; z-index: 15; } #itunes-badge2 { /* The one @ top of page */ position: absolute; top: -55px; left: 859px; z-index: 15; } #demo-download { position: absolute; top: 359px; left: 205px; z-index: 15; } /* @end */ #menu-main-menu { position: relative; } div.gototop { display: none; } span#mainPageContent { width: 80%; } body.archive, body.page, body.single-post { /* background: url(../images/bg_texture.jpg) repeat-x repeat-y; */ } td img.centered, td .aligncenter { margin: 0; } div.calib-cond-table table { border-collapse: collapse; } div.calib-cond-table tr, div.calib-cond-table td, div.calib-cond-table th { width: 900px; border: 1px solid black; padding: 3px; margin: 0px; } /* @end */ /** Custom Edits NOTE: This stuff shouldn't go here. However, in the name of speed, it's going here for now. */ /** Fonts */ @font-face { font-family: "Josefin Sans"; src: url("https://fruitjuiceapp.com/wp-content/themes/crystal/stylesheets/fonts/JosefinSans-Bold.ttf"); } @font-face { font-family: "Cutive"; src: url("https://fruitjuiceapp.com/wp-content/themes/crystal/stylesheets/fonts/Cutive-Regular.ttf"); } /** Home Page */ body.home { /*background: url('https://fruitjuiceapp.com/wp-content/themes/crystal/stylesheets/images/bg-home-flip.png');*/ /* background: url(../images/bg_texture.jpg) repeat-x; /* repeat-y; */ } /** Navigation Edits */ #nav { border-bottom: 3px solid rgba(174, 174, 174, 0.77) !important; /*float: right;*/ font-weight: bolder; text-align: center; margin: 0; } #nav .wrap { margin-left: 250px; /* This puts the menu in the right pos for appstore link */ } #subnav { text-align: center; margin: 0; } #nav ul, #subnav ul { border: none; } #header ul.nav, #header ul.menu { border: none; } #nav li a:hover, #nav li a:active { background-image: none; background-color: transparent; } #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item { background-image: none; background-color: transparent; } #subnav li a:hover, #subnav li a:active { background-image: none; background-color: transparent; } #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item { background-image: none; background-color: transparent; } #header ul.nav li a:hover, #header ul.nav li a:active { background-image: none; background-color: transparent; } #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a { background-image: none; background-color: transparent; } #header ul.menu li a:hover, #header ul.menu li a:active { background-image: none; background-color: transparent; } #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a { background-image: none; background-color: transparent; } #nav li a { border-bottom: 2px solid rgba(174, 174, 174, 0) !important; } #nav li a:hover, #nav li a:active { border-bottom: 2px solid #f1ac0b !important; /*box-shadow: inset 0 0 5px 2px blanchedalmond;*/ } #nav .current-menu-item a { border-bottom: 2px solid #f1ac0b !important; /*box-shadow: inset 0 0 5px 2px blanchedalmond;*/ } #nav li a { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #808285; } #subnav li a { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #808285; } #header ul.nav li a, #header ul.menu li a { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 13px; font-weight: normal; color: #808285; } #fj-logo-menu { position: absolute; top: -20px; left: 0px; height: 64px; width: 245px; font-size: 32; background: url(../images/FJ_64x64.png) no-repeat; vertical-align: bottom; } #fj-logo-menu-text { position: absolute; top: -45px; left: 70px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333333; font-size: 22px; font-weight: bold; vertical-align: bottom; } /** Structure Edits */ .full-width-content #content { float: none; margin: 0 auto; } /** Post Edits */ #content h1.entry-title { font-family: 'Cutive', serif; color: #a0a2aa; } #content-sidebar-wrap { margin: 0 auto; float: none; } .post-info { color: #808285; border: none; } .post-info a { color: #808285; border: none; } #content h2.entry-title a { font-family: 'Josefin Sans', sans-serif; color: #d9be65; font-weight: bold; } #content .post, #content .page { background-color: #fff; padding: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 3px 3px 10px 1px #999; -webkit-box-shadow: 3px 3px 10px 1px #999; box-shadow: 3px 3px 10px 1px #999; } .post-meta { border: none; } div.widget-wrap { min-height: 300px; } #title { /* this comes out automatically in the header, must hide */ display: none; } .home-bottom-1, .home-bottom-2, .home-bottom-3 { width: 340px; /* formerly 306 */ padding: 20px 20px 20px 20px; float: left; } #contact-form-logo { display: block; position: absolute; top: 100px; left: 600px; } .wpcf7 { display: block; position: static; float: none; } #content { display: block; } #press-page-wrapper { background: transparent; min-height: 500px; } #press-page-left { float: left; min-height: 475px; min-width: 530px; background: transparent; -webkit-box-shadow: 3px 2px 4px #333333; -moz-box-shadow: 3px 2px 4px #333333; box-shadow: 3px 2px 4px #333333; } #press-page-contact-form { float: right; } .btn-custom { background-color: #ffcc33; border-color: #ffcc33; } .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active { background-color: #ffc61a; border-color: #ffbf00; } .btn-custom .disabled:hover, .btn-custom .disabled:focus, .btn-custom .disabled:active, .btn-custom .disabled.active, .btn-custom [disabled]:hover, .btn-custom [disabled]:focus, .btn-custom [disabled]:active, .btn-custom [disabled].active, .btn-custom fieldset[disabled] .btn-custom:hover, .btn-custom fieldset[disabled] .btn-custom:focus, .btn-custom fieldset[disabled] .btn-custom:active, .btn-custom fieldset[disabled] .btn-custom.active { background-color: #ffcc33; border-color: #ffcc33; } #js-news-wrapper { display: none; /* float: left; display: none; margin: 10px; */ } /* end */