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

Theme Name: Videozoom
Theme URI: http://www.wpzoom.com/themes/videozoom
Version: 3.0
Author: WPZOOM
Author URI: http://www.wpzoom.com

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

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


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


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

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

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

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center;  background-image:  url(images/bg.jpg); background-repeat: no-repeat; background-color: #fdd6b7; background-position: center top;}
a {text-decoration:none; color: #ff7327; 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: #ff7327;  }
h1 { font-size: 26px; }
h2 { font-size: 52px; }
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: #ff7327;  }
p {margin: 0 0 16px; }
input { padding:5px; }



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

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

*********************************************************************************************/  
 
#container {width:100%; width: 930px; min-height: 200px; margin: 15px auto; margin-left: auto; padding-right:50px;  padding-left:50px; text-align:left; float:middle; background-color:#f7f4e3; box-shadow: 0px 0px 20px #7e6754;}
#container div.wrapper {margin: auto; text-align: left; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {font-size:0px; height: 0px; margin:0; line-height: 0px; margin: 0px 0; border-bottom: solid 0px #333; }
#container div.sepMenu {margin-bottom: 20px; }

#header { padding: 15px 10px; border-top: solid 0px #333; background-image: url(images/header.png);  background-repeat: no-repeat; background-position: left bottom; } 
#logo {float: left; display: inline; }
#bannerHead {float: right; display: inline; }


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

2. Navigation  -------------------------  header.php
   
   Dropdown menu can be styled from /css/ folder -> dropdown.css file

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


#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 {border: solid 1px #111;  float: left; display: inline; margin-right: 5px; }

#navigation{line-height: 29px; margin: 15px 10px 0px 0; background: #424242 }
#nav{background: #424242 url(images/back_menu.png) repeat-x top left;  display: block;  margin: 0 2px; }

#menu {position:relative; z-index:200; }
#menu li li{margin-right: 0; border-left: none; }

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: 0px;
-moz-border-radius: 0px; border-radius: 0px;  }


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

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

*********************************************************************************************/   
		
#featPosts {margin-bottom: 0px; width: 930px; position:relative;}
#featPostsBig {font-size: 12px; line-height: 18px; background: #1f1f1f url(images/back_feat_posts_2.png) repeat-x top left; min-height: 260px; padding: 15px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#featPostsBig div.cover {float: left; display: inline; margin-right: 20px; }
#featPostsBig p {color: #aaa; }
#featPostsBig p.postmetadata, div.single p.postmetadata {font-size: 11px; text-transform:uppercase; line-height: 16px; color: #888; margin:0 0 5px;}
#featPostsBig h2 {font-size: 31px; line-height: 36px; margin-bottom: 10px; }

.container { position:relative; }

.postcontent { height:100%; overflow:hidden;}
		/* Optional */



#featPosts { position:relative; clear:both; }

#postFuncs {margin: 0 0 0px; background: #191919 url(images/back_funcs.png) repeat-x top left; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 33px; padding-left: 10px; }
#funcStyler {float: right; display: inline; margin: 10px 20px 0;}
#funcStyler a {margin-left: 8px; }
#postFuncs h2 {font-size: 15px; font-weight: REGULAR; text-transform:uppercase; letter-spacing:2px; color: #f7f4e3; line-height: 33px; }


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

4. Homepage (Recent articles)  ----------------  index.php, archive.php,  

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

#content ul.posts div.cover {margin-bottom: 5px; }
#content ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; }
#content ul.posts p {font-size: 11px; line-height: 16px; margin-bottom: 0; }
p.postmetadata { color: #888 !important; text-transform: uppercase; }
p.postmetadata a {font-size:12px; text-transform: uppercase; color: #656565;}
#content ul.posts li {float: left; display: inline; margin-bottom: 10px;  }
#content ul.posts li:hover {background-color: rgba(200,189,172, 0.6);} 
#content ul.posts-3 li {width: 300px; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;*display: inline; }
#content ul.posts li.last {margin-right: 0;}
#content ul.grid p {display: none;}
#content ul.grid p.postmetadata {display: block;}
#content ul.list p {display: block; color: #aaa;}
#content ul.list p.postmetadata {margin: 6px 0 10px; }
#content ul.list h2 {font-size: 21px; font-weight: bold; line-height: 26px; }
#content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:0px; padding-top: 15px; padding-left: 15px; padding-bottom:15px; border-bottom:1px solid #333; }
#content ul.list li:hover {background:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;}
#content ul.list li div.cover {float: left; display: inline; margin-right: 15px; }
#content ul.list p.more {margin: 12px 0 4px;}
#content ul.grid li.cleaner {clear: left; display: block; visibility: hidden; float: none; font-size: 1px; line-height: 1px; height: 1px; padding:0; margin-bottom: 3px; }
#content ul.list li.cleaner {display: none;}

#content ul.posts.posts-3.grid {background-color:#f7f4e3;}
#content ul.posts.posts-3.grid.list li {width: 910px; background-color:#191919;}
#content ul.posts.posts-3.grid.list li p {width:500px;}

#content {	float: left;
	display: inline;
	width: 930px;
	margin-right: 20px;
	overflow: visible;	
	
	}
	#fiche {
	float: left;
	width: 300px;
	height: 450px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding:10px 10px 10px 10px;
	}
		#fiche ul li {	
		font-size: 9.5px;
		text-transform:uppercase;
		line-height: 1.2;
		margin-top: -3px;
		margin-bottom: -2px;
		}
	
#sidebar {
	float: left;
	
	width: 250px;}



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

div.invert #sidebar {float: left; }


