/********************************************************************************************* Theme Name: Videozoom Theme URI: http://www.wpzoom.com/themes/videozoom Version: 2.2 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; font-weight:normal;} 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: #3F6183; outline:none; border:none;} a:hover {text-decoration:underline; color: #000000; } h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11 {font-weight: bold; margin:0; padding:0; color: #000000; } h3 a, h5 a, h6 a {text-decoration:none; color: #1F7099; } h1 { font-size: 26px; color:#3F6183; } h2 { font-size: 18px; color:#3F6183; } h3 { font-size: 20px; } h4 { font-size: 12px; color:#0000ff; padding-left:0px;} h5 { font-size: 18px; color:#1F7099; text-decoration: underline; padding-bottom:2px;} h6 { font-size: 13px; color:#f56100; } h7 { font-size: 14px; color:#3F6183; } h8 { font-size: 13px; color:#e83636; } h9 { font-size: 13px; color:#33932B; } h10 { font-size: 14px; color:#3F6183; } h11 { font-size: 14px; color:#3F6183; } h12 { font-size: 14px; color:#000; } h13 { border-style:solid; text-shadow:none; border-width:1px; border-color: #dddddd; float: left; width: 555px; padding: 3px; margin-left: 3px; margin-bottom: 5px; -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.15); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.15); box-shadow: 2px 2px 4px rgba(0,0,0,.15); padding-left: 5px; border-left: solid 2px #3F6183; } h20 { border-style:solid; text-shadow:none; border-width:1px; border-color: #dddddd; float: left; width: 555px; padding: 3px; margin-left: 3px; margin-bottom: 5px; -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.15); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.15); box-shadow: 2px 2px 4px rgba(0,0,0,.15); padding-left: 5px; border-left: solid 2px #3F6183; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover, h10 a:hover, h11 a:hover, h12 a:hover {text-decoration:none; color: #000000; } p {margin: 0 0 3px; padding-left:px;} input { padding:5px; } /********************************************************************************************* 1. Header & Page Structure ------------------------- header.php *********************************************************************************************/ body {font-family: Droid Sans, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-align:center; background-color: #ffffff; color: #ffffff; } #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: 0px; 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: 5px; } #header { padding: 1px 1px; border-top: solid 3px #1F7099; border-bottom: solid 3px #1F7099;} #logo {float: left; display: inline; } #bannerHead {text-align: right; } /********************************************************************************************* 2. Navigation ------------------------- header.php *********************************************************************************************/ #topNav { line-height: 1.5; float:left; width:100%; border-bottom: solid 3px #2C3136; margin:1px 0 1px; padding-bottom:1px; position:relative; z-index:600; } #topNav a {color: #000000; font-weight:bold; text-decoration: none; } #topNav a:hover {color: #1F7099;} #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-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 { background-color: #2C3136; line-height: 29px; margin: 0px 0; border-bottom: solid 3px #1F7099; } #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 0px 0px 0; padding:0 6px; font-weight: bold;} .dropdown a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; background: #fff; color: #1F7099; } .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: #000000; 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: 223px; 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; } .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:#ff6600 url(images/downh.png) no-repeat center; width:10px; 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: #1F7099; -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: 10px; position:relative; font-size: 12px; line-height: 18px; background: #ffffff; min-height: 250px; padding: 0px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #featPosts div.cover {float: left; display: block; margin-right: 15px; border-bottom:solid 5px #1F7099; border-radius: 5px; margin-top:0px; margin-left:30px; border-right:solid 3px #2C3136; border-left: solid 3px #2C3136; border-top:solid 3px #2C3136;} #featPosts p {color: #000000; margin-left:10px; margin-top:6px;} #featPosts p.postmetadata, div.single p.postmetadata {font-size: 12px; line-height: 16px; color: #888; margin:5px 0 3px;} #featPosts h2 {font-size: 20px; line-height: 20px; margin-bottom: 8px; margin-top:8px; margin-left:5px;} p.more {font-size: 13px; font-weight: bold;} p.more a {color: #fff; padding: 2px 7px; background: #2C3136; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:3px;} p.more a:hover {text-decoration: none; color: #eaeaea;} #featPostsSmall {background: #2C3136; padding: 5px 72px 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: 60px; border-bottom-left-radius: 60px; border-bottom: solid 3px #1F7099; border-top: solid 3px #1F7099; } #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:100px; height:100px; display:block; top:0; left:0; border: solid 2px #000000; border-bottom: solid 3px #1F7099; border-top: solid 3px #1F7099; } #featPostsSmall li a {margin-right: 1px; } #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 0px 0px; width: 954px; min-height:160px; border-right:solid 3px #1F7099; border-left: solid 3px #1F7099;} .slide { width:1160px; float:left; display:none; position:absolute; margin-top:10px; left:0; } .postcontent { height:100%; overflow:hidden;border: 1px solid #E7E8EB; -webkit-border-radius: 5px; border-radius: 5px; margin-left: 114px;} 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("../../uploads/2011/11/arro1.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 5px; background: #2C3136; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 33px; padding-left: 10px; border-bottom: solid 3px #1F7099;} #funcStyler {float: right; position:relative; display: inline; margin: 10px 20px 0;} #funcStyler a {margin-left: 8px; } #postFuncs h2 {font-size: 12px; font-weight: bold; color: #ffffff; 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; padding-left:5px;} #content ul.posts p {font-size: 13px; line-height: 20px; margin-bottom: 0; } p.postmetadata {color: #000000 !important; font-weight: bold;} p.postmetadata a {color: #2C3136; font-weight: bold;} #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: #000000; padding-left:px;} #content ul.list p.postmetadata { border-bottom: solid 1px #1F7099; border-right: solid 1px #1F7099; border-left: solid 1px #1F7099; background: #eaeaea; padding-left:5px; margin-bottom: 1px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #content ul.list h2 {font-size: 18px; font-weight: bold; line-height: 20px; border-top: solid 1px #1F7099; border-right: solid 1px #1F7099; border-left: solid 1px #1F7099; background: #eaeaea; border-top-left-radius: 5px; border-top-right-radius:5px;} #content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:5px; padding:0 0 5px 0; border-bottom:3px solid; } #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; border: solid 2px #eaeaea; border-radius: 5px; height: 95px; width: 95px;} #content ul.list p.more {margin: 2px 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; margin-top: 10px; } #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: 2px solid #1F7099; border-radius: 5px; padding-bottom:10px; } #content div.postmetadata .tags a { background:#ffffff; color:#3F6183; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; } #content div.postmetadata .tags a:hover { background:#ffffff; color:#000; text-decoration:underline; } #content div.postmetadata h3 {font-size: 13px; font-weight: bold; color: #ffffff; margin: 0 0 10px; border-bottom:solid 2px #000000; background: #2C3136; text-align: center; } #content div.postmetadata a {color: #3F6183; font-weight:bold; font-size:10px; padding-left: 2px;} {color: ffff00;} #content div.postmetadata a:hover {color: #000000;} #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: #000000; 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: bold; border-left: solid 3px #333; margin-left: 15px; padding-left: 15px; } .single h1 {font-size: 26px; font-weight: bold; color:#3F6183; line-height: 40px; margin: 0 0 3px; border-bottom:1px solid #333; padding-bottom:10px; border: solid 2px #1F7099; background:#eaeaea; padding-left:7px; border-radius: 5px;} .single h7 {font-size: 14px; font-weight: bold; color:#3F6183; line-height: 40px; margin: 0 0 3px; border-bottom:1px solid #333; padding-bottom:10px; padding-left:7px; border-radius: 5px;} .single h8 {font-size: 13px; font-weight: bold; color:#ff6600;} .single h9 {font-size: 13px; font-weight: bold; color:#33932B;} .single h10 {font-size: 13px; font-weight: bold; color:#33932B;} .single h11 {font-size: 13px; font-weight: bold; color:#33932B;} .single h12 {font-size: 13px; color:#000;} div.zoomVideo {margin: 0 0 20px; text-align: center; border: solid 3px #1F7099; border-radius: 10px; background: #eaeaea; padding-top:15px; padding-bottom: 15px;} 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 0px; } .entry ul li { list-style-type: none;background: #eaeaea; font-size:14px; border:solid 2px #606060; margin-bottom:5px; padding-left:2px; padding-top:2px; font-weight:bold; } .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 h7 { font-size:14px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry h8 { font-size:13px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry h9 { font-size:13px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry h10 { font-size:12px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry h11 { font-size:11px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry h12 { font-size:11px; 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, .entry h7, .entry h8, .entry h9, .entry h10, .entry h11 { font-weight: bold; margin-bottom: 2px; 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: 1px; padding-left:2px; } /* 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: #1F7099;} #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; font-size: 12px; color: #000; 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: #1F7099; color: #000000; border: none; text-transform:uppercase; font-weight:bold; font-family:Arial; font-size:11px; text-shadow:0px 0px 0 #000000; } #main #submit:hover, #commentform #submit:hover { color: #ffffff; } .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: #ffffff; border-left: none; border-right:none; border:1px solid #343434; border-top:1px solid #0b0b0b; color: #000000; border-radius:5px;} .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: #ffffff; font-weight: bold; font-size: 18px; line-height: 25px; padding-bottom: 4px; margin: 0 0 5px; border-bottom: solid 2px #333; text-align: center; background: #2C3136; border-radius: 3px;} .widget {border: solid 2px #eaeaea; font-size: 12px; line-height: 15px; margin-bottom: 10px; margin-top: 10px; border-radius: 5px; background: #F9F9FB;} .widget ul li.current-menu-item { font-weight: bold; background-color: #333; } .widget ul li.current-menu-item hover a { color: #000000; } /* Category Widget */ .widget_categories ul li { text-align:right; padding:2px 4px; clear:both; color:#1F7099;} .widget_categories ul li a { text-align:left; float:left; font-weight:normal;} .widget_categories ul li a:hover {color:#000; text-decoration:none;} .widget_categories ul li:hover {background:#eaeaea; -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; border: solid 2px #2C3136; border-radius: 5px; margin-left: 5px; height:55px; width:55px;} .widget ul.posts a { font-weight:none; } .widget ul.posts a:hover {text-decoration:none; } .widget ul.posts li {margin-bottom: 0px; padding: 4px; border-bottom:solid 1px #1F7099; } .widget ul.posts li:hover {background-color: #eaeaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .widget ul.posts li:hover a {color: #000;} .widget ul.posts p {margin:0;} .widget ul.posts .postmetadata a {color:#1F7099; font-weight:normal; font-size:11px; display:none;} /* 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: 0px 0; margin-right: 6px; line-height: 16px; } .widget .social li a { font-size: 10px; font-weight: bold; } .widget .social li a span { font-size: 11px; display: block; font-weight: normal; } .widget .social img { float: left; margin-right: 0px; } /* 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: 285px; } #footWidgets div.last {margin-right: 0;} #footWidgets a:hover {color: #1F7099;} /********************************************************************************************* 8. Footer ------------------------- footer.php *********************************************************************************************/ #footer {margin-top: 20px; text-align: left; padding: 0px 0; border-top: solid 1px #333; color: #000000; } #footer p {margin:0; line-height: 18px; font-size: 11px; } #footer a {color: #1F7099; } #footer a:hover {color: #1F7099; text-decoration: underline; } #footer p.copy {font-size: 10px; text-transform: uppercase; padding-top: 12px; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 180px; margin-right: 5px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} #footer p.wpzoom a {color: #000000; text-decoration: none;} #footer p.wpzoom a:hover {color: #1F7099; } /********************************************************************************************* 9. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Navigation & WP PageNavi Plugin */ #main div.navigation {float:left; width:100%; border-top: solid 3px #1F7099; border-bottom: solid 3px #1F7099; } #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: #1F7099; 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: #000; 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: #1F7099; color: #000; -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:#1F7099;} #main div.navigation .previouspostslink {background:#1F7099;} #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; border: solid 5px #1F7099; border-radius: 10px;} .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: 147px;} #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: #2C3136; position:relative; border-radius: 5px; color:#ffffff; } #searchform input#searchsubmit:hover { color: #eaeaea;} #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; } div.hungryfeed_item table td:nth-child(2){border: solid 2px #1F7099; border-radius: 5px; background: #f9f9fb;} div.hungryfeed_item {margin-bottom: 10px; border-bottom: solid 1px #1F7099; padding-bottom: 4px;} span.price_of_deal_item { color: #F60;} .excerpt { color: #000; padding-left: 5px; font-size: 13px; line-height:18px; } .excerpt strong span{ color: #3F6183; text-decoration:none !important; } .excerpt strong:first-of-type span style="color: #33932b;"{ color: #33932B !important; } #ad_divBottom { z-index:10; text-align: center; font-size: 10px; padding-top: 10px; width: 100%; position: fixed; left:0px; bottom:0px; } .gsc-branding-text {display:none;} .gsc-branding-img {display:none;} #ad_divLeft { overflow: hidden; border: 0px solid #3c95d9; background-color: #fff; left: 0px; position: absolute !important; top: 100%; margin-Right: 0px; float: Left; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; padding: 0 0 2px 0; z-index: 10; } .hiddenimagevid, .hiddenimagelinkexcerpt {display: none;}