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

Theme Name: Video Elements
Theme URI: http://www.press75.com/
Description: Need a little help getting started? <a href="http://www.press75.com/video-elements-setup-usage/">Theme Setup and Usage</a>. Shared by <a href="http://www.uniq-themes.ru/">uniq-themes.ru</a>
Version: 2.0
Author: Press75.com
Author URI: http://www.press75.com/

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

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2009 Circa75 Media, LLC

Be inspired, but please don't steal...

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

0.  CSS Reset
1.  Basic Setup (Body, Fonts, etc.)
2.  Header Styles
3.  Navigation and Menu Styles
4.  Main Content
5.  Breadcrumbs
6.  Search Form
7.  Multiple Post Pages
8.  Single Post Pages
9.  Post Comment Styles
10. Pagination
11. Sidebar Styles
12. Footer Styles

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

Before you customize this file directly, you might want to consider adding your custom 
styles to 'custom.css'. This will make it easier to upgrade when theme updates are 
released in the future.
	
**********************************************************************************************/


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

0. CSS Reset 

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


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

1. Basic Setup (Body, Fonts, etc.) 

*********************************************************************************************/
body {
width: auto;
height: auto;
background: ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #555555;
}

/*h1 {font-size: 25px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}*/

/*a:link, a:visited {
color: #444444;
}

a:hover {
color: #808080;
}*/

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 15px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, a, font, img, q, s, small, strike, strong, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: Helvetica;
	color: #1c402f; /*#1C4030;*/
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration:none;
}

h1 {
	color:#82AB31;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-1px;
	height: 24px;
}

h1 span {
	color:#88C84C;
}

.post h2 a {
	/*font-size: 15px !important;
	color: #82AB31 !important;*/
}

h2,
h2 a {
	color: #EBC205;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
}

h2 span,
h2 a span {
	color: #82AB31;
}

h3 {
	color:#ADADAD;
	font-size:9px;
	font-weight:normal;
}

h4 {
	color:#868887;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
	padding:18px 0 18px 0;
}

h4 span {
	color:#FF8A00;
}

p {
	font-size:11px;
}

#site {
	width:990px; /* Acertar no footer também*/
	margin:0 auto 0 auto;
	padding: 0 20px 0 20px;
}

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

2. Header Styles

*********************************************************************************************/
#header {
	border-top: #83AB31 solid 11px;
}

#header #rss {
	position:absolute;
	top:25px;
	left:930px;
}

#header #rss a {
	float:left;
	display:block;
	background:url(images/rss.gif) no-repeat;
	color:##2B4D3D;
	padding:0 20px 0 20px;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	height:20px;
}

/* --- Menu --- */
#menu {
	background-image: url(images/navigation-bg.jpg);
	height: 45px;
	
	letter-spacing:-1px;
	text-transform: uppercase;
	font-weight:bold;
	font-size:18px;
	line-height: 45px;
}

#menu div{
	height:30px;
}

#menu ul li {
	float:left;
	display:inline;
}

#menu ul li a {
	color:#FFFFFF !important;
	padding:0px 14px 0 14px;
}

/* --- Menu --- */

/*#header {
width: 980px;
height: 170px;
margin:0 auto;
}



#header_inside_verde {
background: #82ab31;
width: 980px;
height: 11px;
}

#header_inside_left {
width: 290px;
height: 92px;
display:block;
float:left;
}

#header_inside_right {
width: 690px;
height: 92px;
display:block;
float:right;
}
/*

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

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
	background: #eac105 url(wp-content/themes/video-elements/images/navigation-bg.jpg);
	width: 980px;
	height: 45px;
	letter-spacing:-1px;
	text-transform: uppercase;
	font-weight:bold;
	font-size:18px;
	line-height: 45px;
	clear: both;
}

#navigation_inside_left ul li {
	float:left;
	display:inline;
}

#navigation_inside_left ul li a {
	color:#FFFFFF !important;
	padding:0px 14px 0 14px;

}

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

4. Main Content

*********************************************************************************************/
#content {
	background: #FFFFFF;
	width: 100%;
	float: left;
	padding-top: 30px;
}

