/******************************************  
 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.
*/

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Header  ----------------------------  header.php
2.  Navigation  ------------------------  header.php
3.  Featured Slider  -------------------  wpzoom-slider.php
4.  Homepage ---------------------------  index.php
5.  Posts & Pages ----------------------  page.php, single.php
6.  Comments  --------------------------  comments.php
7.  Sidebar & Widgets ------------------  sidebar.php
8.  Footer  ----------------------------  footer.php
9.  Toolbox CSS  -----------------------  All Theme Files


**********************************************************************************************/


/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {margin: 0; padding: 0; font-size: 100%;}
ul {list-style: none;}
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
.clear, .cleaner {	clear: both; height: 0;	overflow: hidden; }
hr {	display: none;	}
a img {	border: none;	}
/* End Various Tags & Classes*/


a {text-decoration:none; color: #55cc55; outline:none; border:none;}
a:hover {text-decoration:underline; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: #fff;  }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; color: #55cc55;  }
p {margin: 0 0 16px; }
input { padding:5px; }

.sticky { }

/*********************************************************************************************

1. Header & Page Structure  -------------------------  header.php

*********************************************************************************************/

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center; background-color: #171717; color: #888; }

#container {width: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: none; display: block; font-family:"Ropa Sans", Arial, sans-serif; text-transform:uppercase; height: 90px; overflow: hidden; }
#logo h1 { float: left; }
#logo h1 a {color:#fff;  font-size:82px;  font-weight:bold; letter-spacing:-4px; }
#logo a { display: block; float: left; width: 200px; height: 90px; background: transparent none 0 50% no-repeat; }
#logo a:hover {	text-decoration:none; color:#fefefe;}
#logo .banner_728x90 { width: 728px; height: 90px; float: right; } 

#bannerHead {float: right; display: inline; }

/*********************************************************************************************

2. Navigation  -------------------------  header.php

*********************************************************************************************/

/*start new nav menu */

#rich_media_nav {
display: inline-table;
}

#rich_media_nav h2 {
font-size: 14px;
font-weight: bold;
}

#nav-red a:hover {
background-color: red;
color:white;
padding: 10px 10px 15px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {
float: left;
padding-right: 20px;
}

.business{
margin-top: 30px;
float: left;
position:absolute;
width:960px;
height:460px;
border:5px solid red;
background:#121212;
overflow: hidden;
z-index:10000;
display:none;
}
#nav1:hover + .business{
 display:block;
}

.entertainment{
margin-top: 30px;
float: left;
position:absolute;
width:960px;
height:460px;
background:green;
overflow: hidden;
z-index:10000;
display:none;
}
#nav2:hover + .entertainment{
 display:block;
}

.lifestyle{
margin-top: 30px;
position:absolute;
width:960px;
height:460px;
background:blue;
overflow: hidden;
z-index:10000;
display:none;
}
#nav3:hover + .lifestyle{
 display:block;
}

.media{
margin-top: 30px;
position:absolute;
width:960px;
height:460px;
background:purple;
overflow: hidden;
z-index:10000;
display:none;
}
#nav4:hover + .media{
 display:block;
}

.technology{
margin-top: 30px;
position:absolute;
width:960px;
height:460px;
background:orange;
overflow: hidden;
z-index:10000;
display:none;
}
#nav5:hover + .technology{
 display:block;
}

.deals{
margin-top: 30px;
position:absolute;
width:960px;
height:460px;
background:white;
overflow: hidden;
z-index:10000;
display:none;
}
#nav6:hover + .deals{
 display:block;
}

