/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family: Arial, Helvetica, sans-serif; /*Arial & Helvetica are almost undistinguishable*/
}

/*-------uncomment and customize if you want to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/
 


/*FONT SIZE=============================================================================================*/

h1 { font-size: 225%; } /* - header or special effects */
h2 { font-size: 110%; } /* content headings */
h3 { font-size: 100%; font-weight:lighter } /* content sub-headings */
h4 { font-size: 100%; } /* list headings, same size as (p) */
h5 { font-size: 100%; } /* list headings 2, same size as (p) */


p, ul, ol, td { font-size: 90%; }

ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 100%; }

/*WIDGETBOX=============================================================================================*/

#widgetbox {margin-left:20px; margin-right:20px; width:260px; padding:0px}
#widgetbox p {margin: 0px 0px 0px 0px;}
#widgetbox ul {list-style: none; margin: 0 ;padding: 0 ;}
#widgetbox ul li {padding: 5px ; border: solid #003366 1px; margin-top:0px; background-color: #fbfbf7}
#widgetbox ul li ul li {padding-left: 0px ; border:none; padding:5px; margin:0px}

#widgetbox li {margin-bottom:20px}
#widgetbox h2 {font-size: 100%; background: #f0f0f0; margin: 0 0 20px 0px; padding-top: 5px; border-bottom: 1px solid #B4A07E;}



/*FONT COLORS=============================================================================================*/
/*--------------------
below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)
lead  color: 		#880020 	dark red	h1, h2, h3
new lead color: 	#003366		dark blue 	changed on 7/25/2010
second color:		#c7a355	        tan		separation lines, some links
highlight 1:		#9966cc		purple		not used but matching color - if you want to highlight something
highlight 2:		#990000		red		not used but matching color - if you want to highlight something

background 1:		#f0f0f0		light 	 	lead elements
background 2:		#fbfbf7		light 		lightest bg
box underline:		#cccccc		light grey
---------------------*/


body {color: black}
a:active {color: red}

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #003366}
ul li a:link, ul li a:visited {color: #003366}
p a:link, p a:visited {color: #003366}
a:link, a:visited {color: #003366}

p.postmetadata a:link, p.postmetadata a:visited {color: #98979b}

#footer p a:link, #footer p a:visited {color: black}

/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/



/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

body {margin:0px; padding: 0px;}
ul, ol {list-style: outside}
#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}



h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 1px solid #003366}


/*MULTI-USE TAGS==========================================================================================*/

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

.bg1 {background: #EDE4C9} /* was f0f0f0 for grey */
.bg2 {background: #fbfbf7} /* was f0f0f0 for grey */

.border1 {border: solid 1px #003366;}


/*IMAGE TAGS==========================================================================================*/


/*the below will make images float left if they have no other tags (like 'right')*/
 img.left {float: left; margin: 5px 15px 5px 5px} 
/*the below will make images float right but you have to add 'class="right" inside the image tag)*/
img.right {float: right; margin: 5px 5px 5px 15px}

#header img {border: none}


/*=========================================================================================
===========================================================================================
===========================================================================================
*/




/* DIV FRAMING =============================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/

/*
#page {border: 3px solid green;}
#header {border: 3px solid red;}
#content {border: 3px solid brown;}
#sidebar{border: 3px solid aqua;}
.post {border: 3px solid #003366;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/


/* change the color or the width of the line below the header and left of the sidebar*/
/* changed to lighter tan from tan on 7/15/2010 (was #c7a355) */
/* #header {border-bottom: 3px solid #EDE4C9;} */
#sidebar {border-left: 3px solid #EDE4C9;}



/* not much in the body tag================================================
==========================================================================*/
body {
  text-align: center;
  background: url(images/main-shadow-868w.gif) top center repeat-y;
  }

container {
	  margin: 0 auto; width: 840px; 
          text-align: left;
	}

.shadow{background:url(images/main-shadow-868w.gif) repeat-y;
}

/* BEGIN DIVS and other layout stuff========================================
this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/

#page {margin:auto; margin-top:10px; width: 840px; text-align:left;}


#header {position:relative;	width: 840px; margin-top:10px; margin:auto;}

/* menu bar in header section*/
#nav{position:relative; display:block; height:24px; font-size:16px; font-weight:bold; background:transparent url(images/bgOFF.png) repeat-x top left;}
		#nav ul{margin:0; padding:0; list-style-type:none; width:auto;}
		#nav ul li{display:block; float:left;}
		#nav ul li a{display:block; float:left;color:#000; text-decoration:none; padding:6px 24px 0 24px;height:24px;}
		#nav ul li a:hover,#nav ul li a.current{color:#fff;	background:transparent url(images/bgON.png) repeat-x top left;}

#content {padding-left: 10px; padding-right: 0px; margin-top: 10px;}

.narrowcolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 525px;}
		.narrowcolumn .postmetadata { font-size: 100%; text-align: right;}

.widecolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 840px;}


.blockquote {
border : 10px solid #98979B;
width: 450px;
margin: 0px auto;
padding: 10px;
background-color: #CEB86C;
}

/* This is the property before the quote starts*/
blockquote:before {
content: open-quote;
height:0px;}

/* This is the property for when the quote ends*/
blockquote:after {
content: close-quote;
height:50px;
margin:-50px 0px 0px 400px;}

blockquote:before, blockquote:after {
color: #98979b;
display: block;
font-size: 5em;
width: 50px;
}
blockquote p {
font-family: Times;
padding-left:50px;
padding-right:50px;
}



/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}

/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 290px; margin-top: 10px;	margin-left: 0px;}
		#sidebar form {margin: 0;}
		#sidebar #searchform #s {width: 108px; padding: 5px;}
		#sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
		.sb_header {background: #EDE4C9; margin: 0 0 20px 20px;	padding-top: 5px; border-top: 1px solid #EDE4C9;	border-bottom: 1px solid #EDE4C9;}
				.sb_header h2 {margin: 0 0 2px 0px; }
			
.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}
	
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		.blockquote cite {margin: 5px 0 0; display: block;} 

#footer {border-top: 1px solid #B4A07E;	padding: 0;	margin: 10px 0 0 0;	clear:both;	width: 840px;}
		#footer p {margin: 0; padding: 5px 10px; text-align: center;}

/*#comments { clear:left;} */

.commentlist {padding: 0; text-align: left;	margin-left: 0; font-size: 90%  }
	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}
	.commentlist p {margin: 10px 5px 10px 0; font-size: 100%;}
	.commentlist p {text-transform: none; }
	.commentlist .reply a {text-align:right; font-size: 100%}
	.commentlist .meta {padding-right: 5px; text-align:right; font-size: 80%}
	.commentlist .nest-warning {padding-right: 5px; text-align:right; font-size: 80%}



#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px;	padding: 0px;}
#commentform #submit {margin: 0; float: right;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0;	padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}


/* comment formatting - pulled from http://cdharrison.com/2008/12/wordpress-27-comments-style-starter-1/  */

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/*  
Theme Name: Drikatruu Jelly
Theme URI: http://www.drikatruu.com/
Description: Widget ready, customizable CMS theme with commented template files for easy customization.
Version: 1.1w
Author: Thomas Natter
Author URI: http://www.drikatruu.com/
*/