#content-inside {
width: 990px;
/*margin: 0px auto;*/
}

#main {
width: 700px;
float: left;
}

.carousel a {
	font-size: 13px !important;
	font-weight: bolder;
}
/*********************************************************************************************
4.1 - Sidebar
*********************************************************************************************/
.botoes_rede {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 18px;
}
/*********************************************************************************************

5. Breadcrumbs

*********************************************************************************************/
#breadcrumbs {
background: #EBEBEB;
border: 1px solid #CCCCCC;
color: #82ab31;
font-size: 12px;
line-height: 1;
width: 990px; /* Compensate for Borders */
height: 32px;
float: left;
margin: 0 0 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#breadcrumbs #search {
	margin: 0;
	padding: 0;
}

#breadcrumbs p {
width: 640px;
float: left;
margin: 0;
padding: 9px 10px 0 10px;
}

#breadcrumbs a {
color: #82ab31;
}

#breadcrumbs a:hover {
color: #5d7f1b;
}

#breadcrumbs strong {
color: #82ab31;
}

#breadcrumbs input#s {
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-top: none;
border-right: 1px solid #CCCCCC;
border-bottom: none;
color: #82ab31;
font-size: 12px;
width: 230px;
margin: 0;
padding: 9px 8px 8px 8px;
height: 15px !important;
}

#breadcrumbs input#search-submit {
border: none;
background: #EBEBEB;
color: #82ab31;
cursor: pointer;
font-size: 12px;
width: 50px;
margin: 0 0 0 -4px;
padding: 8px 0 7px 0;
text-align: center;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}

#breadcrumbs input#search-submit:hover {
background: #EBEBEB;
}
/*********************************************************************************************

6. Search Form

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


/* --- Search --- */
#search {
	margin-right: 15px;
	margin-top: 10px;
}

#search label,
#search legend {
	display:none;
}

#search #s {
	border:0;
	float:left;
	font-size:14px;
	font-weight: bold;
	color:#bac5c0;
	padding:4px 6px;
	height:16px;
	line-height:16px;
	width:230px;
}

#search #searchsubmit {
	width:32px;
	height:24px;
	float:left;
}

#menu #search form{
	border: inset 1px;
}

#search form div {
	margin:5px 0 0 0;
}

/* --- Search --- */
/*********************************************************************************************

7. Multiple Post Pages

*********************************************************************************************/
.multiple {
width: 200px;
float: left;
margin: 0 30px 20px 0;
}

.multiple h2 {
	padding: 0 0 0 4px;
	font-size: 15px;
	border-bottom: 1px solid #BDD1BE;
}

.multiple h2 a {
	color: #82AB31;
	font-size: 14px;
	font-weight: bold;
}

.multiple p {
margin: 0;
padding: 0 0 0 4px;
}

.post-image {
float: left;
margin: 0 0 15px 0;
}

.post-image img {
margin: 5px 0 0 5px;
}

.post-frame {
background: url(images/post-frame.png) 0 0 no-repeat;
width: 194px;
height: 149px;
position: absolute;
}

.post-frame:hover {
background: url(images/post-frame.png) 0 -149px no-repeat;
width: 194px;
height: 149px;
}

.post-frame-video {
background: url(images/post-frame-video.png) 0 0 no-repeat;
width: 194px;
height: 149px;
position: absolute;
}

.post-frame-video:hover {
background: url(images/post-frame-video.png) 0 -149px no-repeat;
width: 194px;
height: 149px;
}

ul.post-meta a {
	color: #82AB31;
}

ul.post-meta a:hover {
	color: #82AB31;
}

li.multiple-date {
background: url(images/icon-date.jpg) left no-repeat;
margin: 0 0 0 4px;
padding: 0 0 0 22px;
}

li.multiple-comments {
	background: url(images/icon_comments.gif) left no-repeat;
	margin: 0 0 0 4px;
	padding: 0 0 0 22px;
	font-size: 10px;
	font-weight: bold;
}

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