#content div.postmetadata, #content div.single {float: left; display: inline; } 
#content div.postmetadata {width: 125px; margin-right: 20px; font-size: 12px; line-height: 18px; }
#content div.postmetadata div.sep {margin: 15px 0; }
#content div.postmetadata p.header {font-size: 13px; font-weight: bold; color: #fff; }
#content div.postmetadata a {color: #888;}
#content div.postmetadata a:hover {color: #ff7327;}
#content div.single {width: 570px; font-size: 13px; line-height: 18px; }
#content div.single-page {float: none; display: block; width: 715px; }

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


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

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

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

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

.entry { line-height: 1.5; font-size: 13px; margin-bottom:10px; text-align: justify;}
.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; }

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	}
/* End Images */

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

/* 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	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* 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;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}


/*.img big {*/
/*	width:  570px;*/
/*	height: 321px;*/
/*	overflow: hidden;*/
/*	position: relative;*/
/*}*/

.coverbig:hover { 

background-image: url(image/imgbighover.png);
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier*/
 
}



		
/* End Various Tags & Classes*/

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

6. Comments  -------------------------  comments.php

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

#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments a:hover {color: #df0a0a;}
#main ol.normalComments div.comment-body {position: relative; }
#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {list-style-type: none; margin: 0 0 20px; padding: 15px; font-size: 12px; line-height: 18px; min-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
#main ol.normalComments li p {margin-bottom: 0; overflow:hidden;}

#main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; }
#main ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px;  }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-size: 12px; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform div.column {float: left; display: inline; width: 31%; margin-right: 21px; }
#commentform div.last {margin-right: 0;}
#commentform input {width: 100%;	padding: 5px 0 5px 5px;	margin-bottom: 5px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#commentform textarea {	width: 99%; height: 130px;	padding: 2px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#respond div.sep {margin-top: 10px; border-bottom: solid 2px #333;}
#formContent {clear: left; padding-top:7px; }

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

#main ol.normalComments img.avatar {border: solid 4px #222; }
#main #submit, #commentform #submit {background:none; 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: #df0a0a; }


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

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

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


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

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

*********************************************************************************************/   
  
.widget p.header {color: #ff7327; font-weight: bold; font-size: 16px; line-height: 22px; padding-bottom: 0px; border-bottom: solid 0px #303030; background-color:#ffc3a3}
.widget {font-size: 12px; font-color:#df0a0a; line-height: 18px; margin-bottom: 30px; }
.widget ul li.current-menu-item {font-weight: bold; background-color: #333; }
.widget ul li.current-menu-item hover a {color: #FFF; }

/* Category Widget */
.widget_categories ul li { text-align:right; font-weight:bold; padding:0px 4px; clear:both;}
.widget_categories ul li a { text-align:left; float:left; font-weight:normal;}
.widget_categories ul li a:hover {color:#fff; text-decoration:none; font-weight:regular; background-color:rgba(200,189,172,1);}
.widget_categories ul li:hover {background:#ff7327; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/* 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 Gallery Widget */
.widget ul.gallery {padding: 0; margin:0; float:left;}
.widget ul.gallery li.last {margin-right: 0;}
 
ul.gallery img { border: 3px solid #191919; width: 60px; height: 60px; float: left; }
ul.gallery img:hover { border:3px solid #333; }
ul.gallery a { border: none; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }
.widget ul.gallery li { border: none; padding: 0 9px 9px 0; float: left; list-style-type: none; list-style-position: outside; }

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

#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: #ff7327;}
 

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

8. Footer  -------------------------  footer.php

*********************************************************************************************/   
 
#footer p {margin:0; line-height: 18px; font-size: 11px;  }
#footer a {color: #55cc55;  }
#footer a:hover {color: #ff7323; text-decoration: underline; }
#footer p.copy {font-size: 10px; text-transform: uppercase; }
#footer p.wpzoom {float: right; display: inline; line-height: 16px; margin-right: 5px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0;}

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

9. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/
  
/* Navigation & WP PageNavi Plugin */
#main div.navigation {float:left; width:100%; border-top: solid 1px #c8bdac; border-bottom: solid 1px #c8bdac; }
#main div.navigation p, #main div.wp-pagenavi {margin: 0;   font-size: 11px; font-weight: bold; }
#main div.navigation a {color: #888; padding: 8px 12px; line-height: 20px; margin-right: 10px;   }
#main div.navigation a.current {background-color: #55cc55; color: #fff;  -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;}
#main div.navigation a:hover {background-color: #c8bdac; color: #ff7327; text-decoration: none; }
#main div.navigation a {color: #999; padding: 8px 12px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;}
#main div.navigation span.current {padding: 8px 12px; background-color: #ffc3a3; color: #ff7327;  -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border:none; margin-right: 10px;}
#main div.navigation a:hover {background-color: #c8bdac; color: #333; text-decoration: none; }
#main div.navigation span.pages {margin-right: 10px; display:none;}
#main div.navigation .nextpostslink {background:#333;}
#main div.navigation .previouspostslink {background:#333;}
#main div.navigation .nextpostslink:hover {background:#444;}
#main div.navigation .previouspostslink:hover {background:#444;}

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


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

/* Search Form */
#searchform label {font-weight: regular; font-size: 10px; display: none; }
#searchform input {float: left; display: inline; height: 15px; padding: 4px; }
#searchform input#s {width: 128px;}
#searchform input#searchsubmit {font-size: 10px; font-weight: regular; height: 25px; width: 85px; padding:0; margin-left: 2px; margin-bottom: 10px; cursor: pointer; }