.left_column_drop_nav {width: 120px; float: left;padding:0 10px 0 20px;background-color: #121212;}
.center_column_drop_nav {width: 660px; float: left;padding-right: 10px;background-color: #121212;}
.right_column_drop_nav {width: 120px; float: left;padding-right: 10px;background-color: #121212;}

.menu_sponsor {
float: right;
width: 150px;
position: absolute; bottom: 0; right: 0;
}

/* start widget styling */
div.business_menu_left {
color: white;
}


/* end new nav menu */


#topNav { line-height: 1.5; float:none; width:100%; border-bottom: solid 1px #333; margin:3px 0 21px; padding-bottom:5px; position:relative; z-index:600; }
#topNav a {color: #999; text-decoration: none; text-shadow: #111 1px 1px 0; }
#topNav a:hover {color: #ddd;}
#topNav li.current-menu-item, #topNav li.current_page_item,  #topNav li.current-menu-ancestor,  #topNav li.current-menu-parent,  #topNav li.current_page_parent { background-color: #333; background-image:none;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#topMenu { display: block; margin: 3px 2px 0; width: 680px; }
#topMenu li { font-size: 11px; }
#menuSocial {float: right; display: inline; margin-top: 6px; font-size: 11px; }
#menuSocial li {float: left; display: inline; margin-left: 5px; line-height: 20px; }
#menuSocial img { float: left; display: inline; margin-right: 5px; }
#menu { line-height: 29px; margin: 9px 0; }



#nav { background: #cdcdcd url(images/back_menu.png) repeat-x top left; display: block; margin: 0 2px;  position:relative; z-index:99;}
#nav li li { margin-right: 0; border-left: none;}

.dropdown { margin: 0; list-style-type: none;}
.dropdown a { float: left; color: #fff; text-decoration: none; text-shadow: #000 1px 1px 0; padding:0 10px; font-weight: bold; }
.dropdown a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; background: #fff; color: #55CC55; }
.dropdown li { float: left; display: inline; font-size: 13px; font-weight: normal; padding: 0; margin: 0 3px 0 0; position: relative;}
.dropdown li:hover a { color: #55CC55; text-shadow: none; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
* html .dropdown li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ }
.dropdown li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 100; background: #fff; text-align: left; margin: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin-top: -4px; padding: 3px 0; -moz-box-shadow: 0 4px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.5); box-shadow: 0 4px 3px rgba(0,0,0,0.5);}
.dropdown li ul li { margin: 0;}
.dropdown li ul li a { width: 140px; padding: 3px 10px; margin: 0; border-top-width: 0; text-shadow: none; border-bottom: 1px solid #EAEAEA; text-transform: none; display: block; color: #333; line-height: 1.9; }
.dropdown li ul li ul { top: 0; }
.dropdown li ul li:last-child a, .dropdown li ul li:last-child a:hover { border: none; }
.dropdown li ul li a:hover { color: #000; }
.dropdown li:hover ul li a { color: #444; }
.dropdown li:hover ul li:hover a:hover { background: #2f2f2f; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.downarrowclass { background: url(images/downh.png) no-repeat center; width:5px; height:3px; display:inline-block; padding:3px 3px 3px 0; margin-left:5px;}
.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown li.current_page_item a .downarrowclass, .dropdown li.current-cat a .downarrowclass { background: url(images/down.png) no-repeat center; }
.rightarrowclass { background: url(images/right.png) no-repeat center right; padding: 10px; position: absolute; right: 10px; }
li.current-menu-item,  li.current_page_item,  li.current-menu-ancestor,  li.current-menu-parent,  li.current_page_parent { background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }

#topNav .dropdown a { padding: 4px 7px; }
#topNav .dropdown a:hover { background: #333; color: #fff; }
#topNav .dropdown li:hover a { color: #fff; background: #333; }
#topNav .dropdown li ul { position: absolute; z-index: 650; background: #333; margin-top: -3px; }
#topNav .dropdown li ul li a { border-bottom: 1px solid #444; color: #fff; line-height: 1.7; }
#topNav .dropdown li:hover ul li:hover a:hover { background: #444; color: #fff; }


/*********************************************************************************************

3. Featured Slider -------------------------  wpzoom_featured_posts.php

*********************************************************************************************/

#featPosts { margin-bottom: 30px;  position:relative; font-size: 12px; line-height: 18px; background: #1f1f1f url(images/back_feat_posts.png) repeat-x top left; min-height: 250px; padding: 15px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

#slider { padding:0 15px; }
#slider li div.cover,
#slider li div.cover_jw { float:left; display: block; margin-right: 15px;  }
#slider li p {color: #aaa; }
#slider li p.postmetadata, div.singlepost p.postmetadata {font-size: 11px; line-height: 16px; color: #888; margin:0 0 5px;}
#slider li h2 {font-size: 31px; line-height: 36px; margin-bottom: 10px; }
p.more {font-size: 13px; font-weight: bold;}
p.more a {color: #fff; padding: 5px 10px; background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
p.more a:hover {text-decoration: none; color: #55cc55;}

#carousel {background: #252525 url(images/back_posts_small.png) repeat-x top left; padding: 15px 40px 5px 44px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }

#carousel .flex-viewport li {  position:relative; height:98px;  filter:alpha(opacity=45);	opacity:.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";}
#carousel .flex-viewport span {position:absolute; background:url(images/overlay.png) no-repeat; width:135px; height:98px; display:block; top:0; left:0;}
#carousel .flex-viewport li.flex-active-slide, #carousel .flex-viewport li:hover {filter:alpha(opacity=100);	opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

#slider img { float:left; margin:0 15px 0 0;}
#carousel  .slides img {width: 135px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
#slider .flex-direction-nav a {width: 20px; height: 40px; margin: -20px 0 0; display: block; background: url(images/arrows.png) no-repeat 0 0; position: absolute; top: 130px; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;}
#slider .flex-direction-nav .flex-next {background-position: -21px 0; right: -20px; }
#slider .flex-direction-nav .flex-prev {left: -20px;}
#slider .flexslider:hover .flex-next {opacity: 0.8; right: 5px; background-position: -21px -41px;}
#slider .flexslider:hover .flex-prev {opacity: 0.8; left: 5px; background-position: 0 -41px;}
#slider .flex-next:hover,  #slider .flex-prev:hover {opacity: 1;}
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

#carousel .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;}
#carousel .flex-direction-nav .flex-next {right: 8px; background-position: 100% 0;}
#carousel .flex-direction-nav .flex-prev {left: 8px;}
#carousel .flexslider:hover .flex-next {opacity: 0.5; right: 5px;}
#carousel .flexslider:hover .flex-prev {opacity: 0.5; left: 5px;}
#carousel .flex-next:hover, #carousel .flex-prev:hover {opacity: 1;}
#carousel .flex-direction-nav .flex-disabled {opacity: .3!important; cursor: default;}

.flex-control-nav {width: 100%; margin:10px 0 5px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.7); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

#slider li .postcontent { 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; }
#postFuncs h2 {font-size: 15px; font-weight: bold; color: #fff; line-height: 33px; }


#content ul.posts div.cover {margin-bottom: 5px; }
#content ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; }
#content ul.posts p {font-size: 11px; line-height: 16px; margin-bottom: 0; }
p.postmetadata {color: #888 !important; }
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: 33.3%; padding: 5px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;*display: inline; }
#content ul.posts-3 li img { max-width: 100%; height: auto; }
#content ul.posts li.last {margin-right: 0;}
#content ul.grid p {display: none;}
#content ul.grid p.postmetadata {display: block;}
#content ul.list p {display: block; color: #aaa;}
#content ul.list p.postmetadata {margin: 6px 0 10px; }
#content ul.list h2 {font-size: 21px; font-weight: bold; line-height: 26px; }
#content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:20px; padding:0 0 15px 0; border-bottom:1px solid #333; }
#content ul.list li:last-child {border-bottom:none; }
#content ul.list li:hover {background:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;}
#content ul.list li div.cover {float: left; display: inline; margin-right: 15px; }
#content ul.list p.more {margin: 12px 0 4px;}
#content ul.grid li.cleaner {clear: left; display: block; visibility: hidden; float: none; font-size: 1px; line-height: 1px; height: 1px; padding:0; margin-bottom: 3px; }
#content ul.list li.cleaner {display: none;}

#content {float: left; display: inline; width: 640px; margin-right: 20px; }
div.full #content {float: none; display: block; width: 960px; margin-right: 0; }
div.full #sidebar {display: none; }
div.invert #content {float: right; margin-right: 0; margin-left: 20px; }
div.invert #sidebar {float: right; }

#content div.postmetadata, #content div.singlepost {float: left; display: inline; }
#content div.postmetadata {width: 125px; margin-right: 20px; font-size: 12px; line-height: 18px; }
#content div.postmetadata .section { margin: 0 0 15px; border-bottom: 1px solid #333333; padding-bottom:10px; }
#content div.postmetadata .tags a { background:#333; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:2px 5px; margin:0 3px 5px 0;  float:left; }
#content div.postmetadata .tags a:hover { background:#5E5E5E; color:#fff; text-decoration:none; }
#content div.postmetadata h3 {font-size: 13px; font-weight: bold; color: #fff; margin: 0 0 10px; }
#content div.postmetadata a {color: #888;}
#content div.postmetadata a:hover {color: #55cc55;}
#content div.singlepost {width: 495px; font-size: 13px; line-height: 18px; }
#content div.single-page {float: none; display: block; width: 100%; }

#content div.no_meta div.singlepost { }
div.full #content div.no_meta div.singlepost {width: 960px; }
div.full #content #loop li {margin-right:2px;}
div.full #content div.singlepost {width: 815px; }
div.full #content div.single-page {width: 960px; }
div.invert #content div.postmetadata {float: right; margin-right: 0; margin-left: 20px; }


/*********************************************************************************************

5. Posts & Pages Styling  -------------------------   single.php, page.php

*********************************************************************************************/

.singlepost {color: #ccc; font-size: 13px; line-height: 20px; overflow:hidden; }
.singlepost blockquote {font-family: Georgia,serif; font-size: 24px; line-height: 32px; font-style: italic; color: #bbb; font-weight: normal; border-left: solid 3px #333; margin-left: 15px; padding-left: 15px; }
.singlepost h1 {font-size: 34px; font-weight: bold; line-height: 40px; margin: 0 0 10px; border-bottom:1px solid #333; padding-bottom:10px;}
div.zoomVideo {margin: 0 0 20px; }
div.zoomVideoBig {width:945px;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 0 15px 15px; border-bottom: solid 1px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.gallery { margin: auto; text-align: center; clear: both; }
.gallery img { border: 4px solid #111111; }
.gallery-caption { margin-left: 0; }

.entry { line-height: 1.5; font-size: 13px; margin-bottom:10px; }
.entry ul { margin: 0 0 20px; padding: 0 0 0 30px; }
.entry ul li { list-style-type: square; }
.entry ol { margin: 0 0 20px; padding: 0 0 0 30px; }
.entry ol li { list-style-type: decimal; }
.entry h1 { font-size:26px; margin:0; line-height:1.5; border-bottom:none; padding:0; }
.entry .alignleft { float:left; margin:10px 15px 10px 0; }
.entry .alignright { float:right; margin:10px 0px 10px 15px; }
.entry .alignnone { margin:10x 0; }
.entry .shortcode-unorderedlist ul { padding:0;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { 	font-weight: bold; margin-bottom: 12px;  line-height:1.3; }
ul.wpzoomSocial li {float: left; display: inline; width: 130px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; }
ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright {
	margin-bottom: 10px;
	max-width: 570px;
	width:auto;
 	height:auto;
}

.no_meta .entry img.alignnone,
.no_meta .entry img.aligncenter,
.no_meta .entry img.alignleft,
.no_meta .entry img.alignright {
	margin-bottom: 10px;
	max-width: 715px;
	width:auto;
 	height:auto;
}

.full .entry img.alignnone,
.full .entry img.aligncenter,
.full .entry img.alignleft,
.full .entry img.alignright {
	margin-bottom: 10px;
	max-width: 815px;
	width:auto;
 	height:auto;
}

.full .no_meta .entry img.alignnone,
.full .no_meta .entry img.aligncenter,
.full .no_meta .entry img.alignleft,
.full .no_meta .entry img.alignright {
	margin-bottom: 10px;
	max-width: 960px;
	width:auto;
 	height:auto;
}

#funcStyler a {display: block; width: 37px; height: 14px; background-image: url(images/switch.png); background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; position:absolute; right:0; }
#funcStyler a:hover {filter:alpha(opacity=75);	opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
#funcStyler a.flip { background-position: left top; }


/* Attachments gallery */
.thumbnails {
 	clear:both;
	float:left;
 	padding:10px 10px 5px;
	margin:10px 0 20px;
	font-size:11px;
	line-height:1.6em;
}

.thumbnails img {
	margin:0 5px 10px;
	width:144px;
	height:144px;
	border:3px solid transparent;
}

.thumbnails .active img { border:3px solid #FFCB65; }

/*********************************************************************************************

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; }

#commentform label {font-weight:bold; line-height: 2.0em; font-size: 12px;  color: #fff; margin-bottom: 5px; }
#main #submit, #commentform #submit {background:none; font-size: 12px; text-transform: lowercase; padding: 5px 7px; width: auto; cursor: pointer; }

#main ol.normalComments img.avatar {border: solid 4px #222; }
#main #submit, #commentform #submit { background: #2e2e2e url(images/back_menu.png) repeat-x top left; color: #fff; border: none; text-transform:uppercase; font-weight:bold; font-family:Arial; font-size:11px; text-shadow:1px 1px 0 #000000; }
#main #submit:hover, #commentform #submit:hover {  color: #55cc55; }


.afterpost .navigation .alignleft a, #single .reply a, .afterpost .navigation .alignright a, #single .cancel-comment-reply a { background-color: #d52c2c; text-shadow: #b62424 1px 1px 1px; color: #fff; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #single .reply a:hover, #single .cancel-comment-reply a:hover {color: #333; background-color: #ddd; text-shadow: #fff 1px 1px 1px; }
.afterpost .navigation {background:none;}

#main .normalComments li.comment {background-color: #222; border-top: solid 1px #111; }
#main .normalComments li.bypostauthor, #main .normalComments ul.children li.comment { background-color: #333; }
#main .normalComments cite.author {color: #333; }
#main .normalComments div.gravatar img {border: solid 5px #333;}
#main .normalComments div.gravatar-author img {border: solid 5px #333;}
#main input, #main textarea, #commentform input, #commentform textarea {font-size: 12px;  background-color: #292929; border-left: none; border-right:none; border-bottom:1px solid #343434; border-top:1px solid #0b0b0b; color: #ccc;}
.trackblist { margin:10px 0; list-style-type:decimal; list-style-position:inside; font-size:12px;}
.trackblist li { padding:4px 0;}
#respond { clear:both;}

#content h2.title {font-size: 18px; font-weight: bold; line-height: 22px;}
#content h2.sep {padding: 15px 0; border-top: solid 1px #333; border-bottom: solid 1px #333;}


/*********************************************************************************************

7. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

*********************************************************************************************/

#sidebar {float: right; display: block; width: 300px; }

.widget h3 {color: #fff; font-weight: bold; font-size: 16px; line-height: 22px; padding-bottom: 4px; margin: 0 0 15px; border-bottom: solid 2px #333; }
.widget {font-size: 12px; line-height: 18px; margin-bottom: 20px; }
.widget ul li.current-menu-item {font-weight: bold; background-color: #333; }
.widget ul li.current-menu-item hover a {color: #fff; }
.banner {margin:0 0 10px; }

/* Category Widget */
.widget_categories ul li { text-align:right; font-weight:bold; padding:2px 0; clear:both;}
.widget_categories ul li li { padding-left:12px; }
.widget_categories ul li a { text-align:left; float:left; font-weight:normal;}
.widget_categories ul li a:hover { text-decoration:underline; }

/* Featured Category Widget */
.widget  ul.posts div.cover {float: left; display: inline; margin-right: 7px; }
.widget  ul.posts a { font-weight:bold; }
.widget  ul.posts a:hover { text-decoration:none; }
.widget  ul.posts li {margin-bottom: 5px; padding: 4px; }
.widget  ul.posts li:hover {background-color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.widget  ul.posts li:hover a {color: #fff;}
.widget  ul.posts p {margin:0;}
.widget  ul.posts .postmetadata a {color:#888; font-weight:normal; font-size:11px;}

/* WPZOOM Social Widget */
.widget .social li { display: inline; width: 46%; float: left; padding: 10px 0; margin-right: 6px; line-height: 16px; }
.widget .social li a { font-size: 12px; font-weight: bold; }
.widget .social li a span { font-size: 11px; display: block; font-weight: normal; }
.widget .social img { float: left; margin-right: 7px; }

/* WPZOOM Video Widget */
.wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; }
.wpzoom_media .hide { display: none; }
.wpzoom_media li { border-bottom: 1px dotted #4D4C4C; list-style-type: none; font-size: 14px; padding: 8px 0; line-height: 20px; }
.wpzoom_media li a  { font-weight: normal; }
.wpzoom_media li a.active { font-weight: bold; }

/* WPZOOM: Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;}
.recent-comments-list li {  padding: 6px 0 10px; margin:0 0 5px; }

/* WPZOOM: Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img {margin: 4px 12px 5px 0;float: left;}
.widget .feature-posts-list small {	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display: block; margin: 0 0 3px; }
.widget .feature-posts-list .post-excerpt {	display: block;}
.widget .feature-posts-list li { padding: 6px 0; margin:0 0 5px;   }
.widget .feature-posts-list li a { font-weight:bold; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 9px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { border: 3px solid #191919; width: 60px; height: 60px; }
.widget .flickr_badge_image img:hover { border:3px solid #333; }
#footer .widget .flickr_badge_image img { width: 62px; height: 62px; }

ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }

/* Twitter widget */
.widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;  padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; }
.widget .follow-user { margin: 0; padding: 5px 0; }

#footWidgets {margin: 40px 0 20px; font-size: 12px; line-height: 18px; }
#footWidgets div.column {float: left; display: inline; margin-right: 20px; width: 225px; }
#footWidgets div.last {margin-right: 0;}
#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: 212px; 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  */
div.navigation { position:relative; float:left; width:100%; border-top: solid 1px #333; border-bottom: solid 1px #333; text-align: center; margin-bottom:15px; font-size: 11px; }
div.navigation p { font-size: 11px;  margin: 0;}
div.navigation a,
div.navigation .current {color: #fff; padding: 8px 12px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;}
div.navigation a:hover {background-color: #333; color: #fff; text-decoration: none; }
div.navigation .current { padding: 8px 12px; background-color: #55cc55; color: #fff;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border:none; margin-right: 10px;}
div.navigation .prev {position:absolute; left:0; padding-right:5px;}
div.navigation .next {position:absolute; right:0; padding-left:10px;}
div.navigation a.next, div.navigation a.prev {line-height:35px;}
div.navigation a.next:hover, div.navigation a.prev:hover {background:none; color:#55CC55;}

.floatleft { float: left; }
.floatright { float: right; }

div.navigation {text-align: center; }
div.navsep {margin-top: 20px; }


/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption { text-align: center;	background-color: #3E3E3E;	 	margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wp-caption img { margin: 0;	padding: 4px 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}

img#wpstats{display:none}

/* Search Form */
#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; }
#searchform input#s {width: 152px;}
#searchform input#searchsubmit {font-size: 12px; font-family:Arial, sans-serif; font-weight: bold; height: 28px; width: 60px; padding:0; margin-left: 4px; cursor: pointer; background: url("images/back_funcs.png") repeat-x left top #2E2E2E; position:relative; }
#searchform input#searchsubmit:hover { background: url("images/back_funcs.png") repeat-x left bottom #2E2E2E;}
#searchform input#searchsubmit:focus { top:1px;}

/* Gravity Forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;  padding-right:20px;  margin: 5px 0px 4px !important; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; }
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; }
.gform_footer { font-size: 13px !important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
letter-spacing: 0px; }

.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {  }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }


.gform_wrapper li.gfield, .gform_wrapper form li.gfield { 
	background:#252525; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:20px;
	border:1px solid #383535;
}

.gform_wrapper .top_label .gfield_label {font-size:16px !important; font-weight:normal; color:#fff;}

#main .gform_wrapper li.gfield.gfield_error, #main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:#252525; padding:20px !important; border-color:#720F0F; }

.gform_wrapper .top_label .gfield_error { width:auto !important; }

#main input[type="file"] { background:none; border:none; }
.gform_wrapper .gfield_error .gfield_label { color:#A31B1B !important; }
.gform_wrapper li.gfield.gfield_error .gfield_description { color:#A31B1B !important; }
.gform_wrapper .validation_error{ color:#A31B1B !important; }




/*********************************************************************************************

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%;
		position:relative;
  	}


  	#jw_video {
  		 width: 100% !important;
 	}
 
 		#jw_video_video {
			width: 100% !important;
		}


		#jw_video_displayarea {
			width: 100% !important;
		}

		#jw_video_jwplayer_controlbar {
			bottom:10px !important;
		}

		#jw_video_jwplayer_display {
			width: 100% !important;
		}
		 

		#jw_video_jwplayer_display_iconBackground {
			top:48% !important;
			left:45% !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;	}

	#bannerHead {display:none;}
	#featPosts .cover { width:50% !important; }
	#featPosts .cover_jw {
		width:50% !important;
		max-width: 100%;
 	}
 
	#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 { width:100% !important; margin-bottom:15px;  }
	#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%; }

}


#igit_title {
display: none;
}

#igit_rpwt_li {
padding-bottom: 50px;
}