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

Theme Name: onPlay
Theme URI: http://www.wpzoom.com/themes/onplay
Version: 2.2.2
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.  Toolbox CSS  -----------------------  All Theme Files
2.  Header & Page Structure ------------  header.php
3.  Navigation  ------------------------  header.php
4.  Featured Slider  -------------------  wpzoom_slider.php
5.  Homepage Widgets -------------------  index.php
6.  Archive posts ----------------------  index.php, archive.php
7.  Single posts -----------------------  single.php
8.  Comments  --------------------------  comments.php
9.  Sidebar & Widgets ------------------  sidebar.php
10.  Footer  ---------------------------  footer.php
11.  Footer Carousel  ------------------  wpzoom_carousel.php

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


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

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

*********************************************************************************************/
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea { font-size: 100%;margin: 0; padding: 0;}
ul {list-style: none;}
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }
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;  }

a { border:none; color: #4587CC; outline:none; text-decoration:none;}
a:hover { color: #F55464; text-decoration:none;}

p {margin: /*5px 0px 16px 9px;*/ 0 0 5px; }
input { padding:5px; }

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

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
::-moz-selection { background: #08ceff; color: #fff; }
::selection { background: #08ceff; color: #fff; }

/* Navigation & WP PageNavi Plugin */
div.navigation { float: left; width: 100%; }
div.navigation p,  div.wp-pagenavi { font-size: 14px; font-weight: bold; margin: 0; text-align: center; }
div.navigation a {  border: none; font-size: 14px; font-weight: bold; line-height: 50px; margin-right: 10px; padding: 7px; }
div.navigation span.current { border:none; color: #333;  margin-right: 10px; padding: 7px; }
div.navigation a:hover {     color: #333; text-decoration: none; }
div.navigation span.pages { display: none; margin-right: 10px; }

div.navigation .extend { border: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

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

#main_banner { margin:0 0 25px; text-align:center; }
#ads { margin:0 0 25px; text-align:center; }
.banner {margin:15px 0; text-align:center; }

input[type="text"],input[type="password"] { background: #f8f8f8; border: 1px solid #e3e3e3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 2x 2px 0 #ebebe9; -moz-box-shadow: 2px 2px 0 #ebebe9; -webkit-box-shadow: 2px 2px 0 #ebebe9; color: #564B4B; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: normal; padding: 7px 20px; margin:0 0 10px;}
textarea { background: #f8f8f8; border: 1px solid #e3e3e3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 2x 2px 0 #ebebe9; -moz-box-shadow: 2px 2px 0 #ebebe9; -webkit-box-shadow: 2px 2px 0 #ebebe9; color: #564B4B; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}
input[type="submit"],input[type="reset"] { background-color: #8E949D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 0 0 0 7px; position: relative;  font-family: Georgia, Times New Roman, Times, serif; cursor:pointer; }
label {	font-weight:bold;}
#searchform #s {float:left;}

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

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

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

body {
    background: #e5e5e5;
	background-position: center 338px;
 	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.6;
	font-size:12px;
	}
	
body.custom-background {
background-position: 50% 0px; 
}
	

#header {
    background:#262626 url("images/bg.jpg") repeat;
	border-bottom:5px solid #484848;
	min-height: 150px; 
}

#head-wrapper {
	display: block;
	width: 1000px;
	height: 0px;	
	margin: auto;
}

#head-shadow {
	position: fixed;
	display: block;
	width: 100%;
	height: 30px; 
	z-index:100;
	background:#000 url("images/topnav.png") repeat-x 0 0;
	-webkit-box-shadow:0 0 10px 0 #1E1D1D;
 	-moz-box-shadow:0 0 10px 0 #1E1D1D;
	box-shadow:0 0 10px 0 #1E1D1D;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	
}

#header .wrap {
	background:url("images/shadow_top.png") no-repeat top center;
	padding:0px;
	margin-top: -10px;
	width:980px;
}

.feature-banner {
	width: 980px; 
	height: 280px; 
	display: block; 
	overflow: hidden; 
	margin: 50px auto 14px;
	border-bottom: solid 1px #414141; 
	border-top: solid 1px #000;
	border-right: solid 1px #545454;
	border-left: solid 1px #545454;
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px

}

#logo {
    margin: 10px 0 15px 25px;
    text-align: center;
	position: fixed; 
	z-index: 1000; 
	width: 80px; 
	height: 80px; 
	overflow: hidden;
	
	-webkit-box-shadow:0 -20px 50px -10px #FFFFFF;
 	-moz-box-shadow:0 -20px 50px -10px #FFFFFF;
	box-shadow:0 -20px 50px -10px #FFFFFF	 
	
}

#main {
    border-top: 1px solid #FFF;
    padding-top:10px;
	background-image: url("images/grad-bg.jpg");
	background-color: #e5e5e5;
	background-repeat: repeat-x;
	background-position: 50% 0px; 
}

#main .wrap {
    margin: 0 auto;
    width: 980px;
}

#content {
    float: left;
    width: 660px;
}

#heading {background:#111212;border-top:1px solid #373333;}
#heading h1 {font-family:Georgia, Times New Roman, Times, serif;font-size:24px;	color:#fff; padding-top: 8px;	}
#heading .wrap {background:none;}

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

3. Navigation  -------------------------  header.php

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

#menu {
	font-family: Arial, sans-serif;
    background:#000 url("images/topnav.png") repeat-x 0 0;
	line-height: 1.5;
	position:fixed;
    text-align: center;
    padding:5px 0;
	margin-top: 0px; 
    height: 20px; 
	width: 1010px;

	}
#mainmenu {
	margin:0 auto;
	float: right; 
	width: 850px; 
	}
