/********************************************************************************************* Theme Name: Videozoom Theme URI: http://www.wpzoom.com/themes/videozoom Version: 2.6 Author: WPZOOM Author URI: http://www.wpzoom.com ********************************************************************************************** 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_featured_posts.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; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; } /* 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:none; color: #55cc55; } p {margin: 0 0 16px; } input { padding:5px; } /********************************************************************************************* 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:100%; width: 960px; min-height: 200px; 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; } #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; } #featPosts div.cover {float: left; display: block; margin-right: 15px; } #featPosts p {color: #aaa; } #featPosts p.postmetadata, div.single p.postmetadata {font-size: 11px; line-height: 16px; color: #888; margin:0 0 5px;} #featPosts 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;} #featPostsSmall {background: #252525 url(images/back_posts_small.png) repeat-x top left; padding: 15px 20px 0; -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;} #featPostsSmall li {float: left; position:relative; height:98px; margin:0 0 15px; display: inline; filter:alpha(opacity=45); opacity:.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";} #featPostsSmall span {position:absolute; background:url(images/overlay.png) no-repeat; width:135px; height:98px; display:block; top:0; left:0;} #featPostsSmall li a {margin-right: 22px; } #featPostsSmall li.last a {margin-right: 0;} #featPostsSmall li img { } #featPostsSmall li.active, #featPostsSmall li:hover {filter:alpha(opacity=100); opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /* Required */ .slides_container { overflow:hidden; position:relative; margin:0 15px 15px; width: 930px; min-height:260px;} .slide { width:930px; float:left; display:none; position:absolute; top:0; left:0; } .postcontent { height:100%; overflow:hidden;} a.prev { position: absolute; top: 130px; left: -20px; } a.next { position: absolute; top: 130px; right: -20px; } a.browse { position: absolute; width: 20px; height: 40px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; outline:none; border:none;} a.prev { background-position: 0 0; right: 15px; } a.prev:hover { background-position: 0 -41px; } a.next { background-position: -21px 0; } a.next:hover { background-position: -21px -41px; } .slide div a.more_link { display: none; } #featPosts { position:relative; clear:both; } #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; } /********************************************************************************************* 4. Homepage (Recent articles) ---------------- index.php, archive.php, *********************************************************************************************/ #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; } p.postmetadata a {color: #55cc55;} #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: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; } #sidebar {float: left; display: inline; width: 225px; } 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.single {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.postmetadata a:hover {color: #55cc55;} #content div.single {width: 570px; font-size: 13px; line-height: 18px; } #content div.single-page {float: none; display: block; width: 715px; } #content div.no_meta div.single {width: 695px; } div.full #content div.no_meta div.single {width: 960px; } div.full #content #loop li {margin-right:2px;} div.full #content div.single {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 *********************************************************************************************/ .single {color: #ccc; font-size: 13px; line-height: 20px; overflow:hidden; } .single 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; } .single 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.zoomVideoBig {margin-top: 10px; margin-bottom: 30px; text-align: center; background: #222322 url(images/back_video_big.png) repeat-x top left; min-height: 300px; 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 } #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; } /********************************************************************************************* 6. Comments ------------------------- comments.php *********************************************************************************************/ #main ol.normalComments {clear: left; padding: 1em 0; margin:0; } #main ol.normalComments a:hover {color: #55cc55;} #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; } #main label, #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 *********************************************************************************************/ .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; } /* Category Widget */ .widget_categories ul li { text-align:right; font-weight:bold; padding:2px 4px; clear:both;} .widget_categories ul li a { text-align:left; float:left; font-weight:normal;} .widget_categories ul li a:hover {color:#fff; text-decoration:none; font-weight:bold;} .widget_categories ul li:hover {background:#333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* 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 Flickr Widget */ .widget ul.gallery {padding: 0; margin:0; float:left;} .widget ul.gallery li.last {margin-right: 0;} ul.gallery img { border: 3px solid #191919; width: 60px; height: 60px; float: left; } ul.gallery img:hover { border:3px solid #333; } ul.gallery a { border: none; } ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; } .widget ul.gallery li { border: none; padding: 0 9px 9px 0; float: left; list-style-type: none; list-style-position: outside; } /* 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; } /* Recent Comments */ .recent_comments img, .wpzoom-recent-news img { float: left; margin: 0 7px 0 0; } .recent_comments a, .wpzoom-recent-news a { font-weight: bold; font-size:12px; } .recent_comments li, .wpzoom-recent-news li { float: left; width: 100%; clear: both; padding: 6px 0 15px; margin:0 0 10px; line-height: 18px; } .recent_comments li { padding: 6px 0; margin:0; } .wpzoom-recent-news span { font-size: 9px; color: #A9A9A9; margin: 3px 0 0; display: block; } .recent_comments li a { display: inline; padding: 0; line-height: 18px !important; } #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;} #footWidgets a:hover {color: #55cc55;} /********************************************************************************************* 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 a {color: #55cc55; } #footer a:hover {color: #55cc55; text-decoration: underline; } #footer p.copy {font-size: 10px; text-transform: uppercase; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 210px; margin-right: 5px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} #footer p.wpzoom a {color: #999; text-decoration: none;} #footer p.wpzoom a:hover {color: #55cc55; } /********************************************************************************************* 9. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Navigation & WP PageNavi Plugin */ #main div.navigation {float:left; width:100%; border-top: solid 1px #333; border-bottom: solid 1px #333; } #main div.navigation p, #main div.wp-pagenavi {margin: 0; font-size: 11px; font-weight: bold; } #main div.navigation a {color: #888; padding: 8px 12px; line-height: 20px; margin-right: 10px; } #main div.navigation a.current {background-color: #55cc55; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;} #main div.navigation a:hover {background-color: #333; color: #fff; text-decoration: none; } #main div.navigation a {color: #fff; padding: 8px 12px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;} #main div.navigation span.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;} #main div.navigation a:hover {background-color: #333; color: #fff; text-decoration: none; } #main div.navigation span.pages {margin-right: 10px; display:none;} #main div.navigation .nextpostslink {background:#333;} #main div.navigation .previouspostslink {background:#333;} #main div.navigation .nextpostslink:hover {background:#444;} #main div.navigation .previouspostslink:hover {background:#444;} 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; width: 100px; 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 { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; }