/********************************************************************************************* Theme Name: Videozoom Theme URI: http://www.wpzoom.com/themes/videozoom Version: 3.2.6 Author: WPZOOM Author URI: http://www.wpzoom.com License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 0. CSS Reset ------------------------- All Theme Files 1. Header ---------------------------- header.php 2. Navigation ------------------------ header.php 3. Featured Slider ------------------- wpzoom-slider.php 4. Homepage --------------------------- index.php 5. Posts & Pages ---------------------- page.php, single.php 6. Comments -------------------------- comments.php 7. Sidebar & Widgets ------------------ sidebar.php 8. Footer ---------------------------- footer.php 9. Toolbox CSS ----------------------- All Theme Files **********************************************************************************************/ /********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files *********************************************************************************************/ html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%;} ul {list-style: none;} img, fieldset {border: 0;} em {font-style: italic;} strong {font-weight: bold;} /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .clear, .cleaner { clear: both; height: 0; overflow: hidden; } hr { display: none; } a img { border: none; } /* End Various Tags & Classes*/ a {text-decoration:none; color: #55cc55; outline:none; border:none;} a:hover {text-decoration:underline; } h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: #fff; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline; } p {margin: 0 0 16px; } input { padding:5px; } .sticky { } /********************************************************************************************* 1. Header & Page Structure ------------------------- header.php *********************************************************************************************/ body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center; background-color: #171717; color: #888; } #container { width: 960px; margin: 0 auto; text-align:left; } #container div.wrapper {margin: 0 auto; text-align: left; } #container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; } #container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 1px 0; border-bottom: solid 1px #333; } #container div.sepMenu {margin-bottom: 20px; } #header { padding: 15px 5px; border-top: solid 1px #333; border-bottom: solid 1px #333;} #logo {float: left; display: inline; font-family:"Ropa Sans", Arial, sans-serif; text-transform:uppercase; } #logo h1 a {color:#fff; font-size:82px; font-weight:bold; letter-spacing:-4px; } #logo a:hover { text-decoration:none; color:#fefefe;} #bannerHead {float: right; display: inline; } /********************************************************************************************* 2. Navigation ------------------------- header.php *********************************************************************************************/ #topNav { line-height: 1.5; float:left; width:100%; border-bottom: solid 1px #333; margin:3px 0 21px; padding-bottom:5px; position:relative; z-index:600; } #topNav a {color: #999; text-decoration: none; text-shadow: #111 1px 1px 0; } #topNav a:hover {color: #ddd;} #topNav li.current-menu-item, #topNav li.current_page_item, #topNav li.current-menu-ancestor, #topNav li.current-menu-parent, #topNav li.current_page_parent { background-color: #333; background-image:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topMenu { display: block; margin: 3px 2px 0; width: 680px; } #topMenu li { font-size: 11px; } #menuSocial {float: right; display: inline; margin-top: 6px; font-size: 11px; } #menuSocial li {float: left; display: inline; margin-left: 5px; line-height: 20px; } #menuSocial img { float: left; display: inline; margin-right: 5px; } #menu { line-height: 29px; margin: 9px 0; } #nav { background: #cdcdcd url(images/back_menu.png) repeat-x top left; display: block; margin: 0 2px; position:relative; z-index:99; } #nav li li { margin-right: 0; border-left: none; } .dropdown { margin: 0; list-style-type: none; } .dropdown a { float: left; color: #fff; text-decoration: none; text-shadow: #000 1px 1px 0; padding:0 10px; font-weight: bold; } .dropdown a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; background: #fff; color: #55CC55; } .dropdown li { float: left; display: inline; font-size: 13px; font-weight: normal; padding: 0; margin: 0 3px 0 0; position: relative;} .dropdown li:hover a { color: #55CC55; text-shadow: none; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } * html .dropdown li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ } .dropdown li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 100; background: #fff; text-align: left; margin: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin-top: -4px; padding: 3px 0; -moz-box-shadow: 0 4px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.5); box-shadow: 0 4px 3px rgba(0,0,0,0.5); } .dropdown li ul li { margin: 0; } .dropdown li ul li a { width: 140px; padding: 3px 10px; margin: 0; border-top-width: 0; text-shadow: none; border-bottom: 1px solid #EAEAEA; text-transform: none; display: block; color: #333; line-height: 1.9; } .dropdown li ul li ul { top: 0; } .dropdown li ul li:last-child a, .dropdown li ul li:last-child a:hover { border: none; } .dropdown li ul li a:hover { color: #000; } .dropdown li:hover ul li a { color: #444; } .dropdown li:hover ul li:hover a:hover { background: #2f2f2f; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .downarrowclass { background: url(images/downh.png) no-repeat center; width:5px; height:3px; display:inline-block; padding:3px 3px 3px 0; margin-left:5px;} .dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown li.current_page_item a .downarrowclass, .dropdown li.current-cat a .downarrowclass { background: url(images/down.png) no-repeat center; } .rightarrowclass { background: url(images/right.png) no-repeat center right; padding: 10px; position: absolute; right: 10px; } li.current-menu-item, li.current_page_item, li.current-menu-ancestor, li.current-menu-parent, li.current_page_parent { background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topNav .dropdown a { padding: 4px 7px; } #topNav .dropdown a:hover { background: #333; color: #fff; } #topNav .dropdown li:hover a { color: #fff; background: #333; } #topNav .dropdown li ul { position: absolute; z-index: 650; background: #333; margin-top: -3px; } #topNav .dropdown li ul li a { border-bottom: 1px solid #444; color: #fff; line-height: 1.7; } #topNav .dropdown li:hover ul li:hover a:hover { background: #444; color: #fff; } /********************************************************************************************* 3. Featured Slider ------------------------- wpzoom_featured_posts.php *********************************************************************************************/ #featPosts { margin-bottom: 30px; position:relative; font-size: 12px; line-height: 18px; background: #1f1f1f url(images/back_feat_posts.png) repeat-x top left; min-height: 250px; padding: 15px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #slider { padding:0 15px; } #slider li div.cover, #slider li div.cover_jw { float:left; display: block; margin-right: 15px; } #slider li p {color: #aaa; } #slider li p.postmetadata, div.singlepost p.postmetadata {font-size: 11px; line-height: 16px; color: #888; margin:0 0 5px;} #slider li h2 {font-size: 31px; line-height: 36px; margin-bottom: 10px; } p.more {font-size: 13px; font-weight: bold;} p.more a {color: #fff; padding: 5px 10px; background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} p.more a:hover {text-decoration: none; color: #55cc55;} #carousel {background: #252525 url(images/back_posts_small.png) repeat-x top left; padding: 15px 40px 5px 44px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #carousel .flex-viewport li { position:relative; height:98px; filter:alpha(opacity=45); opacity:.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";} #carousel .flex-viewport span {position:absolute; background:url(images/overlay.png) no-repeat; width:135px; height:98px; display:block; top:0; left:0;} #carousel .flex-viewport li.flex-active-slide, #carousel .flex-viewport li:hover {filter:alpha(opacity=100); opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; overflow: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ #slider img { float:left; margin:0 15px 0 0;} #carousel .slides img {width: 135px; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 15px; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ #slider .flex-direction-nav a {width: 20px; height: 40px; margin: -20px 0 0; display: block; background: url(images/arrows.png) no-repeat 0 0; position: absolute; top: 130px; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;} #slider .flex-direction-nav .flex-next {background-position: -21px 0; right: -20px; } #slider .flex-direction-nav .flex-prev {left: -20px;} #slider .flexslider:hover .flex-next {opacity: 0.8; right: 5px; background-position: -21px -41px;} #slider .flexslider:hover .flex-prev {opacity: 0.8; left: 5px; background-position: 0 -41px;} #slider .flex-next:hover, #slider .flex-prev:hover {opacity: 1;} #slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #carousel .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;} #carousel .flex-direction-nav .flex-next {right: 8px; background-position: 100% 0;} #carousel .flex-direction-nav .flex-prev {left: 8px;} #carousel .flexslider:hover .flex-next {opacity: 0.5; right: 5px;} #carousel .flexslider:hover .flex-prev {opacity: 0.5; left: 5px;} #carousel .flex-next:hover, #carousel .flex-prev:hover {opacity: 1;} #carousel .flex-direction-nav .flex-disabled {opacity: .3!important; cursor: default;} .flex-control-nav {width: 100%; margin:10px 0 5px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.7); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} #slider li .postcontent { } /********************************************************************************************* 4. Homepage (Recent articles) ---------------- index.php, archive.php, *********************************************************************************************/ /* Title */ #postFuncs {margin: 0 0 15px; background: #2e2e2e url(images/back_funcs.png) repeat-x top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 33px; padding-left: 10px; } #funcStyler {float: right; position:relative; display: inline; margin: 10px 20px 0;} #funcStyler a {margin-left: 8px; } #postFuncs h2 {font-size: 15px; font-weight: bold; color: #fff; line-height: 33px; } #content ul.posts div.cover {margin-bottom: 5px; } #content ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; } #content ul.posts p {font-size: 11px; line-height: 16px; margin-bottom: 0; } p.postmetadata {color: #888 !important; } #content ul.posts li {float: left; display: inline; margin-bottom: 10px; } #content ul.posts li:hover {background-color: #2f2f2f;} #content ul.posts-3 li {width: 228px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;*display: inline; } #content ul.posts li.last {margin-right: 0;} #content ul.grid p {display: none;} #content ul.grid p.postmetadata {display: block;} #content ul.list p {display: block; color: #aaa;} #content ul.list p.postmetadata {margin: 6px 0 10px; } #content ul.list h2 {font-size: 21px; font-weight: bold; line-height: 26px; } #content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:20px; padding:0 0 15px 0; border-bottom:1px solid #333; } #content ul.list li:last-child {border-bottom:none; } #content ul.list li:hover {background:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;} #content ul.list li div.cover {float: left; display: inline; margin-right: 15px; } #content ul.list p.more {margin: 12px 0 4px;} #content ul.grid li.cleaner {clear: left; display: block; visibility: hidden; float: none; font-size: 1px; line-height: 1px; height: 1px; padding:0; margin-bottom: 3px; } #content ul.list li.cleaner {display: none;} #content {float: left; display: inline; width: 715px; margin-right: 20px; } div.full #content {float: none; display: block; width: 960px; margin-right: 0; } div.full #sidebar {display: none; } div.invert #content {float: right; margin-right: 0; margin-left: 20px; } div.invert #sidebar {float: right; } #content div.postmetadata, #content div.singlepost {float: left; display: inline; } #content div.postmetadata {width: 125px; margin-right: 20px; font-size: 12px; line-height: 18px; } #content div.postmetadata .section { margin: 0 0 15px; border-bottom: 1px solid #333333; padding-bottom:10px; } #content div.postmetadata .tags a { background:#333; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:2px 5px; margin:0 3px 5px 0; float:left; } #content div.postmetadata .tags a:hover { background:#5E5E5E; color:#fff; text-decoration:none; } #content div.postmetadata h3 {font-size: 13px; font-weight: bold; color: #fff; margin: 0 0 10px; } #content div.postmetadata a {color: #888;} #content div.singlepost {width: 570px; font-size: 13px; line-height: 18px; } #content div.single-page {float: none; display: block; width: 715px; } #content div.no_meta div.singlepost {width: 695px; } div.full #content div.no_meta div.singlepost {width: 960px; } div.full #content #loop li {margin-right:2px;} div.full #content div.singlepost {width: 815px; } div.full #content div.single-page {width: 960px; } div.invert #content div.postmetadata {float: right; margin-right: 0; margin-left: 20px; } /********************************************************************************************* 5. Posts & Pages Styling ------------------------- single.php, page.php *********************************************************************************************/ .singlepost {color: #ccc; font-size: 13px; line-height: 20px; overflow:hidden; } .singlepost blockquote {font-family: Georgia,serif; font-size: 24px; line-height: 32px; font-style: italic; color: #bbb; font-weight: normal; border-left: solid 3px #333; margin-left: 15px; padding-left: 15px; } .singlepost h1 {font-size: 34px; font-weight: bold; line-height: 40px; margin: 0 0 10px; border-bottom:1px solid #333; padding-bottom:10px;} div.zoomvideo {margin: 0 0 20px; } div.zoomvideo_big, div.zoomvideo_big_jw { margin-top: 10px; margin-bottom: 30px; text-align: center; background: #222322 url(images/back_video_big.png) repeat-x top left; padding: 15px; border-bottom: solid 1px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .gallery { margin: auto; text-align: center; clear: both; } .gallery img { border: 4px solid #111111; } .gallery-caption { margin-left: 0; } .entry { line-height: 1.5; font-size: 13px; margin-bottom:10px; } .entry ul { margin: 0 0 20px; padding: 0 0 0 30px; } .entry ul li { list-style-type: square; } .entry ol { margin: 0 0 20px; padding: 0 0 0 30px; } .entry ol li { list-style-type: decimal; } .entry h1 { font-size:26px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry .alignleft { float:left; margin:10px 15px 10px 0; } .entry .alignright { float:right; margin:10px 0px 10px 15px; } .entry .alignnone { margin:10x 0; } .entry .shortcode-unorderedlist ul { padding:0;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin-bottom: 12px; line-height:1.3; } ul.wpzoomSocial li {float: left; display: inline; width: 130px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; } ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; } /* Begin Images */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 5px 10px; display: inline; } img.alignleft { margin: 0 10px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright { margin-bottom: 10px; max-width: 570px; width:auto; height:auto; } .no_meta .entry img.alignnone, .no_meta .entry img.aligncenter, .no_meta .entry img.alignleft, .no_meta .entry img.alignright { margin-bottom: 10px; max-width: 715px; width:auto; height:auto; } .full .entry img.alignnone, .full .entry img.aligncenter, .full .entry img.alignleft, .full .entry img.alignright { margin-bottom: 10px; max-width: 815px; width:auto; height:auto; } .full .no_meta .entry img.alignnone, .full .no_meta .entry img.aligncenter, .full .no_meta .entry img.alignleft, .full .no_meta .entry img.alignright { margin-bottom: 10px; max-width: 960px; width:auto; height:auto; } #funcStyler a {display: block; width: 37px; height: 14px; background-image: url(images/switch.png); background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; position:absolute; right:0; } #funcStyler a:hover {filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } #funcStyler a.flip { background-position: left top; } /* Attachments gallery */ .thumbnails { clear:both; float:left; padding:10px 10px 5px; margin:10px 0 20px; font-size:11px; line-height:1.6em; } .thumbnails img { margin:0 5px 10px; width:144px; height:144px; border:3px solid transparent; } .thumbnails .active img { border:3px solid #FFCB65; } .entry .col_arch { float: left; width: 100%; margin: 10px 0; padding-bottom: 15px; } .entry .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; } .entry .col_arch .right { float: left; margin-top:12px; } .entry .col_arch .right ul {margin-left:0; padding-left:0; } .entry .col_arch .right ul li a { font-weight: normal; } .entry .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; } .entry .col_arch:last-child { border-bottom:none; } /********************************************************************************************* 6. Comments ------------------------- comments.php *********************************************************************************************/ #main ol.normalComments {clear: left; padding: 1em 0; margin:0; } #main ol.normalComments div.comment-body {position: relative; } #main ol.normalComments div.reply {position: absolute; top: 0; right: 0; } #main ol.normalComments li {list-style-type: none; margin: 0 0 20px; padding: 15px; font-size: 12px; line-height: 18px; min-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main ol.normalComments li ul.children {padding: 10px 0 0; } #main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; } #main ol.normalComments li p {margin-bottom: 0; overflow:hidden;} #main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; } #main ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; } #main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; } #main ol.normalComments blockquote {font-size: 12px; line-height: 18px; } #main ol.normalComments span.says {display: none; } .afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; } .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; } .afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;} #commentform {margin-top: 15px; clear: left; font-size: 12px; } #commentform code {font-size: 11px; } #commentform p {margin: 0 0 5px; font-size: 12px;} #commentform div.column {float: left; display: inline; width: 31%; margin-right: 21px; } #commentform div.last {margin-right: 0;} #commentform input {width: 100%; padding: 5px 0 5px 5px; margin-bottom: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #commentform textarea { width: 99%; height: 130px; padding: 2px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #respond div.sep {margin-top: 10px; border-bottom: solid 2px #333;} #formContent {clear: left; padding-top:7px; } #commentform label {font-weight:bold; line-height: 2.0em; font-size: 12px; color: #fff; margin-bottom: 5px; } #main #submit, #commentform #submit {background:none; font-size: 12px; text-transform: lowercase; padding: 5px 7px; width: auto; cursor: pointer; } #main ol.normalComments img.avatar {border: solid 4px #222; } #main #submit, #commentform #submit { background: #2e2e2e url(images/back_menu.png) repeat-x top left; color: #fff; border: none; text-transform:uppercase; font-weight:bold; font-family:Arial; font-size:11px; text-shadow:1px 1px 0 #000000; } #main #submit:hover, #commentform #submit:hover { color: #55cc55; } .afterpost .navigation .alignleft a, #single .reply a, .afterpost .navigation .alignright a, #single .cancel-comment-reply a { background-color: #d52c2c; text-shadow: #b62424 1px 1px 1px; color: #fff; } .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #single .reply a:hover, #single .cancel-comment-reply a:hover {color: #333; background-color: #ddd; text-shadow: #fff 1px 1px 1px; } .afterpost .navigation {background:none;} #main .normalComments li.comment {background-color: #222; border-top: solid 1px #111; } #main .normalComments li.bypostauthor, #main .normalComments ul.children li.comment { background-color: #333; } #main .normalComments cite.author {color: #333; } #main .normalComments div.gravatar img {border: solid 5px #333;} #main .normalComments div.gravatar-author img {border: solid 5px #333;} #main input, #main textarea, #commentform input, #commentform textarea {font-size: 12px; background-color: #292929; border-left: none; border-right:none; border-bottom:1px solid #343434; border-top:1px solid #0b0b0b; color: #ccc;} .trackblist { margin:10px 0; list-style-type:decimal; list-style-position:inside; font-size:12px;} .trackblist li { padding:4px 0;} #respond { clear:both;} #content h2.title {font-size: 18px; font-weight: bold; line-height: 22px;} #content h2.sep {padding: 15px 0; border-top: solid 1px #333; border-bottom: solid 1px #333;} /********************************************************************************************* 7. Sidebar & Footer Widgets ------------------------- sidebar.php, footer.php *********************************************************************************************/ #sidebar {float: left; display: inline; width: 225px; } .widget h3 {color: #fff; font-weight: bold; font-size: 16px; line-height: 22px; padding-bottom: 4px; margin: 0 0 15px; border-bottom: solid 2px #333; } .widget {font-size: 12px; line-height: 18px; margin-bottom: 20px; } .widget ul li.current-menu-item {font-weight: bold; background-color: #333; } .widget ul li.current-menu-item hover a {color: #fff; } .banner {margin:0 0 10px; } /* Category Widget */ .widget_categories ul li { text-align:right; font-weight:bold; padding:2px 0; clear:both;} .widget_categories ul li li { padding-left:12px; } .widget_categories ul li a { text-align:left; float:left; font-weight:normal;} .widget_categories ul li a:hover { text-decoration:underline; } /* Featured Category Widget */ .widget ul.posts div.cover {float: left; display: inline; margin-right: 7px; } .widget ul.posts a { font-weight:bold; } .widget ul.posts a:hover { text-decoration:none; } .widget ul.posts li {margin-bottom: 5px; padding: 4px; } .widget ul.posts li:hover {background-color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .widget ul.posts li:hover a {color: #fff;} .widget ul.posts p {margin:0;} .widget ul.posts .postmetadata a {color:#888; font-weight:normal; font-size:11px;} /* WPZOOM Social Widget */ .widget .social li { display: inline; width: 46%; float: left; padding: 10px 0; margin-right: 6px; line-height: 16px; } .widget .social li a { font-size: 12px; font-weight: bold; } .widget .social li a span { font-size: 11px; display: block; font-weight: normal; } .widget .social img { float: left; margin-right: 7px; } /* WPZOOM Video Widget */ .wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; } .wpzoom_media .hide { display: none; } .wpzoom_media li { border-bottom: 1px dotted #4D4C4C; list-style-type: none; font-size: 14px; padding: 8px 0; line-height: 20px; } .wpzoom_media li a { font-weight: normal; } .wpzoom_media li a.active { font-weight: bold; } /* WPZOOM: Recent Comments */ .recent-comments-list .avatar { margin-right: 12px; float: left;} .recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; } /* WPZOOM: Recent Posts */ .widget .feature-posts-list br {display: none;} .widget .feature-posts-list img {margin: 4px 12px 5px 0;float: left;} .widget .feature-posts-list small { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display: block; margin: 0 0 3px; } .widget .feature-posts-list .post-excerpt { display: block;} .widget .feature-posts-list li { padding: 6px 0; margin:0 0 5px; } .widget .feature-posts-list li a { font-weight:bold; } /* Flickr widget */ .widget .flickr_badge_image {margin-right: 9px; margin-bottom: 12px; float: left; } .widget .flickr_badge_image img { border: 3px solid #191919; width: 60px; height: 60px; } .widget .flickr_badge_image img:hover { border:3px solid #333; } #footer .widget .flickr_badge_image img { width: 62px; height: 62px; } ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; } /* Twitter widget */ .widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 0 7px; margin: 0 0 7px; } .widget .twitter-list li a { font-weight: normal; } .widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; } .widget .follow-user { margin: 0; padding: 5px 0; } #footWidgets {margin: 40px 0 20px; font-size: 12px; line-height: 18px; } #footWidgets div.column {float: left; display: inline; margin-right: 20px; width: 225px; } #footWidgets div.last {margin-right: 0;} /* Facebook Like Box */ div.fb-like.fb_iframe_widget { width: 100% !important; } .fb_iframe_widget { width: 100%!important } .fb_iframe_widget span { width: 100%!important; } .fb_iframe_widget span iframe { width: 100%!important; } /********************************************************************************************* 8. Footer ------------------------- footer.php *********************************************************************************************/ #footer {margin-top: 20px; text-align: left; padding: 20px 0; border-top: solid 1px #333; color: #999; } #footer p {margin:0; line-height: 18px; font-size: 11px; } #footer p.copy {font-size: 10px; text-transform: uppercase; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 212px; margin-right: 5px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} #footer p.wpzoom a {color: #999; text-decoration: none;} /********************************************************************************************* 9. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Navigation */ div.navigation { position:relative; float:left; width:100%; border-top: solid 1px #333; border-bottom: solid 1px #333; text-align: center; margin-bottom:15px; font-size: 11px; } div.navigation p { font-size: 11px; margin: 0;} div.navigation a, div.navigation .current {color: #fff; padding: 8px 12px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;} div.navigation a:hover {background-color: #333; color: #fff; text-decoration: none; } div.navigation .current { padding: 8px 12px; background-color: #55cc55; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border:none; margin-right: 10px;} div.navigation .prev {position:absolute; left:0; padding-right:5px;} div.navigation .next {position:absolute; right:0; padding-left:10px;} div.navigation a.next, div.navigation a.prev {line-height:35px;} div.navigation a.next:hover, div.navigation a.prev:hover {background:none; color:#55CC55;} .floatleft { float: left; } .floatright { float: right; } div.navigation {text-align: center; } div.navsep {margin-top: 20px; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { text-align: center; background-color: #3E3E3E; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wp-caption img { margin: 0; padding: 4px 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} img#wpstats{display:none} /* Search Form */ #searchform label {font-weight: bold; font-size: 11px; display: none; } #searchform input {float: left; display: inline; height: 18px; padding: 4px; } #searchform input#s {width: 152px;} #searchform input#searchsubmit {font-size: 12px; font-family:Arial, sans-serif; font-weight: bold; height: 28px; width: 60px; padding:0; margin-left: 4px; cursor: pointer; background: url("images/back_funcs.png") repeat-x left top #2E2E2E; position:relative; } #searchform input#searchsubmit:hover { background: url("images/back_funcs.png") repeat-x left bottom #2E2E2E;} #searchform input#searchsubmit:focus { top:1px;} /* Gravity Forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; margin: 5px 0px 4px !important; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; } .gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; } .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; } .gform_footer { font-size: 13px !important;} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: 0px; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { } img.ui-datepicker-trigger { border: 0px; padding: 0px; } .gform_wrapper li.gfield, .gform_wrapper form li.gfield { background:#252525; -webkit-border-radius: 3px; border-radius: 3px; padding:20px; border:1px solid #383535; } .gform_wrapper .top_label .gfield_label {font-size:16px !important; font-weight:normal; color:#fff;} #main .gform_wrapper li.gfield.gfield_error, #main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:#252525; padding:20px !important; border-color:#720F0F; } .gform_wrapper .top_label .gfield_error { width:auto !important; } #main input[type="file"] { background:none; border:none; } .gform_wrapper .gfield_error .gfield_label { color:#A31B1B !important; } .gform_wrapper li.gfield.gfield_error .gfield_description { color:#A31B1B !important; } .gform_wrapper .validation_error{ color:#A31B1B !important; } /* Video at the top */ div.zoomvideo_big iframe, div.zoomvideo_big embed, div.zoomvideo_big object, div.zoomvideo_big_jw_wrapper { width:930px !important; height:524px !important; } /* Video in the main column */ .zoomvideo iframe, .zoomvideo embed, .zoomvideo object, .zoomvideo_jw { width:570px !important; height:320px !important; } /* Video in the main column, meta sidebar hidden */ .no_meta .zoomvideo iframe, .no_meta .zoomvideo embed, .no_meta .zoomvideo object, .no_meta .zoomvideo_jw { width:695px !important; height:392px !important; } /* Video in the main column, full-width post */ .zoomvideo_full iframe, .zoomvideo_full embed, .zoomvideo_full object, .zoomvideo_full_jw { width:815px !important; height:459px !important;} /* Video in the main column, full-width post, meta sidebar hidden */ .no_meta .zoomvideo_full iframe, .no_meta .zoomvideo_full embed, .no_meta .zoomvideo_full object, .no_meta .zoomvideo_full_jw { width:960px !important; height:541px !important; } .zoomvideo, .zoomvideo_jw, .zoomvideo_full, .zoomvideo_full_jw, .no_meta .zoomvideo_full_jw , .zoomvideo_full_jw { margin-bottom:20px; } /********************************************************************************************* 10. Media Queries *********************************************************************************************/ /* Small Screens */ @media screen and (max-width: 1000px) { #bannerHead {display:none; } .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} /* Template: Full-width */ .full-width #content { width: 100%; } .full-width h1.archive_title { width:100%; } .full-width .entry img { max-width: 100%; } .full-width .entry .wp-caption { max-width:100%; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } .full-width .entry img.alignnone, .full-width .entry img.aligncenter, .full-width .entry img.alignleft, .full-width .entry img.alignright, .full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } #logo img { max-width:100%; height:auto; } #slider li div.cover, #slider li div.cover_jw { width:100%; float:none; } #slider li .postcontent { float:none; margin-top:15px; display:block; width:100%;} #content ul.posts-3 li { width:31%; padding:1%; } #content .full ul.grid li { width:22%; padding:1%; } #content ul.list li { width:100%; } #content ul.posts div.cover img, #content .widget ul.posts div.cover { width:100%; height:auto; max-width:100%; } #content div.postmetadata { display:none; } #content div.single-page { width:100% !important; } div.full #content {width:100%; } #content div.no_meta div.singlepost {width: 100%; } div.full #content div.no_meta div.singlepost {width: 100%; } div.full #content div.singlepost {width: 100%; } div.full #content div.single-page {width: 100%; } } /* Tablet Landscape */ @media (min-width: 768px) and (max-width: 1000px) { #container { width:700px; } #slider li div.cover_jw { width:670px !important; height:377px !important; } #slider li div.cover iframe, #slider li div.cover embed, #slider li div.cover object { width:670px !important; height:377px !important; } #slider img.slider { width:100% !important; height:auto; max-width:100%; margin-bottom:15px; } div.zoomvideo_big iframe, div.zoomvideo_big embed, div.zoomvideo_big object, div.zoomvideo_big_jw_wrapper { width:670px !important; height:377px !important; } .zoomvideo iframe, .zoomvideo embed, .zoomvideo object, .zoomvideo_full iframe, .zoomvideo_full embed, .zoomvideo_full object, .no_meta .zoomvideo iframe, .no_meta .zoomvideo embed, .no_meta .zoomvideo object, .zoomvideo_jw , .no_meta .zoomvideo_jw { width:450px !important; height:254px !important; } .full .zoomvideo_full iframe, .full .zoomvideo_full embed, .full .zoomvideo_full object, .full .zoomvideo_full_jw { width:700px !important; height:394px !important; } #content { width:450px; margin-right:0; } #content div.singlepost { width: 450px; } #sidebar { float:right; } #footWidgets div.column { width: 47%; padding:0; margin-right:5%; float:none; display:inline-block; vertical-align: top;} #footWidgets div.column:nth-child(2n+2) { margin-right:0;} #footWidgets .column .widget { width:100%; } } /* Tablet Portrait */ @media (min-width: 640px) and (max-width: 767px) { #container { width:600px; } #menuSocial { float:left; width:100%; margin-bottom:15px; } #topMenu { width:98%; } #slider li div.cover_jw { width:570px !important; height:321px !important; } #slider li div.cover iframe, #slider li div.cover embed, #slider li div.cover object { width:570px !important; height:321px !important; } #slider li .postcontent { float:none; margin-top:15px; display:block; width:100%;} #slider li .postcontent .postmetadata { display:none; } #slider li .postcontent p { display:none; } #slider img.slider { width:100% !important; height:auto; max-width:100%; margin-bottom:15px; } div.zoomvideo_big iframe, div.zoomvideo_big embed, div.zoomvideo_big object, div.zoomvideo_big_jw_wrapper { width:570px !important; height:321px !important; } .zoomvideo iframe, .zoomvideo embed, .zoomvideo object, .zoomvideo_full iframe, .zoomvideo_full embed, .zoomvideo_full object, .no_meta .zoomvideo iframe, .no_meta .zoomvideo embed, .no_meta .zoomvideo object, .zoomvideo_jw, .no_meta .zoomvideo_jw { width:600px !important; height:338px !important; } .full .zoomvideo_full iframe, .full .zoomvideo_full embed, .full .zoomvideo_full object, .full .zoomvideo_full_jw { width:600px !important; height:338px !important; } #content { width:600px; margin-right:0; } #content div.singlepost { width: 600px; } #sidebar { float:left; width:100%; } #footWidgets div.column { width: 47%; padding:0; margin-right:5%; float:none; display:inline-block; vertical-align: top;} #footWidgets div.column:nth-child(2n+2) { margin-right:0;} #footWidgets .column .widget { width:100%; } } /* Smartphones (landscape) */ @media (min-width: 480px) and (max-width: 639px) { #logo img { max-width:100%; width:100%; height:auto; } #container { width:450px; } #menuSocial { float:left; width:100%; margin-bottom:15px; } #topMenu { width:98%; } #slider li div.cover_jw { width:420px !important; height:236px !important; } #slider li div.cover iframe, #slider li div.cover embed, #slider li div.cover object { width:420px !important; height:236px !important; } #slider li .postcontent { float:none; margin-top:15px; display:block; width:100%;} #slider li .postcontent .postmetadata { display:none; } #slider li .postcontent p { display:none; } #slider li h2 { font-size:22px; line-height:1.2;} #slider img.slider { width:100% !important; height:auto; max-width:100%; margin-bottom:15px; } div.zoomvideo_big iframe, div.zoomvideo_big embed, div.zoomvideo_big object, div.zoomvideo_big_jw_wrapper { width:420px !important; height:236px !important; } .zoomvideo iframe, .zoomvideo embed, .zoomvideo object, .zoomvideo_full iframe, .zoomvideo_full embed, .zoomvideo_full object, .no_meta .zoomvideo iframe, .no_meta .zoomvideo embed, .no_meta .zoomvideo object, .zoomvideo_jw, .no_meta .zoomvideo_jw { width:450px !important; height:253px !important; } .full .zoomvideo_full iframe, .full .zoomvideo_full embed, .full .zoomvideo_full object, .full .zoomvideo_full_jw { width:450px !important; height:253px !important; } #content ul.posts-3 li { width:100%; padding:10px 5px 10px; } #content .full ul.list li, #content ul.list li, #content ul.grid li, #content .full ul.grid li, #content .widget ul.posts li { width:100%; padding:10px 5px 10px; } #content .full ul.list li .cover, #content ul.list li div.cover, #content ul.grid li .cover, #content .full ul.grid li .cover, #content .widget ul.posts div.cover { width:20%; padding:0 15px 0 0; margin:0; float:left; } #content ul.list li .postcontent p { display:none; } #content ul.list li .postcontent p.postmetadata { display:inline; } #content ul.list li .postcontent { overflow: hidden; } #content ul.posts h2 {font-size: 14px; } #content { width:450px; margin-right:0; } #content div.singlepost { width: 450px; } #commentform div.column { width:60%; } #sidebar { float:left; width:100%; } #footWidgets div.column { width: 47%; padding:0; margin-right:5%; float:none; display:inline-block; vertical-align: top;} #footWidgets div.column:nth-child(2n+2) { margin-right:0;} #footWidgets .column .widget { width:100%; } #footer p.copy {width:100%; float:left; } #footer p.wpzoom {float: left; width:auto; margin:0 0 10px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} } /* Smartphones (portrait) */ @media screen and (max-width: 479px) { #logo h1 a { font-size:50px; } #logo img { max-width:100%; width:100%; height:auto; } #container { width:300px; } #slider li div.cover_jw { width:270px !important; height:152px !important; } #slider li div.cover iframe, #slider li div.cover embed, #slider li div.cover object { width:270px !important; height:152px !important; } #slider li .postcontent { float:none; margin-top:15px; display:block; width:100%;} #slider li .postcontent .postmetadata { display:none; } #slider li .postcontent p { display:none; } #slider li h2 { font-size:22px; line-height:1.2;} #slider img.slider { width:100% !important; height:auto; max-width:100%; margin-bottom:15px; } div.zoomvideo_big iframe, div.zoomvideo_big embed, div.zoomvideo_big object, div.zoomvideo_big_jw_wrapper { width:270px !important; height:152px !important;} .zoomvideo iframe, .zoomvideo embed, .zoomvideo object, .zoomvideo_full iframe, .zoomvideo_full embed, .zoomvideo_full object, .no_meta .zoomvideo iframe, .no_meta .zoomvideo embed, .no_meta .zoomvideo object, .zoomvideo_jw, .no_meta .zoomvideo_jw { width:300px !important; height:169px !important; } .full .zoomvideo_full iframe, .full .zoomvideo_full embed, .full .zoomvideo_full object, .full .zoomvideo_full_jw { width:300px !important; height:169px !important; } #content { width:300px; margin-right:0; } #content ul.posts-3 li { width:100%; padding:10px 5px 10px; } #content .full ul.list li, #content ul.list li, #content ul.grid li, #content .full ul.grid li, #content .widget ul.posts li { width:100%; padding:10px 5px 10px; } #content .full ul.list li .cover, #content ul.list li div.cover, #content ul.grid li .cover, #content .full ul.grid li .cover, #content .widget ul.posts div.cover { width:20%; padding:0 15px 0 0; margin:0; float:left; } #content ul.list li .postcontent p { display:none; } #content ul.list li .postcontent p.postmetadata { display:inline; } #content ul.list li .postcontent { overflow: hidden; } #content ul.posts h2 {font-size: 14px; } #content div.singlepost { width: 300px; } #commentform div.column { width:60%; } #sidebar { float:left; width:100%; } #footWidgets div.column { width: 100%; padding:0; margin-right:0; float:left; display:block;} #footWidgets .column .widget { width:100%; } #footer p.copy {width:100%; float:left; } #footer p.wpzoom {float: left; width:auto; margin:0 0 10px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} #menuSocial { float:left; width:100%; margin-bottom:15px; } #topMenu { width:98%; } #footWidgets div.column { width: 100%; padding:0; margin:0; } #footWidgets .column .widget { width:100%; } }