.dropdown, .dropdown * {
	margin:	0;
	padding:0;
	list-style:	none;
}
.dropdown {
	line-height:1.5;
}
.dropdown ul {
	position: absolute;
	top:-999em;
	width:180px;
	background: #2F2E2E;
	text-align: left;
	margin: 0;
	padding: 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 ul li {
	width:100%;
	float:left;
}
.dropdown li:hover {
	visibility:inherit;
  	background:#2F2E2E;
 }
.dropdown li:hover a {
	color:#fff;
	}
.dropdown li {
	display:inline;
	position:relative;
	padding:10px 0 6px;
}
.dropdown a {
 	position: relative;
 	text-decoration: none;
 	padding:5px 15px;
	color: #F4F4F4;
	font-size: 14px;
	font-family:Arial, sans-serif;;
}
.dropdown a:hover {
	text-shadow: none;
	color: #fff;
  }
.dropdown ul li a {
	color: #fff;
	line-height: 1.5;
	text-transform: none;
	font-size: 12px;
 	}
.dropdown ul li a:hover {
	color: #fff;
  	}
.dropdown ul li:hover {
	background:#181818;
 	}

.dropdown li:hover ul,
.dropdown li.sfHover ul {
	left:0;
	top:29px;
	z-index:99;
}
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul {
	top:-999em;
}
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul {
	left:180px;
	top:0;
}
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul {
	top:-999em;
}
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul {
	left:180px;
	top:0;
}
.dropdown li:hover, .dropdown li.sfHover,
.dropdown a:focus, .dropdown a:hover, .dropdown a:active {
 	outline:0;
}
.dropdown li ul .sf-sub-indicator { display:inline; }
li.current-menu-item,
li.current_page_item,
li.current-menu-ancestor,
li.current-menu-parent,
li.current_page_parent {
	  	background:#2F2E2E;
}


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

4. Featured Slider -------------------------  wpzoom_slider.php

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

#slider { margin: 55px auto -9px auto; width: 980px; margin-top: 55px; display: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) { #slider { margin: 10px auto -9px auto; width: 980px; margin-top: 10px; display: none; padding-top: 45px; } }

@media screen and (-webkit-min-device-pixel-ratio:0) { .feature-wrapper {padding-top: 1px;} }

@media screen and (-webkit-min-device-pixel-ratio:0) { #head-shadow {padding: 10px 0px 0px 0px;} }

#slider .tab { background: #000; border-bottom: solid 1px #414141; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; overflow: hidden; position: relative; min-height: 220px; padding: 0px; }
#slider .slider_container { float: left; width: 640px; }
#slider .slider_container .slide h2 { font-family: Georgia, Times New Roman, Times, serif; padding: 15px 0 0; text-align: center; }
#slider .slider_container .slide h2 a { color: #CDCDCD; }
#slider .slider_container .slide h2 a:hover { color: #fff; }
.thumb_scroller { float: right; width: 300px; }
#tab-nav { height: 26px; display: none; }
#tab-nav li { background: url("images/l-normal.png") no-repeat 0 0; display: block; float: right; height: 26px; margin-left: -20px; }
#tab-nav li.ui-state-active { background: url("images/l-active.png") no-repeat 0 0; position: relative; z-index: 10; }
#tab-nav li a { color: #5C5959; font-family: "Ubuntu", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 26px; text-transform: uppercase; display:block; }
#tab-nav li span { background: #0f0f0f; display: block; height: 26px; margin-left: 37px; padding: 0 14px 0 4px; }
#tab-nav li.ui-state-active span { background: #000; }
#tab-nav li.ui-state-active a { color:#fff; }
#tab-nav li a:hover { color:#fff; }
.thumb_scroller { height: 419px; width: 300px; }
.thumb_scroller {  }
.thumb_scroller .viewport { height: 413px; overflow: hidden; position: relative; width: 280px; }
.thumb_scroller .overview { left: 0; list-style: none; position: absolute; top: 0; }
.thumb_scroller .thumb .end, .thumb_scroller .thumb { background-color: #003D5D; }
.thumb_scroller .scrollbar { float: right; position: relative; width: 15px; }
.thumb_scroller .track { height: 100%; padding: 0 1px; position: relative; width: 13px; }
.thumb_scroller .thumb { background: url("images/slider.png"); cursor: pointer; height: 102px; overflow: hidden; position: absolute; right: 2px; top: 0; width: 15px; }
.thumb_scroller .thumb .end { height: 0px; overflow: hidden; width: 15px; }
.thumb_scroller .disable { display: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.thumb_scroller li { margin: 4px 0; cursor: pointer; overflow: hidden; }
.thumb_scroller li a { display: block; padding: 7px 10px; float: left; width: 93%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.thumb_scroller li .info { font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5; }
.thumb_scroller  a:hover { text-decoration: none; color: #fff; }
.thumb_scroller .info span { text-transform: uppercase; font-size: 10px; display: block; color: #5C5C5C; line-height: 1.7; }
.thumb_scroller li.flex-active a, .thumb_scroller li.flex-active a:hover { background: #1E1E1E; }
.thumb_scroller li a:hover { background: #0E0E0E; }
.thumb_scroller img { border: 2px solid #181717; float: left; }
.thumb_scroller .info { color: #fff; font-size: 13px; line-height: 22px; margin-left: 73px; }
.thumb_scroller h5 { font-weight: normal; }

.cover div div { width:940px !important; height:529px !important; }
#slider .cover div div { width:640px !important; height:360px !important; }

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

5. Homepage Widgets  -------------------------  index.php

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

/* Tab essentials */
.wztw-container  { float:left; margin-bottom:0px; overflow:hidden; width:100%;}
.wztw-container .tabs { border-bottom: 0px solid #dcdddf; float:left; height: 0px; list-style: none; padding:0 0 0 20px; width:100%; visibility: hidden;}
.wztw-container .tabs li { border: solid 1px #dcdddf; display: inline;float: left; font-size: 12px; height:33px; line-height:33px;  margin: 0 4px -1px 0; overflow:hidden; padding:0; position:relative; }
.wztw-container .tabs li a { background-color: #eeeff1; color: #6a6d73; display:block; font-family:Georgia, Times New Roman, Times, serif; font-weight:normal; outline:none; padding: 0 25px; }
.wztw-container .tabs li a:hover { background-color: #f1f3f7; color: #738594; text-decoration: none; }
.wztw-container .tabs li.ui-state-active  { background-color: #fff; border-bottom: solid 1px #fff; color: #333;text-decoration: none;  }
.wztw-container .tabs li.ui-state-active a  { background-color: #fff; color: #333;    }
.wztw-container .wztw-content { background: #fff; background: #fff;border-bottom: 1px solid #DCDDDF; border-top: 1px solid #DCDDDF; clear: both; float: left; overflow: hidden; padding: 10px 0 0px; width: 100%; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

}

.wztw-container .wztw-content  p{
text-align: justify;
margin-top:10px; 
}


.wztw-container .wztw-content li:last-child { border-bottom: none; }

.tab_full { float:left; margin: 0 0 30px; width: 980px; }
.tab_2 { float:left; margin: 0 0 30px; width: 100%; }
.tab_nav { border-bottom: 1px solid #dcdddf; float:left; height:34px; list-style: none; margin:0; padding:0 0 0 20px; width:960px; }
.tab_nav li { border: solid 1px #dcdddf; display: inline;float: left; font-size: 12px; height:33px; line-height:33px;  margin: 0 4px -1px 0; overflow:hidden; padding:0; position:relative; }
.tab_nav li a { background-color: #eeeff1; color: #6a6d73; display:block;font-family:Georgia, Times New Roman, Times, serif; font-weight:normal; outline:none; padding: 0 25px; }
.tab_nav li a:hover { background-color: #f1f3f7; color: #738594; text-decoration: none; }
.tab_nav li.active  { background-color: #fff; border-bottom: solid 1px #fff; color: #333;text-decoration: none;  }
.tab_nav li.active a  { background-color: #fff; color: #333;    }
.tab_content { background: #fff; padding: 20px 0 15px;  }
.tab_content li:last-child { border-bottom: none; }
.tab_container { background: #fff; border-bottom: 1px solid #DCDDDF; border-top: none; clear: both; float: left; overflow: hidden; width: 100%; }

/* Featured Category 1 widget */
.feat_cat { background: #fff; background: #fff; border-bottom: 1px solid #DCDDDF; border-top: none; display:block;  margin: 0 0 30px; overflow: hidden;  padding: 10px 0 15px; width: 100%;   }
.feat_cat h3.title { 	border-bottom:1px dotted #dcdddf; font-family:Georgia, Times New Roman, Times, serif; padding:0 0 5px 20px; margin:0 0 20px; font-size:16px; color:#333;}

/* Meta basic */
.meta span { color: #808080; font-size: 10px; margin-right: 15px; padding-left: 15px; text-transform: uppercase; }
.meta a { color: #808080; }
.meta a:hover { color: #0099cc; }
.meta .author { background: url("images/author.png") no-repeat 0 2px; }
.meta .date { background: url("images/date.png") no-repeat 0 0; }
.meta .comments { background: url("images/comments.png") no-repeat 0 3px; visibility: hidden;}
.meta .tags { background: url("images/tag.png") no-repeat;  }

/* Meta specific */
.meta { border-top: 1px dotted #ddd; display: block; }
.posts_med .meta { border: none; margin: 5px 0; padding: 0; }
.column_1 .meta { margin: 10px 0; padding: 8px 0 0; }
.post .meta { padding: 10px 42px 5px 25px; }
a.read_more { background: url(images/plus.png) no-repeat 0 3px; float: right; font-family:Georgia, Times New Roman, Times, serif; font-size: 11px; padding: 0 0 0 18px; text-transform: uppercase; }

.single .meta .author { background: url("images/author.png") no-repeat 3px 11px; }
.single .meta .date { background: url("images/date.png") no-repeat 0 11px; padding-left: 18px; }
.single .meta .comments { background: url("images/comments.png") no-repeat 2px 11px; padding-left: 12px; }
.single .meta .tags { background: url("images/tag.png") no-repeat 0 11px; padding-left: 12px; }

.single .post .meta { float: left; width: 150px; margin: 5px 20px 15px 0; border-top: 0px solid #E9ECF1; padding: 0; }
.single .post .meta span { margin: 0; display: block; border-bottom: 1px dotted #E9ECF1; padding: 7px 0 7px 17px; }

/* Custom post columns */
.col_2 { display: block; float: left; margin: 0 7px 0 18px; width: 300px; }
.col_3 { display: block; float: left; margin: 0 7px 10p 18px; width: 300px; }
.column_1 h2 a { color: #1c1c1f; display: block; font-family:Georgia, Times New Roman, Times, serif; font-size: 18px; line-height: 1.4; margin: 0px 0px -5px 15px; }
.column_1 h2 a:hover { color: #0099cc; }
.column_1 img { margin: 0 0 10px; border: 4px double #d5d5d5;}
.posts_med h3 a { color: #1c1c1f; display: block; font-family:Georgia, Times New Roman, Times, serif; font-size: 16px; line-height: 1.5; margin: 0 0 7px; }
.posts_med h3 a:hover { color: #0099cc;  }
.posts_med li { border-bottom: 1px dotted #ddd; clear: both; display: block; float: left; margin: 0 0 16px; padding: 0 0 10px; width: 300px; }
.posts_med li { border-bottom: 1px dotted #ddd; clear: both; display: block; float: left; margin: 0 0 16px; padding: 0 0 10px; width: 300px; }
.posts_med img { float: left; margin: 0 10px 5px 0;  border: 4px double #d5d5d5;}
.list_posts li { border-bottom: 1px dotted #ddd; clear: both; display: block; margin: 0 0 10px; padding: 0 0 10px; }
.list_posts .date { background: #75a5ce; color: #fff; float: left; font-size: 10px; line-height: 1.3; margin: 0 10px 0 0; padding: 1px 4px; }
.list_posts a { color: #333; display: block; font-family:Georgia, Times New Roman, Times, serif; overflow: hidden; }
.list_posts a:hover { color: #0099cc; }

/* Horizontal Posts widget */
.vertical_cat {margin-top: 10px; }
.vertical_cat .post {
	margin-left: 0; width: 224px; display: inline-block;vertical-align: top;margin: 0 19px 25px 0;zoom: 1;*display: inline; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 2px solid white;
}

.vertical_cat .post h3 { margin-bottom: 7px; line-height:1.3;}
.vertical_cat .post h3 a { color: #1c1c1f; font-family: Georgia, Times New Roman, Times, serif; font-size: 16px; font-weight: normal;  }
.vertical_cat .post h3 a:hover { text-decoration: underline; }
.vertical_cat .post .postcontent { line-height: 1.7; margin: 0; padding: 5px 15px 5px; min-height: 120px; text-align: justify;}
.vertical_cat .meta { line-height: 1.5; padding: 8px 15px 0; }
.vertical_cat .meta span { margin-right: 0; }
.vertical_cat .meta a { margin: 0; }

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

6. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

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

.post {
    background: #fff;
	//opacity:0.8;
	//filter:alpha(opacity=80); 
    margin-bottom: 36px;
	border-bottom:1px solid #DCDDDF;
 	padding:0 0 10px;
	margin:0 0 30px;
	font-size:12px;
	overflow:hidden;
}

.single .post, .page .post {
	padding:5px 20px 5px 20px;
	width:610px;
	float:left;
			border: 2px solid white;
	background-image: url("images/cont-bg.jpg");
	background-repeat: repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	min-height: 400px;
}

.post h1.title {
	margin-bottom: 5px;
	border-bottom:0px solid #E9ECF1;
	padding:0 0 5px;
	line-height:1.3;
}

.post h1.title a {
	color: #39393b;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 30px;
	font-weight: normal;
}

hr {
color: #e5e5e5;
border: 1px solid #e5e5e5;
}

.post h1.title a:hover {
	color:#0099cc;
}

.post h2 {
    margin-bottom: 11px;
}

.post h2 a {
    color: #1c1c1f;
	font-family:Georgia, Times New Roman, Times, serif;
    font-size: 23px;
    font-weight: normal;
}

.post h2 a:hover {
	text-decoration:none;
	color:#0099CC;
}

.post .post-thumb {
	float: right;
 	margin: 0 0 5px 10px;
 }

.post .heading {
    background: #fff;
    border-bottom: 1px dotted #ddd;
    font-size: 10px;
	padding: 0 25px;
	line-height:26px;
	color:#000;
    text-align: left;
    text-shadow: 0 0px 0px #fff;
    text-transform: uppercase;
}

.post .heading a {
    color: #000;
}

.post .heading a:hover {
    text-decoration: underline;
}

.post .postcontent {
	color: #808080;
    font-size: 12px;
	padding: 15px 25px;
  	font-size: 12px;
 	position:relative;
}

.post img {


}

.innerpostsaaa {display: block;}

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

7. Single Posts Styling  ---------------------------------	 single.php, page.php

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

.entry {
 	font-size: 12px;
  	line-height: 1.7;
 }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px;
	line-height:1.3;
	color:#3D3D3D;
}
.entry p { margin-bottom: 14px; }
.entry a {  font-weight:bold; }
.entry a:hover { text-decoration:none; }
.entry img { margin-bottom:10px; }
.entry img.alignnone,
.entry img.alignleft,
.entry img.alignright {
}

.entry img.aligncenter {
	margin-left: auto;
	margin-right: auto; 
}

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
	font-style: italic;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px;
}

.side-left .post {
	float: right;
	display: inline;
 	margin: 0 0 20px 20px;
}

.side-left #sidebar {
	float:left;
}

.full-width .post {
	margin-right: 0;
	width: 940px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 2px solid white;
	background-image: url("images/cont-bg.jpg");
	background-repeat: repeat-x;
	min-height: 400px;
}

.full-width .entry, .page .entry {
	float: none;
	display: block;
 	padding-right: 0;
}

.full-width .entry img {
	max-width:877px;
}

.page-template-template-blog-php #content .post {
	float:none;
	padding:0;
	width:660px;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; width:150px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.gallery img { width:150px; height:auto; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: /*5px 15px 5px 3px;*/ 0px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { line-height: 1; background:rgba(255,255,255,0.7); padding: 0px; text-align:center; max-width: 100% !important; }
.entry .wp-caption {line-height: 1; background-color: transparent; padding: 0px; text-align:center; max-width: 100% !important; display: block; margin: 5px 13px 0px 0px; }
.entry .wp-caption img { background:none; margin-top: 5px; max-width:100%;  width:auto; height:auto; }
.entry .wp-caption-text { color:#A7A3A3; font:11px Arial, Helvetica, sans-serif; margin:5px 0px 5px 5px; padding:0px; text-align:left; line-height: 1; min-height: 22px;  }
.entry .wp-caption.aligncenter { margin:0 auto 0px; }
.textwidget .wp-caption-text  {text-align: center; display: block; min-height: 40px;}

img.wp-smiley { border: none; padding: 0; }
.thumbnails { background: #FFFDEA; border: 1px solid #EEE7AB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; clear: both; float: left; font-size: 11px; line-height: 1.6em; margin: 10px 0 20px; padding: 10px 10px 5px; }
.thumbnails img { height: 141px; margin: 5px 15px 10px; width: 141px; }
div.video_big { margin:20px 0; text-align: center; background: #0A0A0A; min-height: 300px; padding: 20px; border-bottom: solid 1px #414141; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.prevnext { margin: 30px 0 0; padding: 15px 0 0; border-top: 2px solid #E9ECF1; }
.prevnext .previous { float: left; }
.prevnext .next { float: right; text-align: right; }
.prevnext a { padding: 0; margin-bottom: 5px; font-size: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; font-family: Georgia, Times New Roman, Times, serif; color: #808080; display: block; }
.prevnext a:hover { color: #0099CC; }

/* Archives Template */
.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px dotted #ddd; padding-bottom: 15px; }
.post .col_arch .left { float: left; text-transform: uppercase; width: 170px; font-weight: bold; }
.post .col_arch .right { float: left; width: 430px; margin-left: 10px; }
.post .col_arch .right ul li a { font-weight: normal; }
.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }

 /* Sharing buttons */
.share_box { border-top: 2px solid #E9ECF1; border-bottom: 2px solid #E9ECF1; padding: 12px 0; margin: 25px 0; }
.share_box span { font-family: "Ubuntu", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #8c8d8e; margin: 0 25px 0 0; float: left; line-height: 1.5; }
.share_box .share_btn { float: left; }

/*cień i szpon*/

.cien {
box-shadow: 3px 4px 6px 1px #999; 
-moz-box-shadow: 3px 4px 6px 1px #999;
-webkit-box-shadow: 3px 4px 6px 1px #999;
}

.ramka {border: 4px double #aaa;}


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

8. Comments  -------------------------  comments.php

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

#comments { display:block;  margin:0;   }
#comments h3 { color: #8c8d8e; font-family:"Ubuntu", Arial, sans-serif; font-size:18px; font-weight: bold; margin:25px 0 15px; padding:0;  text-align:center; text-transform:uppercase;}
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
.comment-list li { list-style: none; }
.comment-list p { padding:15px 0 0; }
.comment-list li .commbody { border-top: 1px solid #E9ECF1; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { border:3px solid #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); float: left; margin: 0 12px 12px 0; }
.bypostauthor .comment-author img { border:3px solid #EE7373;}
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #5F6263; font-size: 14px; font-weight:bold; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-size:11px; font-style:italic; margin-top: 6px;}
.commleft { border-top:3px solid #E9ECF1; float: left; padding-top:15px; width: 215px; }
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
ul.children { background:url(images/reply_bg.png) no-repeat;}
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li {   margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { color: #808080;  font-size: 12px; line-height:1.7; margin-bottom: 0; margin-left: 229px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply {  clear: both; float:right;   height:20px;}
.reply a { display:none; }
.commbody:hover .reply a { background:url(images/reply.png) no-repeat top left; display:block;   margin-right: 15px; padding-left:16px; }
.cancel-comment-reply { margin:0 0 7px; }
.reply a, .cancel-comment-reply a { border: none;  color: #7D7D7D;   font-size: 10px; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, .cancel-comment-reply a:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}

#respond h3 {padding:0 0 10px; }
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }

#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px;  }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }

#respond #formLabels p, #formContent p { margin: 0 0 10px; padding: 12px 20px 12px 0; }
#respond label { color: #7e7e7e; float: left; font-family:Georgia, Times New Roman, Times, serif; font-size: 15px; margin: 8px 14px 0 0; text-align: right; width: 90px; font-weight:normal;}
#respond span { color: #bab9b9;  font-family:Georgia, Times New Roman, Times, serif; font-size: 11px; font-style: italic;   padding:0 0 0 10px;}
#respond input, #respond textarea { background: #f8f8f8; border: 1px solid #e3e3e3; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 3px 3px 0 #ebebe9; -moz-box-shadow: 3px 3px 0 #ebebe9; -webkit-box-shadow: 3px 3px 0 #ebebe9; color: #564B4B; font-family: Georgia, Times New Roman, Times, serif; font-size: 18px; font-weight: normal; padding: 9px 6px; }
#respond #formLabels input { width:55%;}
#respond #formContent textarea { width: 77%; resize: vertical; max-height: 500px; }
#respond  .submit { background-color: #8E949D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; border: none; font-size: 14px; padding: 7px 20px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 20px 0 5px 103px; position: relative; }
#respond  .submit:hover, #searchform #searchsubmit:hover { background-color: #81868F; cursor: pointer; }
#respond  .submit:active, #searchform #searchsubmit:focus { top: 1px; }
#searchform {height: 31px;}

.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; list-style-position:inside;}


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

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

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

#sidebar {
    float: right;
	width: 300px;
}
#sidebar h3.title {
	border-bottom: 1px dotted #d4d7dd;
    color: #333;
    font-size: 18px;
	font-family:Georgia, Times New Roman, Times, serif;
	line-height: 1;
    padding: 15px 20px;
    margin-bottom:5px;
	text-shadow: 1px 1px 0px #fff;
	font-variant:small-caps;
}

.ficzerd-imydz {
width: 300px;
float: right;
margin: 0px 0px 20px 20px; 
}



#sidebar .widget {
    background: #fff;
    border-bottom: 1px solid #d5d6d7;
	margin-bottom: 10px;
	font-size: 12px;
	position:relative;
	padding-bottom:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}

#ikonki {
	margin-top: -15px; 
	margin-bottom: -10px; 
	}

#ikoonki {}

#searchform {
	margin-top:5px;
	padding-bottom:5px;
}

#sidebar .widget .widget_content {
    padding: 10px 10px 0;
	overflow: hidden;
}
 .widget a {
	font-weight:bold;
}
#sidebar .widget a:hover { text-decoration: none; }
.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { border-top: none; margin: 0; padding: 0; }
.widget ul ul li { border: none; }
.widget #cat, .widget select {   border: 1px solid #cdcfd4; clear: both; color: #333333; display: inline; float: left; line-height: 1.5; padding: 5px; margin-top: 5px; width: 100%;  }
 #widget_tag_cloud a {font-family:Georgia, Times New Roman, Times, serif;line-height:1.3em;font-weight:normal;}


/* Flickr widget */
.widget .flickr_badge_image { margin-right: 17px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 69px; height: 69px; }
.widget .flickr_badge_image img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#footer .widget .flickr_badge_image img { width: 64px; height: 64px; }
#footer .widget .flickr_badge_image { margin-right: 11px; }


/* Social Widget */
.widget .social li { display: block; width: 100%; float: left; margin-bottom:15px;  line-height: 1.4; }
.widget .social li a { font-size: 14px; font-weight: normal; font-family:Georgia, Times New Roman, Times, serif; color:#333; }
.widget .social li a span { color: #9D9D9D; font-size: 11px; display: block; font-style:italic; font-weight: normal; }
.widget .social li a:hover { text-decoration:none; color:#0099cc;}
.widget .social img { float: left; margin-right: 7px; }
#footer .widget .social li a:hover span { color:#fff; }


/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;}
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px dotted #ddd; line-height:1.4; font-size:11px; }
.recent-comments-list li a { font-size:12px; }
#footer .recent-comments-list li { border-bottom: 1px dotted #32302e; }


/* 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-size: 11px;  margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt {	display: block;}
.widget .feature-posts-list li { padding: 6px 0; margin:0; line-height:1.4; border-bottom: 1px dotted #ddd; }
.widget .feature-posts-list li a { font-weight:bold; }
#footer .feature-posts-list li { border-bottom: 1px dotted #32302e; }


/* Category Widget */
#widget_categories ul li { border-bottom:1px solid #F5F5F5; clear: both; color: #8B8A8A; display:block; float:left; font-weight: normal; padding: 2px 4px; text-align: right; width:100%; }
#footer #widget_categories ul li { border-bottom:none; }
#widget_categories ul li a { float: left; font-weight: bold; text-align: left; }
#widget_categories ul li a:hover { color: #fff; font-weight: bold; text-decoration: none; }
#widget_categories ul li:hover { background: #4587CC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }
#footer #widget_categories ul li:hover { background: #393B3D; }
#widget_categories ul li:hover a { color: #fff; }

/* Twitter widget */
#sidebar .twitter h3 { padding-left:50px; background: url(images/twitter_w.png) no-repeat 10px 15px; }
#footer .twitter h3 { padding: 0 0 3px 45px; background: url(images/twitter_w.png) no-repeat 0 0; }
#footer .twitter a { color:#9A9A9A; }
#footer .twitter a:hover { color:#fff; }
.widget .twitter-list li { font-family: Georgia, serif; font-style: italic; border-bottom: 1px dotted #ddd; padding: 0 0 7px; margin: 0 0 7px; }
#footer .widget .twitter-list li { border-bottom: 1px dotted #32302e; }
.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; }


/* 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 #ddd; 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; }


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

10. Footer  -------------------------  footer.php

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

#footer {
    background: #000;
    margin-top: 0px;
    text-align: left;
    color:#5f5f5f;
    font-size:11px;
}
#footer .wrap {
    margin: 0 auto;
    padding-top: 15px;
    width: 978px;
}
#footer-logo {
    margin: 15px 0;
	display:none; 
}
#footer .widgets {
	border-top: 1px dotted #242527;
	border-bottom: 1px dotted #242527;
	padding: 15px 0;
}
#footer .widget {
	float: left;
	width: 225px;
	margin:0px;
}
#footer .widget h3 {
	font-size: 18px;
	margin:0 0 10px;
	color:#9A9A9A;
	font-variant:small-caps;
	font-family:Georgia, Times New Roman, Times, serif;
}
#footer div.column { display: block; float: left; margin-right: 25px; width: 225px; }
#footer div.last {margin-right: 0;}
#footer a {color: #656565; text-decoration:none;}
#footer a:hover {color:#999999;}
#footer .copyright { color: #5f5f5f;  height: 42px; padding: 25px 0 0 0; }
#footer .copyright .left { float: left; }
#footer .copyright .right { float: right; }
#footer p.wpzoom { display: inline; float: right; line-height: 16px; display: none;  }
#footer p.wpzoom img { display: inline; float: right; padding: 2px 0 0 2px; display: none;}


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

11. Footer Carousel  -------------------------  wpzoom_carousel.php

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

#carousel { background: #151313; border-bottom: 1px solid #232020; position: relative; padding: 35px 0; }
.carousel_wrap { margin: 0 40px; }
#carousel ul li { -moz-border-radius: 3px; border-radius: 3px; width: 135px; padding: 0; margin: 6px 10px; display: block; float: left; }
#carousel a { color: #818181; text-shadow: 1px 1px 0 #000; font-weight: bold; font-size: 11px; line-height: 1.2; }
#carousel .thumb a { position: relative; width: 135px; height: 121px; display: block; margin: 0 0 5px; }
#carousel li:hover a { color: #fff; }
#carousel .thumb img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 6px; margin: 3px 0 0 2px; -webkit-box-shadow: 0px 0px 3px 1px #000000; -moz-box-shadow: 0px 0px 3px 1px #000000; box-shadow: 0px 0px 3px 1px #000000; }
#carousel .thumb a span.border { background: url(images/overlay.png) no-repeat; width: 135px; height: 121px; position: absolute; top: 0; left: 0; z-index: 4; }
#carousel .thumb a span.fade { background: url(images/bg_thumb.png) no-repeat; width: 135px; height: 121px; z-index: 5; position: absolute; top: 0; left: 0; }
#carousel .prev, #carousel .next { position: absolute; top: 95px; background: url(images/carousel_arr.png) no-repeat; width: 13px; height: 24px; text-indent: -9999px; font-size: 1px; }
#carousel .prev { left: 20px; }
#carousel .prev:hover { background-position: 0 -26px; }
#carousel .next { right: 20px; background-position: -15px 0; }
#carousel .next:hover { background-position: -15px -26px; }