8. Single Post Pages

*********************************************************************************************/
.single {
width: 620px;
}

.entry ul {
margin: 0 0 15px 0;
}

.entry ul li {
background: url(images/bullet.jpg) top left no-repeat;
padding: 0 0 0 20px;
}

.entry ol {
margin: 0 0 15px 20px;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 15px;
}

img.alignleft {
padding: 5px;
margin: 0 15px 2px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 0 20px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center; 
margin: 0;
padding: 0;
}

#video {
width: 100%;
float: left;
}

#video-inside {
/*width: 960px;*/
margin: 0px auto;
padding: 10px 0 10px 0;
text-align: center;
}


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

9. Post Comment Styles

*********************************************************************************************/
#comments {
width: 620px;
}

#comments-meta {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comments-meta p {
margin: 0;
padding: 9px 10px 0 10px;
}

#comments-meta a {
color: #808080;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
width: 40px;
height: 20px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

ol.commentlist li div.reply:hover {
background: #666666;
color: #FFFFFF;
}

.comment-author {
font-size: 14px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
}

.avatar {
background: #EBEBEB;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 15px 15px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#respond {
width: 100%;
padding: 20px 0 0 0;
}

.cancel-comment-reply a {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
padding: 4px 8px 5px 8px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.cancel-comment-reply a:hover {
background: #666666;
color: #FFFFFF;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 6px 4px 6px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comment {
width: 98%;
max-width: 610px;
}

input#submit {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
width: 135px;
height: 30px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input#submit:hover {
background: #666666;
color: #FFFFFF;
}


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

10. Pagination

*********************************************************************************************/
#pagination {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 700px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#pagination p {
margin: 0;
padding: 9px 10px 0 10px;
}

#pagination a {
color: #808080;
}

#pagination a:hover {
color: #B0B0B0;
}


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

11. Sidebar Styles

*********************************************************************************************/
#sidebar {
width: 290px;
float: left;
}

#sidebar h2 {
/*font-size: 13px;*/
font-weight: bold;
}

.widget  {
float: left;
width: 300px;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
}

.cat-posts-item {
float: left;
margin: 4px 0 6px 0;
}

.post-image-sidebar {
margin: 0 20px 0 0;
float: left;
}

.post-image-sidebar img {
margin: 5px 0 0 5px;
}

.post-frame-sidebar {
background: url(images/post-frame-sidebar.png) 0 0 no-repeat;
width: 94px;
height: 74px;
position: absolute;
}

.post-frame-sidebar:hover {
background: url(images/post-frame-sidebar.png) 0 -74px no-repeat;
width: 94px;
height: 74px;
}

.sidebar-ad {
margin: 5px 15px 10px 0;
}

#categories {
	margin-bottom: 20px;
	/*border-bottom:1px solid #dee8df;*/
}

#categories.ul:last-of-type {
	width: 100%;
}

#categories ul a, #ultimas ul a {
	color:#1c402f;
}

#categories ul, #ultimas ul {
	padding-top: 13px;
	padding-bottom: 20px;
}

#categories h1, #ultimas h1
#categories h2, #ultimas h2
#categories ul, #ultimas ul {
	/*float: left*/
}

#categories ul li {
	width: 45%;
	float: left;
}

#categories ul li, #ultimas ul li {
	border-bottom:1px solid #dee8df; /*#bdd1bf;*/
	padding:6px 0;
	line-height: 12px; /*14px;*/
	font-size:12px;
	margin-right: 5%;
}
/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
	border-top: #EBC205 solid 4px;
	width: 990px;
	color: #D9D9D9;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	margin: 38px 0px 15px 0px;
	padding: 10px 0px 60px 0px;
}

/*#footer {
background: #333333 url(images/footer-bg.jpg) top left repeat-x;
color: #FFFFFF;
width: 100%;
float: left;
}*/
/*
#footer-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 40px 0;
}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #CCCCCC;
}*/