/* Theme Name: Apple Theme URI: http://www.siteground.com/template-preview/wordpress/Apple Description: A beautiful two-column WordPress theme created by the SiteGround designers. Author: SiteGround Author URI: http://www.siteground.com Version: 1.5 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: gray, light, green, two-columns, fixed-layout */ body { margin: 0 auto;padding: 0; font-size: 14px; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 18px; background: #e8e8e8 url(images/bg.png) no-repeat top center; color: #5c5c5c; height: 100% !important; } h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0; } img { border: 0; } a { color: #789608; text-decoration: none; } a:hover {color: #5c5c5c; text-decoration: underline; } ul { margin: 0; padding: 0; } form { margin: 0; padding: 0; } p { margin: 0 0 10px; line-height: 18px; } table { border-collapse: collapse; } table tr th, table tr td { margin: 0; padding: 0; } input, textarea, select { font: 400 12px Arial, Tahoma, Verdana, sans-serif; margin: 0; padding: 0; } input:focus, textarea:focus, select:focus { outline: none; } pre { overflow: auto; } .clr { clear: both; height: 0; line-height: 0; font-size: 0; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } header, nav, section, article, hgroup, figure, figcaption, footer { display: block; } @font-face { font-family: 'bebas'; src: url('fonts/bebas.ttf'); font-weight: normal; font-style: normal; } h1 { font-family: 'bebas'; font-size:35px; color: #9dc118; text-shadow: 1px 1px 1px #fff; } h2 { font-family: 'bebas'; font-size:30px; text-shadow:1px 1px 1px rgba(255, 255, 255, .5); font-weight: 400; } h3 { font-family: 'bebas'; font-size:25px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); } /* Paddings */ .p0 { padding: 0 !important; } /* Floats */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Aligns */ .acenter { text-align: center !important; } .aleft { text-align: left !important; } .aright { text-align: right !important; } /* Caps */ .uppercase { text-transform: uppercase; } /* Font Sizes */ .fs0 { font-size: 0 !important; } .fs10 { font-size: 10px !important; } /* Margins */ .m0 { margin: 0 !important; } .mrb13 { margin: 0 13px 10px 0 !important; } .mlb13 { margin:0 0 10px 13px !important; } /* Bolds & Italics */ .bold { font-weight: 700 !important; } .unbold { font-weight: 400 !important; } .italic { font-style: italic !important; } .unitalic { font-style: normal !important; } /* Labels */ .standardformlabel { float: left; font-weight: 700; height: 24px; line-height: 24px; width: 124px; cursor: pointer; } /* Positioned on the left side of the input. */ .topformlabel { display: block; margin: 0 0 4px; font-weight: 700; width: 124px; cursor: pointer; } /* Positioned on top of the input. */ /* Inputs */ .input { height: 14px; line-height: 14px; padding: 4px; background: #fff; border: 1px solid #ddd; color: #666; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { height: 100%; margin: 0; padding: 0; } body { margin: 0 auto; position:relative; min-height: 100%; height: auto !important; } #page { margin: 0 auto; width: 960px; padding:0 0 60px 0; } /************* Header ****************/ #header { height: 250px; width:960px; } .menu { width: 800px; margin: 60px 0 0; } #header .logo { margin: 30px 20px 0 0; } #header a { text-decoration:none; } #header h1 a { margin:40px 0 0; color: #9dc118; display: block; font-weight: 400; } #header ul { list-style-type: none; margin:28px 0 0 0; } #header ul li { margin:0 25px 0 0; float:left; line-height: 25px; position: relative; } #header ul li a { font-family: 'bebas'; font-size:36px; color: #5c5c5c; } #header ul li a:hover { color: #9dc118; } #header ul li.current_page_item { color: #9DC118; text-decoration: underline; position:relative; } #header ul li.current_page_item a { color: #9dc118; } #header h1 { font-size:48px; width: 645px; } .menu ul li .sub-menu { display: none; left: 0; position: absolute; top: 30px; width: 300px; margin: 0 !important; } h3.entry-format { position: absolute; top: 0; right: 0; font-weight: 400; color: #869C31; text-shadow: none !important;} .menu ul li:hover>.sub-menu { display: block; } .menu ul li .sub-menu li a { font-size: 20px !important;margin: 0 !important; padding: 0 5px !important; display: block;background: #DFDFDF; } .menu ul li .sub-menu li { height: 25px; line-height: 25px; } .sub-menu li { float: none !important; z-index: 9999;} .menu ul li .sub-menu li .sub-menu { display: none; } #site-description { font-size: 20px; } /************* Content ****************/ #main { float:left; width:960px; } #primary { margin:0 20px 0 0; float:left; width:600px; } #primary.fullwidth { width: 960px; } .page-link { clear: both; } /**************** Post *******************************/ #primary #content .post { padding:20px 20px 0 20px; margin: 0 0 20px; background: rgba(255, 255, 255, 0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77FFFFFF, endColorstr=#77FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#77FFFFFF, endColorstr=#77FFFFFF)"; border: 1px solid #dfdfdf; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); position:relative; } #primary #content .note { background:url(images/icon_note.png); position:absolute; top:-10px; left:5px; width:35px; height:36px; } #primary #content .post .entry-content, #primary #content .page .entry-content { position: inherit; overflow: auto; display: block; -ms-word-wrap: break-word; word-wrap: break-word; } #primary #content .post .entry-header, #primary #content .page .entry-header { padding: 0 0 15px 0; border-bottom:1px solid #9dc118; position:relative; margin:0 0 30px 0; } #primary #content .post .entry-header .entry-title,#primary #content .page .entry-header .entry-title { text-indent:25px; padding: 0 43px 0 0; -ms-word-wrap: break-word; word-wrap: break-word; } #primary #content .post .entry-header a, #primary #content .page .entry-header a { color: #5c5c5c; } #primary #content .page footer.entry-meta { overflow:hidden; } #content .page .entry-meta a.post-edit-link { margin: 15px 0; float:right; } #primary #content .post .entry-header a:hover, #primary #content .page .entry-header a:hover { color: #9dc118; text-decoration:none; } #primary #content .date { background:url(images/databg.png); position:absolute; bottom: -28px; right: 0; width:57px; height:55px; padding:2px 0 0 0; line-height: 26px; color: #fff; text-align:center; text-indent:0; font-size:25px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); } #primary #content article img { max-width: 99%; border: 1px solid #fff; box-shadow: 1px 1px 0 0 rgba(157, 193, 24, 1); } #primary #content article img.alignleft { margin: 0 13px 10px 0; } #primary #content article img.alignright { margin: 0 3px 10px 13px; } #primary #content article img.aligncenter { margin:10px auto 10px auto; } #primary #content img { max-width: 99%; } #primary #content .wp-caption { max-width: 99%; } #primary #content .morelink { border-bottom: 1px solid #9dc118; padding:0 17px 0 0; position:relative; font-size:12px; } #primary .post .morelink:after { content: ''; background:url(images/continue_linkbg.png) no-repeat bottom right; position:absolute; bottom: -6px; right: 0; width:11px; height:11px; } #primary .post .morelink:hover { color: #5c5c5c; text-decoration:none; } #primary .post footer.entry-meta { font-size: 11px; padding:5px 0 0 0; margin:10px 0 0 0; position:relative; } .entry-meta .alignleft { margin-right: 5px; } #primary .post footer.entry-meta:after { content: ''; border-top:1px solid #cac8c8; box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 1); position:absolute; width:100%; top:0; left:0; } #primary .post footer.entry-meta ul li { float:left; border-left: 1px solid #cac8c8; margin:0 0 0 4px; padding:0 0 0 4px; line-height:14px; } #primary .post footer.entry-meta ul li:first-child { border:none; margin:0; } #primary .post .commentslink { background:url(images/icon_comments.png) no-repeat left top; padding:0 0 0 22px; } #primary #content blockquote { padding: 15px; margin:15px 0; border-left: 5px solid #dfdfdf; border-right: 1px solid #dfdfdf; font-style: italic; background: #fff; font-family:Georgia, "Times New Roman", Times, serif; } #primary #content blockquote p { line-height: 22px; } #primary #content article .entry-meta .comments-link { background:url(images/icon_comments.png) no-repeat left top; display: block; line-height: 17px; padding: 0 0 0 22px; } #primary #content #comments ul, .entry-content ul { padding: 15px 20px; } #primary #content #comments ul li, .entry-content ul li { /*list-style: none;*/ } #primary #content #comments ul ul, .entry-content ul ul { padding: 0px; margin-left: 30px; } #primary .entry-content iframe, #primary .entry-content embed { max-width: 100%; } /**************** Page *******************************/ #primary .page { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border: 1px solid #DFDFDF; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); margin: 0 0 20px; padding: 20px 20px 0; position: relative; } #primary .page .entry-header { margin: 0 0 15px 0; } /**************** Titles *******************************/ #primary #content h1 { font-family: 'bebas'; font-size:35px; color: #9dc118; text-shadow: 1px 1px 1px #fff; font-weight: 400; } #primary #content h2 { font-family: 'bebas'; font-size:30px; text-shadow:1px 1px 1px rgba(255, 255, 255, .5); font-weight: 400; } #primary #content h3 { font-family: 'bebas'; font-size:25px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); font-weight: 400; } /**************** Sidebar *******************************/ #secondary { float:left; width:300px; } #secondary .menu { width: 300px; margin: 0; } #secondary aside .searchinput { width:205px; height:22px; padding:0 10px; margin:0 5px 0 0; border-radius: 5px; border:1px solid #aaa8a8; float:left; color: #789608; background: #e8e8e8; background: -moz-linear-gradient(top, #fff 60%, #e8e8e8 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fff), color-stop(80%,#e8e8e8)); background: -webkit-linear-gradient(top, #fff 60%,#e8e8e8 80%); background: -o-linear-gradient(top, #fff 60%,#e8e8e8 80%); background: -ms-linear-gradient(top, #fff 60%,#e8e8e8 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #ffffff 60%,#e8e8e8 80%); } #secondary aside .submit { background:url(images/icon_search.png) no-repeat; width: 23px; height:24px; border:none; cursor:pointer; } #secondary .widget { margin: 0 0 20px 0; padding:15px 20px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); background: rgba(157, 193, 24, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc9DC118, endColorstr=#cc9DC118); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc9DC118, endColorstr=#cc9DC118)"; border: 1px solid #869c31; } #secondary aside.widget:nth-child(2n) { background: rgba(92, 92, 92, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#744E4E4E, endColorstr=#744E4E4E) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#744E4E4E, endColorstr=#744E4E4E)" !important; border: 1px solid #4e4e4e; } #secondary aside.widget_search { background: rgba(255, 255, 255, 0.8) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#74ffffff, endColorstr=#74ffffff) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#74ffffff, endColorstr=#74ffffff)" !important; border: 1px solid #dbdbdb !important; } #secondary aside.widget_tag_cloud { background: rgba(255, 255, 255, 0.8) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#74ffffff, endColorstr=#74ffffff) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#74ffffff, endColorstr=#74ffffff)" !important; border: 1px solid #dbdbdb !important; color: #5c5c5c !important; } #secondary aside.widget_tag_cloud a { background:url(images/icon_tags.png) no-repeat left 3px; padding:0 0 0 25px; margin:0 2px 0 0; line-height:30px; display: inline-block; color: #5c5c5c !important; } #secondary aside.widget_tag_cloud a:hover { color: #9dc118 !important; } #secondary aside.widget_tag_cloud h3 { border-bottom: 1px solid #9dc118 !important; position:relative; } #secondary aside.widget_tag_cloud h3:after { background:url(images/rightbox_titlegreen_bg.png) no-repeat bottom right !important; } #secondary aside.widget h3 { border-bottom: 1px solid #e8e8e8; padding:0 17px 10px 0; margin:0 0 10px 0; position:relative; letter-spacing:1.1pt; font-weight: 400; } #secondary aside.widget h3:after { content: ''; background:url(images/rightbox_titlebg.png) no-repeat bottom right; position:absolute; bottom: -7px; right: 0; width:14px; height:14px; } #secondary aside.widget a { color: #fff; font-weight: 400; text-shadow: none !important; } #secondary aside.widget:nth-child(2n) a:hover { color: #9dc118; text-decoration:none; } #secondary aside.widget a:hover { text-decoration:underline; } #secondary aside.widget ul ul { margin:0 0 0 20px; } #secondary aside.widget ul ul li { background:url(images/arrow_subcategory.png) no-repeat 0 5px; } #secondary aside.widget ul li { background:url(images/arrow_category.png) no-repeat 0 5px; line-height:24px; text-indent:20px; list-style:none; } #secondary aside #calendar_wrap table { width:100%; position:relative; text-align:left; } #secondary aside #calendar_wrap table tbody tr:last-child td { padding:10px 0; } #secondary aside #calendar_wrap table tfoot tr { border-top: 1px solid #DFDFDF; } #secondary aside #calendar_wrap table tfoot tr td { padding: 10px 0 0; } #secondary aside #calendar_wrap table caption { border-bottom: 1px solid #e8e8e8; padding:0 17px 10px 0; margin:0 0 10px 0; position:relative; font-family: 'bebas'; font-size:25px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align:left; } #secondary aside #calendar_wrap table caption:after { content: ''; background:url(images/rightbox_titlebg.png) no-repeat bottom right; position:absolute; top: 21px; right: 0; width:14px; height:14px; } #secondary img { max-width: 100%; } #secondary select { max-width: 100%; } #primary #content .page-header h1 { margin:0 0 15px 0; padding:0 0 15px 0; font-size:25px; border-bottom: 1px solid #fff; } /************ Comments *******************************/ #primary #content #comments { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border: 1px solid #DFDFDF; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); margin: 0 0 20px; padding: 20px 20px 0; position: relative; } #primary #content #comments #comments-title { border-bottom: 1px solid #9DC118; color: #5c5c5c; font-size: 20px; margin: 0 0 20px; padding: 0 0 15px 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } #primary #content #comments #comments-title span { font-weight: 400; color: #9DC118; } #primary #content #comments .commentlist { margin:0; padding: 0; } #primary #content #comments .commentlist li{ margin:10px 0; padding: 5px 0; } #primary #content #comments img.avatar { margin:0 10px 5px 0; float: left; } #primary #content #comments .commentlist li article footer { overflow:hidden; line-height: 65px; } #primary #content #comments .commentlist li .children li { border-top: none; border-bottom: none; border-left: none; border-right: none; padding:5px 0 0 10px; } #primary #content #comments .commentlist li .children li article footer { line-height:39px; } #primary #content #comments .commentlist .comment-content { padding:10px; background: #efefef; } #primary #content #comments .commentlist .comment-content p { margin:0; } #primary #content #comments #respond { border-top: 1px solid #9DC118; padding:10px 0; } #primary #content #comments #respond #reply-title { border-bottom: 1px solid #e8e8e8; color: #5c5c5c; font-size: 20px; margin: 0 0 10px; padding: 0 0 10px 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } #primary #content #comments #respond .logged-in-as { text-align: right; font-size:12px; } #primary #content #comments #respond #commentform p{ overflow: hidden; } #primary #content #comments #respond #commentform label { margin: 0 20px 0 0; vertical-align: top; color: #9DC118; } #primary #content #comments #respond #commentform input { width:450px; height:15px; padding:5px; margin: 0 0 10px 0; border: 1px solid #e8e8e8; color: #5c5c5c; float:right; } #primary #content #comments #respond #commentform textarea { width:450px; height:70px; padding:5px; border: 1px solid #e8e8e8; color: #5c5c5c; float:right; } #primary #content #comments .commentlist li #respond #commentform input { width:435px; } #primary #content #comments .commentlist li #respond #commentform textarea { width:435px; } #primary #content #comments #respond #cancel-comment-reply-link { background:#E8E8E8; border: 1px solid #787878; border-radius: 15px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); color: #666666; cursor: pointer; float: right; font-family: 'bebas'; font-size: 15px; letter-spacing: 2px; margin: 0 0 10px; padding: 3px 5px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } #primary #content #comments #respond #cancel-comment-reply-link:hover { background:#5C5C5C; color:#fff; text-decoration:none; text-shadow: none; } #primary #content #comments #respond .form-allowed-tags { font-size:11px; padding:10px 0 0; clear: both; } #primary #content #comments #respond #commentform .form-submit { clear: both; overflow:hidden; } #primary #content #comments #respond #commentform p.form-submit input { background: #9dc118; border-radius: 15px; border: 1px solid #8aaf03; color: #fff; font-family: 'bebas'; font-size:18px; height:32px; padding:0; width:120px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); cursor:pointer; } #primary #content #comments #respond #commentform p.form-submit input:hover { background:#5C5C5C; color:#fff; text-decoration:none; border: 1px solid #787878; } /************ Navigation *******************************/ #content #nav-above, #nav-below { display: inline-block; margin: 0 0 20px; width: 100%; } #content #nav-above h3, #nav-below h3 { display: none; } #content .nav-previous { float:left; } #content .nav-next { float:right; } #content #nav-single { display: inline-block; margin: 0 0 20px; width: 100%; } #content #nav-single h3 { margin:0 0 15px 0; color: #9DC118; padding:0 0 15px 0; font-size:25px; border-bottom: 1px solid #fff; text-shadow:1px 1px 1px rgba(255, 255, 255, .5); } /************ Table styles ************************/ #content table{ width:100%; margin:0px; padding:0px; } #content tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; } #content table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px; } #content table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; } #content tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; } #content tr:nth-child(odd) { background-color:#d3edb8; } #content tr:nth-child(even) { background-color:#ffffff; }#content td { vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:normal; color:#000000; } #content tr:last-child td { border-width:0px 1px 0px 0px; } #content tr td:last-child { border-width:0px 0px 1px 0px; } #content tr:last-child td:last-child { border-width:0px 0px 0px 0px; } #content tr:first-child td { background:-o-linear-gradient(bottom, #cccccc 5%, #7e7f7e 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #7e7f7e) ); background:-moz-linear-gradient( center top, #cccccc 5%, #7e7f7e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#7e7f7e"); background: -o-linear-gradient(top,#cccccc,7e7f7e); background-color:#cccccc; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#ffffff; } #content tr:first-child:hover td { background:-o-linear-gradient(bottom, #cccccc 5%, #7e7f7e 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #7e7f7e) ); background:-moz-linear-gradient( center top, #cccccc 5%, #7e7f7e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#7e7f7e"); background: -o-linear-gradient(top,#cccccc,7e7f7e); background-color:#cccccc; } #content tr:first-child td:first-child { border-width:0px 0px 1px 0px; } #content tr:first-child td:last-child { border-width:0px 0px 1px 1px; } /************ Navigation end *******************************/ /************* Footer ****************/ footer #site-designer { float: left; } footer #site-generator { float: right; } #colophon { width:100%; background: #9dc118; color: #fff; text-align:center; height: 62px; line-height: 60px; margin:-60px 0 4px 0; border-bottom:4px solid #5c5c5c; } #colophon .foot { margin:0 auto; width:960px; } #colophon .foot a { color: #fff; } #colophon .foot ul { list-style-type: none; } #colophon .foot ul li:first-child { width: 660px; } #colophon .foot ul li { width:300px; float:left; } .sticky {}