/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

/*********************************************************************************************

Theme Name: Videozoom
Theme URI: http://www.wpzoom.com/themes/videozoom
Version: 3.1
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: #ff9900; outline:none; border:none;}
a:hover {text-decoration:underline; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; font-family:bebas-neue; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: #fff;  }
h1 { font-size: 26px; }
h2 { font-size: 26px; }
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: #ff9900;  }
p {margin: 0 0 16px; }
input { padding:5px; }

.sticky { }

/*********************************************************************************************

1. Header & Page Structure  -------------------------  header.php

*********************************************************************************************/

body {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size: 12px; text-align:center; background-color: #000; color: #fff; }

#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 0px #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:right; width:100%; border-bottom: solid 0px #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: #ff9900;}
#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: auto; float:right;  }
#topMenu li { font-size: 11px; font-family:Helvetica Neue',Helvetica,Arial,Sans-Serif!important; }
#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: 50px!important; margin: 9px 0 25px 0; border:1px solid #232323;
background: #1e1e1e; /* Old browsers */
background: -moz-linear-gradient(top,  #1e1e1e 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e1e1e 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e1e1e 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e1e1e 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e1e1e 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;
; }
#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; font-family:bebas-neue; font-size:18px; font-weight:normal!important;}
.dropdown a { float: left; color: #fff; text-decoration: none; text-shadow: #000 1px 1px 0; padding:0 10px; font-weight:normal; }
.dropdown a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; background: #000; color: #ff9900; }footer
.dropdown li { float: left; xdisplay: inline; font-family:bebas-neue; font-size: 18px; font-weight: normal; padding: 0; margin: 0 3px 0 0; position: relative; list-style-image:.dropdown li { float: left; xdisplay: inline; list-style-image:url("http://ensembleeriu.com/wp-content/uploads/2012/07/NavDivider.png"); font-size: 13px; font-weight: normal; padding: 0; margin: 0 3px 0 0; position: relative;}
.dropdown li:hover a { color: #ff9900!important; text-shadow: none; background: #000; -xwebkit-border-top-left-radius: 3px; -xwebkit-xborder-top-right-radius: 3px; -xmoz-border-radius-topleft: 3px; -xmoz-border-radius-topright: 3px; xborder-top-left-radius: 3px; xborder-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: #000!important; min-height: 250px; padding: 15px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

#slider { padding:0 15px; }
#slider .flex-viewport li { }
#slider .flex-viewport li div.cover,
#slider .flex-viewport li div.cover_jw { float:left; display: block; margin-right: 15px;  }
#slider .flex-viewport li p {color: #aaa; }
#slider .flex-viewport li p.postmetadata, div.singlepost p.postmetadata {font-size: 10px; line-height: 16px; color: #888; margin:0 0 15px;}
#slider .flex-viewport li h2 {font-size: 24px; line-height: 36px; margin-bottom: 10px; }
p.more {font-size: 13px; font-weight: bold;}
p.more a {color: #fff; padding: 5px 10px; font-family:bebas-neue; font-weight:normal; font-size:16px;text-shadow: 2px 2px 2px #000; xbackground: #2e2e2e url(images/back_menu.png) repeat-x top left;
background: #ffb74c!important; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb74c 0%, #ff9a02 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb74c), color-stop(100%,#ff9a02))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* IE10+ */
background: linear-gradient(to bottom,  #ffb74c 0%,#ff9a02 100%)!important;; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb74c', endColorstr='#ff9a02',GradientType=0 )!important;; /* IE6-9 */
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
p.more a:hover {text-decoration: none; color: #000;}

#carousel {background: #000; 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 { }
#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;} /* 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; border:1px solid #333333}
.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; ackground-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 .flex-viewport li .postcontent { height:100%; overflow:hidden;}


/*********************************************************************************************

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; }1!
#postFuncs h2 {font-size: 20px!important; font-weight: normal!important; color: #fff; line-height: 33px; }


#content ul.posts div.cover {margin-bottom: 5px; }

#content ul.posts div.cover img {1px solid #363636!important;}
#content ul.posts h2 {font-size: 20px; font-weight: normal; 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: #ff9900!important;}
#content ul.posts li {float: left; display: inline; margin-bottom: 10px;  }
#content ul.posts li:hover {background-color: #333!important;}
#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: normal; 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: 16px; font-weight: normal; color: #fff; margin: 0 0 10px; }
#content div.postmetadata a {color: #888;}
#content div.postmetadata a:hover {color: #ff9900;}
#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: normal!important; 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: left!important; 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: normal; 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; }

/*********************************************************************************************

6. Comments  -------------------------  comments.php

*********************************************************************************************/

#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments a:hover {color: #ff9900;}
#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 {color: #fff; padding: 5px 10px; font-family:bebas-neue; font-weight:normal; font-size:16px;text-shadow: 2px 2px 2px #000; xbackground: #2e2e2e url(images/back_menu.png) repeat-x top left;background: #ffb74c!important; /* Old browsers */background: -moz-linear-gradient(top,  #ffb74c 0%, #ff9a02 100%)!important; /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb74c), color-stop(100%,#ff9a02))!important; /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffb74c 0%,#ff9a02 100%)!important;; /* IE10+ */background: linear-gradient(to bottom,  #ffb74c 0%,#ff9a02 100%)!important;; /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb74c', endColorstr='#ff9a02',GradientType=0 )!important;; /* IE6-9 */-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: auto; cursor: pointer;}


/*{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: #000; }


.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: normal; 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: normal; font-size: 20px; line-height: 22px; padding-bottom: 4px; margin: 0 0 15px; border-bottom: solid 1px #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 h3 {border:1px solid red;}
.widget .twitter-list li { font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;; font-style: normal;  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;}
#footWidgets a:hover {color: #ff9900;}

/*********************************************************************************************

8. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {margin-top: 20px; text-align: left; padding: 20px 0; border-top: solid 1px #333; color: #999; font-family:bebas-neue; font-size:16px!important;text-transform:uppercase; }
#footer p {margin:0; line-height: 18px; font-size: 14px;  }
#footer a {color: #ff9900;  }
#footer a:hover {color: #ff9900; text-decoration: underline; }
#footer p.copy {font-size: 10px; text-transform: uppercase; }
#footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 110px; margin:-10px 0 0px 0; border:0px solid blue!important; }
#footer p.smholder {float: right; display: inline; line-height: 16px; width: 212px; margin-right: 5px; border:1px solid red!important;}

#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: #ff9900; }

/*********************************************************************************************

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: #ff9900; 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:#ff9900;}

.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; 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; }



/*********************************************************************************************

10. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 980px) {

    #container { width:92%; }

    #logo img { max-width:100%; height:auto; }

 	#featPosts { width:100%;  }

	#content { width:73%; margin-right:0; }
 	#content ul.posts-3 li { width:31%; padding:1%; }
	#content ul.list li { width:100%; }
 	#content ul.posts div.cover img { width:100%; height:auto; max-width:100%; }

	#sidebar { width: 23%; float:right; }
 	#sidebar .widget { width:100%; }
 	#sidebar iframe { max-width:100%; width:100%; }

 	#footWidgets div.column {  width: 24%; padding:0; margin-right:1%; }
	#footWidgets .column .widget {  width:100%; }

 	#content div.postmetadata { width: 20%; margin-right:2%; }

	#content div.singlepost { width: 78%; }

 	div.zoomVideoBig  {
		width:96% !important;
		max-width: 100%;
		padding:2%;
  	}

 	div.zoomVideoBig  div { width:100% !important; height:50% !important;}
 	div.zoomVideo  div { width:100% !important; height:50% !important;}

 	.zoomVideo object {
 		width:100%;
 		height:50%;
 		max-width:100%;
	}

 
    /* 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;
    }

    #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: 78%; }
	div.full #content div.single-page {width: 100%; }

}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/* Tabled Portrait */
@media screen and (max-width: 768px) {

	#logo h1 a {font-size:62px;	}


	#featPosts .cover { float:left!important; width:50% !important; border:1px solid red; }
	#featPosts .cover_jw {
		width:50% !important;
		max-width: 100%;
 	}

 	#featPosts .cover_jw div { width:98% !important; }
 
	#slider img { width:50% !important; height:auto; max-width:50%;   }

}


/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	#menuSocial { float:left; width:100%; margin-bottom:15px; }
	#topMenu { width:98%; }

	#bannerHead {display:none; }

	#featPosts .cover { float:left; width:100% !important; margin-bottom:15px; border:1px solid red; }
	#featPosts .cover_jw { width:100% !important; margin-bottom:15px;  }
	#slider img { width:100% !important; height:auto; max-width:100%; margin-bottom:15px;  }
	#featPosts .postcontent { width:100% !important;  clear:both; float:left; }

	#content { width:100%; margin-right:0; }
 	#content ul.posts-3 li { width:31%; padding:1%; }
	#content ul.list li { width:100%; }
 	#content ul.posts div.cover img { width:100%; height:auto; max-width:100%; }

	#content div.postmetadata { display:none; }

	#content div.singlepost { width: 100%; }

	#sidebar { width: 100%; float:right; }
 	#sidebar .widget { width:100%; }

 	#footWidgets div.column {  width: 100%; padding:0 1% 0 0; }
	#footWidgets .column .widget {  width:100%; }

}

