/*
THEME NAME: ODD 2.0
THEME URI: http: //www.OririDracoDesign.com
DESCRIPTION: ODD 2.0, with much help from Sandbox.
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 2.0
AUTHOR: Oriri Draco Design
AUTHOR URI: http: //www.OririDracoDesign.com
*/

@charset "utf-8";
/* CSS Document */
/* Notes: 
#bigcontainer: holds the entire page, allowing image backgrounds without changing the color of the page background in the HTML, allowing for CSS to be disabled and the page to remain readable.

#body: wraps the header, content and footer, holding them in line with each other.

#content: where posts, titles and post footers are held. (Possible footers include post rankings, FeedBurner, decorative post separators.) Post footers will go in post.php or page.php, whichever is actually called. Can't remember right now - think it's post. Good chance I'll have to rename bits as I work through this to function within the WordPress syntax. 
*/
html, body{
 margin: 0;
 padding: 0;
 min-height: 100%;
 height: 100%;
 background-color: #21b5ee; /*#1ea4d7;*/
}

#bigcontainer { 
	width: 100%;
	min-height: 100%;
 	height: 100%;
	background: url(images/oddredo06_03.png) top left repeat-x; 
	
}

#pagebody {
	width: 862px;
	min-height: 100%;
	/*height: 100%; */
	height: auto;
	background-image: url(images/oddredo08_20.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 862px;
	height: 127px;
	margin: 0 auto;
	background: url(images/oddredo07_02.jpg) no-repeat;
}

/*Horizontal Navigation Bar Begins Here */

div#horiznav {
	margin: 0 auto;
	width: 862px;
	height: 46px;
}

#horiznav ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	height: 46px;
	width: 862px;
}

#horiznav li, a {
	display: inline; 
	text-decoration: none;
	height: 46px;
	margin: 0px;
	padding: 0px;
}

#horiznav img {
	padding: 0;
	margin: 0;
	border: 0px;
}

#navshop, #navshop a {
	width: 211px;
	height: 46px;
	background-image: url(images/shopnav.jpg);
	text-decoration: none;
	float: left;
}	

/*Horizontal Navigation Bar Ends Here */



#content {
	/*width: 642px;*/
	width: 642px;
	height: 100%;
	float: right;
	_width: 640px;
	_margin-right: -18px;
	_mar\gin-right: -14px;
	_margin-left: 0;
	__font-family: Verdana, Arial, sans serif;

}

.postfooter {
 height: auto;
 width: 630px;
 margin: 10px 12px 25px 0;
 border-top: #FF9900 dotted thin;
 border-bottom: #FF9900 dotted thin;
 float: right;
 font-family: "Century Gothic", Arial, sans serif;
 font-size: 11px;
 padding: -5px 0 -5px 15px;
} 

.feedburnerFlareBlock {
	padding: 0 5px 0 20px;
}
.feedburnerFlareBlock a {	
	color: #2c1600;
}

#footer {
	background: url(images/oddredo08_20.jpg) center left repeat-y;
	width: 860px;
	height: 50px;
	margin: 0 auto;
	clear: both;
}




/* Post Styling */
.entry-title {
    margin: 21px 15px 0 8px;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	border-bottom: double thick #0099CC;
	*border-bottom: medium solid #0099CC;
	*margin-right: 15px;
	color: #2c1600;
	height: auto;
	text-decoration: none;
}

.entry-title a {
	color: #2c1600;
}

.entry-date {
	padding: 0 0 0 10px;
	font-size:11px;
	font-family:"Century Gothic", sans serif;
}

.entry-content {
	padding: 0 0 0 25px;
	*padding: 0 20px 0 25px;
	margin: 0 20px 0 0;
	*margin-right: 0px;
	font-family: "Century Gothic", Verdana, Arial, sans serif;
	font-size: 13px;
}

.entry-content a img, .entry-content img {
	border: solid 1px black;
}

.entry-meta {
	padding: 10px 0 0 25px;
	margin: 0 20px 20px 0;
	*margin-right: 0px;
	font-family: "Century Gothic", Verdana, Arial, sans serif;
	font-size: 11px;
	font-style:italic;
}

h1 {
	font-size: 15px;
	font-family: Arial, sans serif;
	margin-top: 20px;
	margin-bottom: -9px;
	*margin-bottom: 5px;
	border-left: double #1ea4d7;
	*border-left: solid medium #1ea4d7;
	padding-left: 2px;
	*padding-left: 1px;
	margin-left: -7px;
	color: #2c1600;
}

/* Comments Begin Here */

.comment {
	font-family:"Century Gothic", Verdana, Arial, sans serif;
	font-size:13px;
	margin-right: 25px;
}

h4 {
	/*background-image: url(images/commentbkgnd.jpg);
	background-repeat: repeat-x;
	background-position:top; */
	height: 25px;
	margin: 0 16px 0 1px;
	padding: 8px 0 0 14px;
	color: #472300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top: #0099CC solid 3px;
	border-bottom: #0099CC solid 3px;
}

.formcontainer {
	margin: -10px 0 0 37px;
	font-family:"Century Gothic", sans serif;
	color: #472300;
	font-size: 13px;
}

.comment-meta {
	font-style: italic;
	font-size: 11px;
}

.comment-author {
font-weight: bold;
}
/* Sidebar Begins Here */

#sidebar{
	width: 220px;
	height: 100%;
	float: left;
	_float: right;
	_flo\at: left;
	background: url(images/oddredo07_11.jpg) repeat-x;
	overflow:hidden;
	_margin-top: 20px;
}

