/*   
Theme Name: Revolt Full
Theme URI: http://www.revolt-theme.com
Description: Time to revolt! Shout out your mind with this distinctive theme of visual grid layout and widget-friendly footer sidebar. And a quite literal application of terms 'Header' and 'Footer' :)
Author: Nenad Katic
Author URI: www.nenadk.com
Version: 2.0
Tags: thumbnails, widgets, grid layout, portfolio

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* ------------  GENERAL ---------------- */

body { color:black; background:white; font: normal 14px  georgia, "times new roman", times; line-height: 130%; margin:0px; padding:0px}

/* Links */
a { text-decoration:none; outline: none; color:black; border:0; font-weight:bold; font-style:italic }
a:hover, a:active, a:focus { color:black; outline: none; text-decoration: underline}
a.links {outline:none; text-decoration:underline}
a.white {color:#FFFFFF; text-decoration: none;}
a.white :HOVER {text-decoration: underline;}

a.cross-bg :HOVER  { background:url('images/revolt_bg_x.gif') no-repeat top left; }

blockquote { margin:0px; font-size:16px; font-style:italic; text-align:justify }

/* Headers */
h2 {font-size:19px;}
h3 {font-size:16px;}

/* Alignements */
.clear {clear: both;}
.aligncenter {margin:0 auto 0;}
.alignright { float: right; margin:0; }
.alignleft { float: left; margin:0; }
.last {margin-right:0px;}
.width100 {width:100%}

.height25 {height:25px;}
.height50 {height:50px;}
.left25 {margin-left:25px;}
.right25 {margin-right:25px;}
.bottom25 {margin-bottom:25px;}
.top25 {margin-top:25px;}


.textcenter {text-align:center }
.textright {text-align:right}
a img { border:0px }


/* ------------  LAYOUT  FRONT PAGE ---------------- */
#page { width:940px;  margin:0 auto; padding:0px; overflow:hidden; }

#header { width:100%; height:200px; overflow:hidden; margin:0; padding:0; }

#hands { background: url('images/revolt_bg_social.jpg') no-repeat; width:100%; height:60px; overflow:hidden; padding:0; }
.hands-side { width:100px; height:50px;  margin:10px 30px 0 30px; }
#hands-icons { width:580px; height:50px; margin:5px 0 0px 25px; float:left; text-align:center; }
#hands-icons  img {margin:5px;}

.title {  background:#AA8D65 url('images/revolt_bg_page.jpg') top left; width:880px; height:auto; overflow:visible; margin:0; padding:0px 30px 0px 30px; float:left; }

#footer-feet { width:100%; height:337px; background:white url('images/revolt_bg_footer.jpg') ; margin:0; border:0; padding:0; }
.footer-text {  background:#AA8D65 url('images/revolt_bg_page.jpg'); text-align:center; width:880px; height:auto; overflow:hidden; margin:0; padding:0px 30px 0px 30px; clear:both }

#navigation { background:#AA8D65 url('images/revolt_bg_page.jpg'); width:880px; height:auto; overflow:hidden; padding:15px; font-size:12px; }
.nav-col { width:280px; padding:5px; float:left; margin:0 0 10px 10px; overflow:visible;}

.container { background:#AA8D65 url('images/revolt_bg_page.jpg'); width:910px; height:auto; overflow:hidden; padding:15px; display:block; position:relative; }
.content { background:#AA8D65 url('images/revolt_bg_page.jpg') repeat; width:880px; height:auto; overflow:visible; padding:30px; font-size:12px; position:relative; clear:both} 

#uber-content { background:#AA8D65 url('images/revolt_bg_page.jpg'); width:940px; margin:0; padding:0 ; }
#blog-box {  background:#AA8D65 url('images/revolt_bg_page.jpg'); width:888px; height:auto; overflow:hidden; padding:26px; display:block; position:relative; text-align:center }
.hr-back {background: url('images/revolt_hr.jpg')  no-repeat top left; width:100%; height:30px; margin:0px; clear:both; text-align:center; overflow: hidden;}

#error404 { width:400px; margin:0 auto 0; font-size:14px; font-style:italic; text-align:justify}

/* ------------  ARCHIVE PAGE  ---------------- */
.post-container { width:290px; height:290px; float:left; margin:0px 0px 10px 10px; padding:0; overflow:hidden; text-align:justify }
.post-thumb-container { position:relative; width:280px; height:215px; margin:0; padding:0 5px 5px 5px; background:url('images/revolt_shadow_thumb.jpg') no-repeat top left; overflow:hidden;}
.post-scroll { width:280px; height:210px; overflow:hidden; background:url('images/revolt_bg_excerpt.jpg') no-repeat top left; }
.post-thumb { width: 280px; height:210px; margin:0; font-style:italic;}
.post-image { width: 280px; height:210px; overflow:hidden }
.post-thumb p { padding:15px 15px 0 15px; margin:0;}
a div.post-thumb {font-weight:normal;};
.post-title-container { width:270px; height:50px; margin:5px; padding:0; display:block; }
div.post-title-container :HOVER { background:url('images/revolt_bg_title_hover.gif'); }
div.post-thumb-container a:hover {text-decoration:none}


.post-note { width:240px; height:250px; margin:0; padding:5px 25px 35px 25px; background:url('images/revolt_bg_note.jpg'); font-size:17px; font-style:italic; line-height:130%; }

.post-note a { text-decoration:underline }

/* ------------  SINGLE POST PAGE  ---------------- */

#social { width:120px; float:right; border:0px solid red; margin:0; padding:0px; position:relative; text-align:right }
#post-title { width:750px; overflow:visible; float:left }

.post-quote { width:280px; margin:0; float:left; font-size:16px; font-style:italic; text-align:left; line-height:125% }
.post-slideshow { display:block; width:auto; height:auto; margin:0 -5px 20px 0; padding:0; float:right; clear:right;}

.columns-3 { width:280px; height:auto; margin:0 20px 20px 0; padding:0; float:left; }
.columns-2 { width:430px; height:auto; margin:0 20px 20px 0; padding:0; float:left; }
.nomargin {margin:0;}

.shadow-580 { width:580px; padding:0 5px 0 5px; margin:0; background:url(images/revolt_shadow_580.jpg) repeat-y; }
.shadow-580-end { width:590px; height:10px; padding:0; margin:0; background:url(images/revolt_shadow_580_bottom.jpg) no-repeat; }

.thumb-container { width:910px; height:auto; display:block; overflow:hidden }
.thumb-link  { width:280px; height:150px; float:left; margin:0px 10px 10px 0px; padding:5px 5px 0 5px; overflow:hidden; background:url('images/revolt_shadow_thumblink.jpg') no-repeat top left; }
.thumb-link img { width:280px; height:140px }

.code {width:400px; height:auto; margin:0 auto 0; clear:both; color:#000; padding:15px;
		background:#E0E0D0; font: normal 12px "Courier New", Courier, monospace;line-height:100%;
		border:0px; border-bottom:2px solid #505048;border-right:2px solid #505048; }
		
/* ------------  FOOTER/SIDEBAR  ---------------- */

#sidebar {width:100%}
.sidebarcolumn {font-size:12px; float:left; width: 200px	; height:auto; overflow:hidden; margin:0 0 0 25px; padding:0px;}
h2.widgettitle {font-size:16px;}

#searchform .searchtext { font: italic 18px  georgia, "times new roman", times; color:#999990; width: 180px; height:25px; margin:-5px 10px 20px 0;}


/* ------------  COMMENTS  -------------------------- */
small.commentmetadata {font-size:10px; font-family: Helvetica, Arial, san-serif;}

.comment-cell { width:290px; height:auto; float:left; margin:0 0 0px 10px; padding:0; overflow:hidden; text-align:justify }
.comment-note { width:268px; border:1px solid #808040; background: #ffff83 url(images/revolt_bg_comment.jpg) top left; padding:10px; padding-top:6px; font-size:12px; line-height: 20px; overflow:hidden; font-style: italic;}

.new-comment-note { width:268px; border:1px solid #808040; background: #ffff83 url(images/revolt_bg_new_comment.jpg) top left; padding:10px; padding-top:4px; font-size:12px; line-height: 19px; overflow:hidden; height:auto;}

#commentform #comment {width:260px; background: transparent; border:1px solid #aec7f1; margin: 8px 0 0  0px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: italic;line-height: 16px;}

#commentform #author, #commentform #url, #commentform #email {width:260px; background: transparent; border:0px dotted #FF0000; border-bottom:1px solid #aec7f1;margin: 8px 0 0 0px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: italic;line-height: 16px;}

#commentform #submit {width:260px; margin: 15px 0 10px 0px;}

/* ------------  TUMBLR  -------------------------- */
.tumblr-container { background:#AA8D65 url('images/revolt_bg_tumblr.jpg'); width:103px; height:108px; float:left; margin:0px 0px 10px 0px; padding:4px; overflow:hidden; text-align:justify; font-size:10px; line-height:100%; }
.tumblr-text, .tumblr-quote { width:93px; height:93px; padding:5px; background:white; overflow:hidden;}
.tumblr-text-title { font-style:italic; font-weight:bold; font-size:11px; }
.tumblr-text-body { font-size:10px; line-height:100%; }
.tumblr-quote { font-style:italic }
.tumblr-photo, .tumblr-video { width:103px; height:103px; background:white; overflow:hidden;  }
.tumblr-text img { margin:-5px 0 0 -5px } 
.tumblr-video object { height:103px; width:136px; overflow:hidden; }
.tumblr-container img { height:108px; width:auto; }
.tumblr-container p { margin:0; padding:0; font-weight:normal; font-style:normal; }
/*
.tumblr-photo { overflow:hidden; }
.tumblr-video { overflow:hidden; }
.tumblr-quote { overflow:hidden; }*/
div {border:0px solid #0099ff; margin:0px}

/* ------------  LIKE IT  -------------------------- */
.post-like { width:25px; height:25px; padding:0; background:url('images/revolt_bg_like.png'); position:absolute; top:5px; right:10px; text-align:center; color:white; font-weight:bold; font-size:12px; overflow:visible;  }
.post-like a { cursor:pointer; color:white }
.like-tip {position:absolute; display:none; width:auto; height:auto; top:30px; right:0px; padding:0 3px 0 3px; text-align:center; color:#FFFFFF; font-size:10px;font-style:italic; background:#FF3300; border:1px solid #990000;}
a.like-link { display:block; width:30px; height:30px;}