/*  
	
	Theme Name:Red&Blue
	Theme URI:http://iqwolf.org/theme2/
	Description:A simple, two column theme with AJAX commenting.
	Version:1.1
	Author:iqwolf
	Author URI:http://iqwolf.org/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	I get the AJAX commenting code from k2, thanks Michael and Chris.
	You can get k2 here:
	http://getk2.com/
	
	This Theme also uses Fam Fam Fam Silk Icons: 
	http://www.famfamfam.com/lab/icons/silk/
	
	Feel free to contact me if you have questions, my email: iqwolf@gmail.com.

*/

/* General */
html, body {
    margin:0px; padding:0px; font-family:verdana, tahoma, sans-serif; font-size:12px; color:#333; text-align:center; background:url(images/bg_main.gif) #e3e3e3 center repeat-y;
}

a { color:#4986e3; background:none; text-decoration:none; }
a:link { color:#4986e3; background:none;  text-decoration:none; }
a:visited { color:#4986e3; background:none;  text-decoration:none; }
a:active { color:#486098; background:none;  text-decoration:none; }
a:hover { color:#fff; background:#4986e3; text-decoration:none; }

p { margin:0 0 10px 0; line-height:140%; }
ul, ol, dl { margin:0; padding:0; }
ul ul, ol ol, p ul, p dl, p ol { margin-bottom:0; }
li, dd { margin:0; }
ol li { list-style:decimal outside; }

acronym, abbr, span.caps { cursor:help; font-size:10px;; letter-spacing:.07em; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:10px; padding:20px; border-left:5px solid #ddd} 
cite { text-decoration:none; }
code { font-family:'Courier New', Courier, sans-serif; font-size:14px; }
hr { display:none; }
small { font-family:Arial, Helvetica, Sans-Serif; font-size:10px; color:#777; }

/* Headers */
h1, h2, h3 { font-family:"Trebuchet MS", "Times New Roman", times, serif; font-weight:bold; }
h1 { margin:0; padding:15px 0px; font-size:32px; text-align:center; color:#fff; }
h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited { text-decoration:none; color:#fff; }
h2 { margin:30px 0 5px 0; font-size:14px; }
h2.pagetitle { margin-top:30px; text-align:center; }
h3 { margin:30px 0 0; padding:0; font-size:14px; }

/* Structure Divs */
#page { width:750px; margin:0 auto; padding:0; text-align:left; background:#fff; }
#header { width:750px; height:120px;margin:0 auto 10px auto;padding:0px;background:url(images/header.gif) no-repeat bottom #4986e3; }
#content { font-size:12px; line-height:140%; background:#fff; }
#sidebar { float:left; padding:20px 30px; width:180px; font-size:12px; background:#fff; overflow:hidden; }
#footer { clear:both; width:750px; margin:10px auto; padding:28px 0 0; text-align:center;background:url(images/footer.gif) bottom no-repeat #fff; }

/* Config Structure Divs */
/* Header */
.description { padding:5px; font-size:12px; text-align:center; color:#fff; }
.nav { width:750px; height:50px; margin:15px auto 0 auto; padding:10px 0; background:url(images/nav.gif) no-repeat;overflow:hidden; }
.nav ul { width:100%; margin:0; padding:8px 0 0; list-style-type:none; text-align:center; }
.nav li { position:relative; padding:0; display:inline; font-family:verdana, tahoma, sans-serif; font-size:12px; letter-spacing:0.20em; text-transform:uppercase; }
.page_item a, .page_item a:link, .page_item a:visited { padding:2px 10px; color:#fff; text-decoration:none; }
.page_item a:hover { padding:2px 10px; color:#fff; border-bottom:4px solid #990000; background: #CC0033; }
.page_item.current_page_item { padding:2px 10px; color:#fff; background: #CC0033; border-bottom:4px solid #990000; }
.page_item.current_page_item a:hover { padding:2px 10px; color:#fff; border:none; background: #CC0033; }

/* Content */
.narrowcolumn { float:left; margin:0px 0 0; padding:0 0 20px 40px; width:470px; }
.widecolumn { margin:5px 0 0 140px; padding:10px 0 20px 0; width:470px; }
.post { margin:0 0 40px; text-align:left; }
.widecolumn .post { margin:0; }
.post ul { margin:0 0 0 40px; padding:0; list-style-type:none; }
.post ol { margin:0 0 0 40px; padding:0; }
.post li { margin:0; padding-bottom:8px; }
.postmetadata { padding:5px 0;}

/* Footer */
#footer p { margin:0; padding:5px; font-size:10px; text-align:center; line-height:18px; }
#footer A { color:#fff; background:none; text-decoration:none;}
#footer A:hover { color:#fff; background:none; text-decoration:underline;}

/* Sidebar Elements*/
#sidebar h2 { margin:5px 0 0; padding:0 0 0 5px; border-left:3px solid #4986e3; border-bottom:1px solid #4986e3; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; }	
#sidebar ul { margin:0; padding:5px 5px 5px 10px; list-style:none; }
#sidebar li { margin:0; padding:0; }


/* Search */
#search { padding:10px 0; }
#searchform { margin:0; line-height:100%; font-size:12px; }
#searchform #s { margin:5px 0 0; padding:0; width:110px; border:1px solid #4986e3; background:#fff; }
#searchform #searchsubmit { margin-left:5px; padding:0; border:1px solid #4986e3; width:50px; font-size:12px; background:#fff; overflow:hidden; }

/* Comments */
#comments { margin:40px 0 0; padding:30px 0 0 15px; height:40px; color:#333; font-size:12px; text-transform:uppercase; background:url(images/bg_comments.png) left no-repeat; }
#commentform { background:#fff; border:1px solid #4986e3; padding:5px 20px; }
#commentform input, #commentform textarea { background:#fff; border:1px solid #4986e3; font-size:12px; padding:1px; }
#commentform input:focus, #commentform textarea:focus { border:1px solid #E5004F; }
.commentlist, .pinglist { margin:0; padding:0; list-style-type:none; }
.commentlist li { margin:10px 0; padding:5px 10px; list-style:none;}
.commentlist p { margin:10px 5px 10px 0; }
.class_comment1 { width:95%; border-left:3px solid #4986e3; background:#fff; }
.class_comment2 { width:95%; border-left:3px solid #E5004F; background:#fff; }
#loading { text-align: center; 	margin-bottom: 40px; margin-top: 40px; color: #ddd; font-size: 20px; letter-spacing: -1px; }
.pinglist li { width:95%; margin:10px 0; padding:5px 10px; border-left:3px solid #ddd; background:#fff; list-style:none; }

/* Images */
img { border:none; }
p img { margin:0; padding:2px; border:1px solid #333; max-width:100%; }
img.center { display:block; margin:auto; }
img.alignright { float:right; padding:2px; margin:0 0 2px 7px; display:inline; }
img.alignleft { float:left; padding:2px; margin:0 7px 2px 0; display:inline; }

/* Classes */
.navigation { display:block; text-align:center; padding:15px 0; }
.rss { padding:1px 1px 1px 18px; background:url(images/rss.gif) left no-repeat; }
.trackback { padding:1px 1px 1px 18px; background:url(images/trackback.gif) left no-repeat; }
.cmt { padding:1px 1px 1px 16px; background:url(images/bullet_blue.gif) left no-repeat; }
.postdate { padding:1px 1px 1px 16px; background:url(images/bullet_orange.gif) left no-repeat; }
.edit { padding:1px 1px 1px 16px; background:url(images/bullet_green.gif) left no-repeat; }

/* Text align */
.center { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }

/* Float */
div.floatleft { float:left; }
div.floatright { float:right; }
.clear { clear:both; }