/*   
Theme Name: Revolt Basic
Theme URI: http://revolt-theme.com/
Description: Time to revolt! Shout out your mind with this distinctive theme featuring thumbnail 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: 1.05
Tags: white, light, fixed-width, photoblogging 	

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  trebuchet MS, Arial, times; line-height: 130%; margin:0px; padding:0px}

/* Links */
a { text-decoration:none; outline: none; color: #4E9E00;}
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;}

/* Headers */
h1 {font-size:22px;line-height: 130%;}
h2 {font-size:18px;line-height: 130%;}
h3 {font-size:16px;line-height: 130%;}

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

img.aligncenter {margin:10px auto 0;}
img.alignright { float: right; margin:10px 0 10px 10px; }
img.alignleft { float: left; margin: 10px 10px 10px 0; }
object { margin:10px; }

.height25 {height:25px;}

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

a img.ttf { border:0px }


/* ------------  LAYOUT  FRONT PAGE ---------------- */
#page {width:940px;  margin:0 auto; padding:0px; overflow:hidden;}
#container {background: #FFFFFF url('images/revoltpageback.jpg');} /* container appears as a big sheet of paper between head and the feet  */

#header {margin: 0 0 0 0px;padding: 0px;height: 260px;width:940px;}
#message-left {float:left; width:201px; border: 1px; margin:0px 0px  20px 25px; padding:0px 30px 0px 0px;}
#message-center {float:left; width: 450px; border: 1px; }
#message-right {float:right; width: 180px; border: 1px; text-align:right; margin: 0 25px 0px 0px;}
#footer-image {width:940px; height:337px; background:white url('images/revoltfooter.jpg') ; margin:0px; border:0px}
#message-post-center {color: #4E9E00; float:left; width: 415px; height: 120px; text-align:center;  padding: 0px 0; background: #FFFFFF url('images/revoltempty.jpg') repeat-y;
	border-style: solid;
	border-width: 0px;
}
.revolthr {background: url('images/revolthr.jpg')  no-repeat top left; width:940px; float:left;  height:30px;  margin:0 0 20px 0; clear:both; text-align:center; overflow: auto;}


/* ------------  ARCHIVES / FRONT PAGE ---------------- */
.featured {float:left;margin-right:0px; margin-left:25px; font-size:13px; line-height:16px;}
.featured  {width:280px;}

.thumbnail { display:block; clear:both; width:280; height:210; background: url(images/shadowAlpha.png) no-repeat bottom !important;background-color: #000;background: url(images/shadow.gif) no-repeat bottom right; margin: 0px}
.thumbnail img { width:280px; height:210px; display: inline; margin: -5px 0px 5px 0px;padding: 0px;
	border: 2px solid #4e9e00;
}
.thumbnail a:hover img {margin: -7px 0px 7px 0px}

.nothumbnail {width:250px; height:190px; border:1px dashed black; margin: -5px 0px 12px 0px; padding:10px;}

.postmetadata,  .postmetadata a {font-size:10px; font-family: Helvetica, Arial, san-serif;}


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

#entry {width:880px; height:auto;margin: 0 auto;
	padding-top: 0;
}
.singlePost img { /*margin: 20px;*/ border:1px solid;}

.postrevolthr {background: url('images/revolthr.jpg')  no-repeat top left; width:940px; float:left;  height:30px;  margin:30px 30px 0 -30px; clear:both; text-align:center; overflow: auto; }
.postrevoltdots {width:100%; border:0px; border-top:1px dashed black; margin:20px 0 0 0; clear:both; }
.postrevoltmeta {font-size:12px; float:left; width: 200px; height:auto; overflow:hidden; margin:0 20px 0 0px; padding:0px;}
.marginright {margin:0 20px 0 0px;}
.marginzero {margin:0px;}

.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: Arial,Helvetica,san-serif;}
.commentcell {float:left; padding: 6px 0; width:100%; margin: 0px 10px 8px 0px; font-size:11px; background: #efefef; border: 1px solid #999; }
.commentcell p { padding: 1px; margin: 0 12px; }
/*.newcommentcell {float:left;margin: 0px 10px 5px 0px; width:280px; padding:0; border:0px solid #FF00FF;}
.newcommentnote { width:260px; border:1px solid #808040; background: #ffff83 url(images/comment-new-back.jpg) top left; padding:10px; padding-top:4px; font-size:12px; line-height: 16px; overflow:hidden; height:auto;}*/
h3#comments { margin: 8px 0 0 0; padding:0; font-size: 14px; }
#commentform #comment {width:100%; margin: 8px 0 0 0; font-family: Arial, 'Times New Roman', Times, serif; font-size: 13px; line-height: 16px;}
#commentform #author, 
#commentform #url, 
#commentform #email, 
#commentform #website {width:150px; margin: 8px 4px 0 0; font-family: Arial, 'Times New Roman', Times, serif; font-size: 13px; line-height: 16px;}
.submitcomment { text-align: right; }
#commentform #submit {margin: 15px 0 10px 0;}