/*
Theme Name: KUWJ 2.0
Theme URI: http://www.markjones.ca
Description: Latest Version
Author: Mark Jones
*/



/***************************************************
   Body and Container
 ***************************************************/

body
{
margin: 0;
padding: 0;
font-family: "Georgia", sans-serif;
font-size: 85%;
color: #000000;
background-color:#838383;
margin-top: 8px;
background-image : url(images/bg_test5.gif);
background-repeat : repeat-x;
background-position : top;
background-attachment : fixed; 
text-align: center;
}

#container   
{
margin: 0 auto;
padding: 0;
width: 760px;
}


/***************************************************
   Header Elements
 ***************************************************/
#header
{
height: 107px;
width: 100%;
background-image: url(images/headernew.gif);
background-repeat: no-repeat;
}

#header h1
{
padding: 0;
margin: 0;
color: #d69747;
font-size: 250%;
letter-spacing: -3px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
text-align: left;
padding-top: 27px;
margin-bottom: -10px;
}

#header h2
{
padding: 0;
margin: 0;
color: #CCC;
font-size: 200%;
letter-spacing: -2px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
text-align: left;
}

/***************************************************
   Navigation Elements
 ***************************************************/


#menu
{
width: 760px;
height: 30px;
color: #ffffff;
margin-top: 25px;
}

#navcontainer ul
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
font-family: "Georgia", sans-serif;
}

#navcontainer ul li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 20px;
line-height: 30px; /*this has to be the same as the #mainnav height */
border-right: 1px solid #000000;
font-variant:small-caps;
}

#navcontainer ul li a
{
display: block;
padding-left: 9px;
padding-right: 9px;
text-decoration: none;
color: #fff;
background:#000;
/*color: #000;
background:#fff;
*/
}

#navcontainer ul li a:hover
{
color: #000;
background: #fff;
/*color: #fff;
background: #000;*/
}

#navcontainer ul li a:active
{
color: #000;
background: #fff;
/*color: #fff;
background: #000;*/
}

/***************************************************
   Post Date Style Elements
 ***************************************************/

#time {
float: left;
background-color:#838383;
width: 45px;
color: #fff;
text-align: center;
margin-right: 6px;
padding-bottom: 3px;
border: 1px solid Black;
}

#month {
color: #fff;
font-variant:small-caps;
border-bottom: 1px solid #fff;
background-color:#000;
font-size: 150%;
}

/***************************************************
   Content Elements
 ***************************************************/

#contentcontainer
{
padding: 0;
margin: 0 auto;
width: 760px;
line-height: 150%;
/*height: 100%;*/
background-color: #fff;
color: #000000;
text-align: left;
float: left; 
clear: both;

}

#content
{
padding: 10px;
width: 560px; /*maximum width for proper display in IE*/
float: left;
background-color: #fff;
}

#content p
{
padding: 0px 5px;
}

/*#content a
{
color: #000000;
text-decoration: none;
}*/

#content a:hover
{
color: #ffffff;
background-color: #000000;
}

.post{
 text-align: justify;
}

#content h1
{
margin: 0;
padding: 0;
color: #000000;
letter-spacing: -1px;
font-weight: bold;
border-bottom: 2px solid #838383;
font: 225% "Times New Roman", Times, serif;
text-align:left;
}

#content h1 a
{
color: #000000;
text-decoration: none;
}

#article ul {
margin-left: 30px;
}

#article ul li {
list-style:disc;
}

.question {
font-style:italic;
font-weight:900;
font-size: 98%;
color: #333333;
margin-left: 15px;
}

.reference {
font-size:80%;
}

/* trackbacks & comments */

#trackbacks, #comments { 

	margin-left:0; 

	padding-left:0; 

}

#trackbacks > li, #comments > li { 

	list-style-type:none; 

	margin-left:0; 

	margin-bottom:1.5em; 

	padding-left:0; 

}

#comments > li { 

	min-height:58px; 

}

.gravatar { 

	border:1px solid #222; 

	float:left; 

	height:40px;

	margin:0 1.32em 1.32em 0;  

	width:40px; 

}

#comments li .comment-text { 

	margin-left:60px; 

}

/*.highlight {background:#D5D5D5;}*/


/***************************************************
   Sidebar Elements
 ***************************************************/

#sidebar
{
padding: 10px;
margin:0;
/*float: right;*/
width: 160px;
color: #000000;
background-color: #fff;
float: left;
}

#sidebar h2
{
margin: 0;
padding: 0;
}

ul li.linkcat h2 {
text-indent: -9000px;
font-size: 2px;
line-height: 2px;
}

#sidebar h3 {
font-size:120%;
border-color:#000000;
border-top: 1px solid;
border-bottom:1px solid;
}

/***************************************************
   Footer Elements
 ***************************************************/

#footer
{
clear: both;
margin: 0 auto;
width: 740px;
border-top: 1px solid #555;
padding: 15px 10px;
text-align: center;
background-color: #000;
color: #fff;
float: left;
}

#footer a
{
color: #838383;
}

#footer a:hover
{
color: #000000;
background-color: #838383;
}


/***************************************************
   Various Classes and Tags
 ***************************************************/

a:link img, a:visited img, a:hover img, a:active img {
border:none;
}

a
{
color: #000000;
}

a:hover
{
color: #ffffff;
background-color: #000000;
}

ul
{
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

ul li
{
list-style: none;
}

.numly {
text-align: right;
}

#postmetadata p {
text-align:left;
}

dl {
font-size:90%;
}

.more {
font-weight: 800;
}

.more a {
text-decoration: none;
}

.now-reading img {
width: 160px;
}

/*Twitter Plugin Styling */
ul.twitter {
font-size: 80%;
}