/*#sidebar ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none; 
	list-style-image: none; 
	font-family: "Century Gothic", Verdana, Arial, sans serif;
	color: #472300;
	list-style: none;
	width: 180px;
}
#sidebar ul li ul {
	margin-top: -15px;
	list-style: none;
	width: 180px;
}

#sidebar ul li ul li{
	padding-left: 0;
	font-size: 13px;
	list-style: none;
	width: 180px;
}
*/
h3 {
	/*width: 192px;*/
	width: 190px;
	*width: 187px;
	/*height: 35px;*/
	height: 21px;
	background-image: url(images/oddredo07_18.jpg);
	padding-top: 8px;
	padding-bottom: 6px;
	margin-left: 7px;
	*margin-left: 0;
	*padding-left: 4px;
	font-weight: bold;
	font-family: "Century Gothic", sans serif;
	font-size: 15px;
	list-style: none;
}

.xoxo, .xoxo li {
	list-style: none;
	margin: 8px 6px 5 10px;
	padding: 3px 8px 0 5px; 
	*margin-left: 8px;
	*padding: 0;
	color: #472300;
	font-family: "Century Gothic", Verdana, Arial, sans serif;
	font-size: 13px;
	width: 180px;
	
} 



.xoxo a {
	color: #472300;
	font-family: "Century Gothic", Verdana, Arial, sans serif;
	
 }

.xoxo ul {
	list-style: none;
	margin: -10px 10px 10px 5px;
	*margin: -10px 10px 0px 0px;
	padding: 0;
	color: #472300;
	width: 190px;
} 

.xoxo ul li {
	padding: 7px 10px 0 8px;
	*padding: 0 5px 10px 0;
}

.sidebar {
	width: 190px;
}

#search {
	width: 190px;
}

td {
	margin: 0 15px 0 25px;
}
	
/* Post Navigation Styling */

/* Page Styling */

.page-title {
    margin:  15px 10px 8px 0;
	padding: 3px 10px 0 5px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	*margin-right: 0px;
	color: #2c1600;
	height: auto;
	border-bottom: solid 2px #FF6633;
	border-top: solid 2px #FF6633;

}

#nav-above.navigation {
	margin:  7px 15px 15px 2px;
	padding: 0 10px 5px 5px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 12px;
	color:#472300;
	border-top: #FF6600 dotted thin;
	border-bottom: #FF6600 dotted thin;
	height: 12px;
}

.navigation a {
	color:#472300;
	
}

.nav-next {
	float: right;
	padding: -3px 0 0 0;

}

.nav-previous {
	float: left;
	padding: -3px 0 0 0;

}

#nav-below.navigation {
	margin:  7px 15px 15px 2px;
	padding: 0 10px 5px 5px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 12px;
	color:#472300;
	border-top: #0099CC dotted thin;
	border-bottom: #0099CC dotted thin;
	height: 12px;
}

/* JS Kit Comment Styles */
/* Header text above each comment */


div.js-kit-comments {
	width:600px;
	padding-left: 15px;
	background-color:#FFFFFF;
}

div.js-singleCommentBg, div.js-singleComment {
	background-color: #FFFFFF;
	border: 4px double;
	border-color:#FF9933;
}

div.js-singleCommentHeader, .js-CommentsSkin-smoothgray{color:#FFFFFF}

 

/* Color of the wrapper around each comment */

div.js-CommentsSkin-smoothgray .js-OldComments {background-color:#FFFFFF}

 

/* Color of commenter's name */

.js-CommentsSkin-smoothgray .js-OldComments .js-singleCommentName {color:[color selection]}

 

/* The color of the border between the inner and outter wrappers*/

.js-CommentsSkin-smoothgray .js-OldComments{border:1px solid #FFFFFF}

 

/* The color of the outter wrapper */

.js-CommentsSkin-smoothgray .js-OldCommentsWrap{background-color:#FFFFFF}

 

/* Color of each comment's background */

.js-CommentsSkin-smoothgray .js-singleCommentBody{background-color:#FFFFFF}

 

/* Color of Karma text */

.js-singleCommentKarma{color:[color selection]}

 

/* Color of comment body text */

table.js-singleCommentBodyT{color:#FFFFFF}

 

/* Torn Paper Seperator Colors */

div.js-TornPageDivider {background-color:[color selection]}

div.js-TornPageDividerTop {background-color:[color selection];}

div.js-TornPageDividerBottom {background-color:[color selection];}

 

/* Color and border of Comment Form Panel*/

.js-CreateCommentFieldsWrap {
	background-color:white;
	border:1px solid orange;
	padding:4px;

}

 

/* Color of comment form */

.js-CommentsArea .js-CreateCommentArea{background-color:#FFFFFF}

 

/* Color of text above comment form - Typically reads 'Leave a Comment'  */

.js-commentFieldSubject{color:[color selection]}

 

/* Color of comment form fields */

.js-CreateCommentFields {
	background-color:[color selection];
	color:[color selection];
	padding:4px;

}

 

/* Color of 'Add Pictures' button text */

.js-uploadImageButton {color:[color selection]}

 

/* Color of Powered by JS-Kit and Akismet Text (Link and brackets) */

.js-poweredBy a {color:[color selection]}

.js-poweredBy{color:[color selection]}

/*Intense Debate Styles */

#comments {
padding: 5px 80px 35px 40px !important;
width: 90% !important;
}

#idc-container-parent #idc-container {
float: none !important;
padding: 10px 25px 0 20px;
width: auto !important;
}