/*
Theme Name: Jenne's Theme
Theme URI: 
Description: 
Version: 1.0
Author: Jennifer Yun
Author URI: http://blog.jyphotography.ca
*/

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #646464 url(img/shadowmono.png) center;
	background-repeat: repeat-y;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
}
	
a, a:visited { color: #20B2AA; text-decoration: none; font-weight: normal;}
a:link    { color: #20B2AA; text-decoration: none;}
a:active  { color: #000000; }
a:hover   { color: #000000; }
a:img		 { color: #FFFFFF; border: 0;}
a:hover img {color: #FFFFFF; border: 0; }
a:visited img {color: #FFFFFF; border: 0; }

#banner
{
	height: 300px;
	width: 980px;
	background-image: url(img/jycentred.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0; 
	margin: 0px auto;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	border-bottom-color: #E0E0E0;
}

hr
{
	margin: 10px;
	height: 2px;
	color: #5b86af;
}

#content
{
	margin: 0 auto;
	max-width: 980px;
	min-width: 980px;
	_width: expression(document.body.clientWidth < 600? "300px" : document.body.clientWidth > 1000? "980px" : "auto");
}

/*
.entry img {
background:url('http://s.wordpress.com/wp-content/themes/pub/mistylook/img/shadow.gif') no-repeat right bottom;
border:none;
border-top:#eee 1px solid;
border-left:#eee 1px solid;
padding:4px 10px 10px 4px;
}
*/


/* menu */

#menu a, .navbar a
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#menu a:hover, .navbar a:hover
{
	color: #20B2AA;
	font-weight: normal;
}

#menu
{
	height: 35px;
	max-width: 980px;
	min-width: 979px;
	_width: expression(document.body.clientWidth < 600? "300px" : document.body.clientWidth > 1000? "980px" : "auto");	
	background: #FFFFFF /*url(img/menu-center.gif) repeat-x top left*/;
	color: #000000;
	padding: 10px 0px 0px 0px;
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: normal;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
}

#menu-center 
{ 
	text-align: left;
	height: 15px;
   width: 300px;
	padding: 40px;
   margin: 0px 0px 0px 0px;
	font-weight: normal;
}

#menu-left
{
	height: 29px;
	float: left;
	width: 600px;
   margin: 0px 0px 0px 20px;
	background: #FFFFFF /*url(img/menu-left.gif) top left no-repeat*/;
	font-weight: normal;
}

#menu-right
{
	height: 29px;
	
	
	float: right;
   padding: 0 0 0 0;
   margin: 0px 0px 0px 0px;
	width: 245px /*used to be 12px*/; 
	background: #FFFFFF /*url(img/menu-right.gif) top left no-repeat*/;
	font-weight: normal;
}
#menu h1 {
	padding: 0;
	margin: 0;
	float: right;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#menu ul
{
	list-style: none;
	margin: 0;
	display: block;
	padding: 0;
	background: #646464;
	-moz-opacity:0.94; /* for mozilla */
	opacity: 0.94; /* for safari */
	/*khtml-opacity: 0.94*/ /* for konquerer and older safari */
}

#menu ul li
{
	position: relative;
	height: 27px;
}

#menu ul li
{
	float: left;
	display: block;
	width: auto;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#menu ul h2, .navbar h2
{
	text-align: center;
	font-weight: normal;
	
	padding: 0px 5px;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	width: auto;
	display: block;
}

#menu ul form {
    display: block;
    width: 198px;
    margin: -2px -15px;
}

#searchform
{
	 vertical-align: middle;
}

#s {
    width: 125px;
    height: 18px;
    margin: 0 0 0 0;
    padding: 0;
}

#searchsubmit {
    width: 36px;
    height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, serif;
}

h2.resulthead {
    text-align: center;
    color: #20B2AA;
    margin: 0;
    padding: 0;
}

#menu ul li:hover, .navbar h2:hover /*top menu bar*/
{
	background: #FFFFFF /*url(img/menu-highlight.gif) top left repeat-x*/;
	color: #20B2AA;
}

#menu ul ul li:hover h2, #menu ul ul li:hover ul li:hover h2, /*drop down menu bars*/
{
	background: #646464 /*url(img/menu-highlight.gif) top left repeat-x*/;
	color: #20B2AA;
}

#menu ul ul li h2, #menu ul ul li:hover ul li h2
{
	background: #646464;
}

#menu ul ul
{
	z-index: 500;
	position: absolute;
	background-color: #646464;
	border: 1px solid #646464;
	width: 110px; /*used to be 172px to accomodate the drop-down search bar*/
	font-size: 12px;
	color: #FFFFFF;
}

#menu-right ul ul
{
	z-index: 500;
	position: absolute;
	background-color: #646464;
	border: 1px solid #646464;
	width: 110px;
	font-size: 12px;
	color: #FFFFFF;
}

#menu ul ul h2
/*"page" dropdown on navbar*/
{
	display: block;
	font-weight: bold;
	background-color: #646464;
	font-size: 12px;
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	color: #FFFFFF;
}

#menu ul ul a 
{ 
	padding: 3px;
	width: 100%;
	display: block;
	color: #FFFFFF;
}


#menu ul ul p
{
	display: block;
	font-weight: normal;
	padding: 3px;
	margin: 0;
	font-size: 12px;
	color: #FFFFFF;
}

#menu ul ul ul
{
	left: 100%;
	top: -1px;
}

#menu ul ul li /*dropdown menu*/
{
	padding: 0;
	width: 100%;
	margin: 0;
	text-align: left;
	background-color: #646464;
	border-bottom: 1px solid #646464;
	height: auto;
}

#menu ul li:hover ul, #menu ul li:hover ul li:hover ul
{
	display: block;
}

#menu ul ul li ul, #menu ul li ul, #menu ul li:hover ul li ul
{	
	display: none;
}

/* content */
.entries 
{ 
	padding: 0; 
	margin: 0px 0px 0px 0px;
	border-width: 1px 0 1px 0;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
   background: #FFFFFF;
}

.permalink
{
	margin: 0;
	font-size: 19px;
	font-family: Georgia, serif;
	padding: 0 0 0 0;
}

.permalink a
{
	text-decoration: none;
	color: #FFFFFF;
}

.comment 
{
    margin: 16px 80px 8px 80px;
}


.entry, .comment
{
	border-style: solid;
	border-width: 1px 0 1px 0;
	margin: 0px 0px 0px 0px;
	border-color: #E0E0E0;
	background: #FFFFFF /*url(img/postgrad.gif) top left repeat-x*/;
	display: block;
	padding: 0;
}

.entryhead-c, .commenthead-c
{
    background-color: #20B2AA;
    margin: 0px 9px 0 0;
    color: #FFFFFF;
}

.entryhead a, .commenthead a
{
    color: #FFFFFF;
}

.entryhead a:visited, .commenthead a:visited
{
    color: #FFFFFF;
}

.entryhead
{
	width: 50%;
}

.commenthead
{
	width: 50%;
}


.entryhead, .commenthead
{
    background: url(img/posthead-2.gif) bottom left no-repeat;
    padding: 0 0 0 0;
    float: right;
    margin-left: 10px;  
}

.entryhead-c, .commenthead-c
{
    margin: 0 0 0 30px;
    padding: 7px;
}

.commenttext
{
    padding: 9px 18px;
    font-size: 12px;
}


.entrytext
{
	padding: 18px 36px;
	font-size: 14px;
}

.entryhead, .commenthead
{
	background-color: white;
}

.entry p, .comment p
{
	line-height: 1.6em;
}

.entryfoot, .commentfoot
{
    clear: both;
}

blockquote
{
   clear: both;
	margin-left: 20px;
	padding: 1px 20px;
	border-style: solid; 
	border-width: 1px 1px 1px 4px; 
	border-color: #8eaab8 #8eaab8 #8eaab8 #5b86af;
	background-color: #f6f7f8;
}

blockquote blockquote
{
    font-size: .9em;
    background-color: #dae3e9;
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: #5b86af;
}

blockquote blockquote blockquote
{
    background-color: #c3cdd4;
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: #5b86af;
}


#commentform #comment {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#commentform #author, #commentform #email, #commentform #url
{
    width: 30%;
}


.comment-required
{
    float: right;
    margin: 2px 2px 8px 2px;
}


/* Comment Stuff */
.awpcomments ol.comments, .post_comments ol.comments {
	padding-left:0;
	font-size: 12px;
	margin-left:0;
	list-style-type:none !important;
}

.awpcomments ol.comments * > ol.reply, .post_comments ol.comments * > ol.reply {
	list-style-type:none !important;
	padding-left:1.3em;
	margin-left:0;
	/*border-left: 1px dashed #477CAA;*/
}

.awpcomments * ol.reply{
	list-style-type:none !important;
}

.authorcomment {
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#3C3C3C;
	line-height:1.5em;
	margin:3px;
	padding:4px;
}

.commentbar {
	display:block;
	margin:0 !important;
	padding:5px 5px 10px 5px !important;
	font-weight:400;
	text-align:left;
	color: #000000;
	background:#B4B4B4;
}

.commentbar cite{
	font-style:normal;
}

.commentbar a {
	font-weight:700 !important;
	text-decoration:underline !important;
	color: #000000 !important;
}

.commentbar a:hover {
	text-decoration:none !important;
	color: #FFFFFF !important;
}

.comment_form input[type=text], .comment_form textarea, .input {
	font-size: 1.1em;
	padding: 3px;
	color: #606060;
     background: #f3f3f3;
	border: 2px solid #a5bbcf !important;
}

.comment_form input[type=text]:focus, .comment_form  textarea:focus, .input:focus {
	background: #fff;
	color: #333;
	border: 2px solid #90a9c0 !important;
}

.preview_comment{
	border: 2px solid #90a9c0 !important;
	padding-top: 10px;
	background: #ffffff  url('YOURSITE/modules/inlinecommentform/close_normal.gif') top left no-repeat;
}
.comment_form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
}

.comment_form textarea {
	height: 250px;
	width: 95% !important;
	margin-right:4% !important;
	font-size: 1.2em;
}

.comment_form input[type=submit],.comment_form input[type=button] {
	background: #20B2AA;
	border: 1px solid #90a9c0;
	color: #FFFFFF;
}
.ed_button, .submit{
	background: #20B2AA;
	border: 1px solid #90a9c0;
 color: #FFFFFF;
}


/* navbar */

.navbar
{
	height: 25px;
	width: 979px;
	background: #FFFFFF /*url(img/menu-center.gif) repeat-x top left*/;
	color: #000000;
	padding: 10px 0px 0px 0px;
	font-family: Georgia, serif;
	font-weight: normal;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
}


.navbar .left, .navbar .right {
    display: block;
    width: 64px;
    height: 27px;
    padding: 6px 0 0 0;
    text-align: center;
    margin-top: 2px;
}

.navbar h2 {
    margin: 0;
    padding: 0;
}

.navbar .left {
    float: left;
    margin-left: 12px;
}
.navbar .right {
    float: right;
    margin-right: 12px;
}

.entrytext h1, .entrytext h2, .entrytext h3 {
    margin: 10px 0 0 0;
    padding: 0;
}
.entrytext h1 { font-size: 1.75em; }
.entrytext h2 { font-size: 1.5em; }
.entrytext h3 { font-size: 1.25em; }

#footer
{
	height: 30px;
	width: 979px;
	background: #FFFFFF /*url(img/menu-center.gif) repeat-x top left*/;
	color: #000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
	/*border-left-style: solid;
	border-left-width: 1px;	
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;	
	border-right-color: #000000;*/
}

#footer-center 
{ 
	text-align: center;
	height: 5px;
	padding: 12px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

#footer-left
{
	height: 29px;
	float: left;
	width: 12px;
	background: #FFFFFF /*url(img/menu-left.gif) top left no-repeat*/;
	font-weight: normal;
}

#footer-right
{
	height: 29px;
	float: right;
	width: 12px;
	background: #FFFFFF /*url(img/menu-right.gif) top left no-repeat*/;
	font-weight: normal;
}

#footer h1 {
	padding: 0;
	margin: 0;
	float: right;
	font-size: 20px;
	font-weight: normal;
	color: white;
}

#footer ul
{
	list-style: none;
	margin: 0;
	display: block;
	padding: 0;
}

#footer ul li
{
	position: relative;
	height: 27px;
}

#footer ul li
{
	float: left;
	display: block;
	width: auto;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#footer ul h2, .navbar h2
{
	padding: 3px 5px;
	margin: 2px 0 0 0;
	font-weight: normal;
	font-size: 14px;
	width: auto;
	display: block;
}

#footer ul form {
    display: block;
    width: 198px;
    margin: 2px 2px;
}

#footer ul li:hover, #menu ul ul li:hover h2, #menu ul ul li:hover ul li:hover h2, .navbar h2:hover
{
	background: #FFFFFF /*url(img/menu-highlight.gif) top left repeat-x*/;
	color: #8B4726;
}

#footer ul ul li h2, #menu ul ul li:hover ul li h2
{
	background: #FFFFFF;
}

#footer ul ul
{
	z-index: 500;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #124a75;
	width: 200px;
	font-size: 12px;
}

#footer ul ul h2
{
	display: block;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 12px;
	padding: 0;
	margin: 0;
	width: 100%;
}

#footer ul ul a 
{ 
	padding: 3px;
	width: 100%;
	display: block;
}


#footer ul ul p
{
	display: block;
	font-weight: normal;
	padding: 3px;
	margin: 0;
	font-size: 12px;
}

#footer ul ul ul
{
	left: 100%;
	top: -1px;
}

#footer ul ul li
{
	padding: 0;
	width: 100%;
	margin: 0;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom: 1px solid #124a75;
	height: auto;
}

#footer ul li:hover ul, #menu ul li:hover ul li:hover ul
{
	display: block;
}

#footer ul ul li ul, #menu ul li ul, #menu ul li:hover ul li ul
{	
	display: none;
}

/*
a.imagelink img {
    margin-left: 20px;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    padding: 3px;
    border-color: #3d739d;


a.imagelink:visited img {
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    padding: 3px;
    border-color: #597286;


a.imagelink:active img {
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    padding: 3px;
    border-color: #144c77;
    border-style: solid;


a.imagelink:hover img {
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    padding: 3px;
    border-color: #438ec8;
}
*/