/* @override http://www.jocalvert.ca/wp-content/themes/pastels/style.css */

/*
Theme Name: jos theme
Theme URI: http://www.ganda.ca
Description: Two column, widget-ready 
Version: 1
Author: Jon
Author URI: http://www.ganda.ca
Tags: jostheme

	jostheme
	http://www.ganda.ca

*/

/* this removes default margins and padding on all elements and sets a default font and color */

* {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
body {

	text-align: center;
	font-size: 70%;
	line-height: 150%;
	
}



/* STRUCTURE - margins and padding */



#page {
	width: 815px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
	float: none;
	position: relative;
	padding-bottom: 5%;
	margin-top: 28px;
}

#singlecol {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
	width: 850px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	clear: none;
	vertical-align: top;
	text-align: left;
	float: none;
}
	
#headerimg {
	
	width: 500px;
	float: right;
	text-align: left;
	padding-top: 10px;
}

#header #headerimg h1 a, #header #headerimg a  {
	text-align: left;
}	


#content {
	float: left;
	text-align: left;
	width: 450px;
	padding-right: 0;
	margin-right: 0;
	margin-top: 70px;
	margin-left: 100px;
	position: relative;
}

#content2 {
	float: right;
	text-align: left;
	width: 600px;
	padding-right: 20px;
}

#sidebar {
	width: 170px;
	padding-left: 12px;
	padding-right: 10px;
	margin-right: 0;
	margin-left: 600px;
	position: relative;
	overflow: visible;
	border-left: 1px dotted silver;
	float: none;
	margin-bottom: 0;
}
	
.left {
	width: 100%;
	clear: both;
}

#footer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 2px;
    clear: left;	
	text-align: center;
	float: none;
}
	

/* END STRUCTURE */

/* BACKGROUNDS AND BORDERS */

body {
}

#page {background: #f2e7d3 url(images/jo-background-emboss.jpg) no-repeat scroll 0 0;
	clear: both;
}

#header {

}

#singlecol {
		
}
.post {
	border-bottom-style: none;
}

blockquote {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

#footer {
	background: none no-repeat;
}


/* END BACKGROUNDS AND BORDERS */


/* HEADER  */



#headerimg a, #headerimg h1 a {
	color: black;
	text-decoration: none;
	font-family: Verdana,"Lucida Grande",Helvetica,Arial,sans-serif;

}



.description {
	font: 600 'Courier New',Courier,Garamond,'MS Serif';
	color: #999;
	letter-spacing: .2em;

}

/* END HEADER  */


/* POSTS  */

.post  {
	padding-bottom: 25px;
	margin-bottom: 10px;
}

.entry {
	padding-top: 12px;
}

/* headings */ 

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: black;
}
#content h1 {
	color: gray;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	margin-top: 18px;
}

#content h2 {
	color: black;
	padding-bottom: 10px;
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
}

.posttitle, .pagetitle, #singlecol {
	padding-bottom: 0 !important;
}

h1 a, h2 a {
	text-decoration: none;
}
/* #a9a6a5*/
.post h3, #content h3, #content2 h3 {
	color: black;
	font: 2.4em Georgia, "Times New Roman", Times, serif;
}

.post h3 a, #content h3 a, #content2 h3 a {
	text-decoration: none;
}

.post h3 a:link, .post h3 a:visited, .post h3 a:active, .post h3 a:hover, #content h3 a:link, #content h3 a:visited, #content h3 a:active, #content h3 a:hover, #content2 h3 a:link, #content2 h3 a:visited, #content2 h3 a:active, #content2 h3 a:hover {
	color: gray;
}

h2#forumtitle, h2#singlecol {
	margin-top: 75px;
}

/* lists */

.post ul {
    list-style-type: none;
    margin-left: 10px;
    padding-bottom: 10px;
    
}



.post ol {
    margin-left: 30px;
    padding-bottom: 10px;
    
}





.post ul li {
	    background: url(images/bullet.gif) no-repeat top left;
	    padding-left: 20px;
	line-height: 140%;
	margin-bottom: 2px;
}

dl
{
clear: both;
display: block;
margin: auto;
text-align: center;

}

dl dt
{
left: 0;
width: 110px;
font-weight: 600;
float: left;
padding: 0;
text-align: left;
margin-bottom: 5px;
}

dd
{
border-left: 1px solid #ccc;
margin: 0 0 10px 130px;
padding: 0 0 1em 1em;
width: auto;
text-align: left;

}


/* paragraphs */

.post .entry p {
	padding-bottom: 10px;
	
	line-height: 150%;
}

.entry blockquote p {
	padding: 0;
}

p.postmetadata {
	padding-top: 10px;
}
p.editlink {
	text-align: right;
	float: right;
	padding-top: 5px;
}
.commentlist .floatright, .commentlist .floatright a {
	
	line-height: 150%;
}

p.byline {
	
	color: gray;
}


/* blockquote */

.post blockquote {
	display: block;
	width: 70%;
	margin-left: 10%;
	margin-right: 15%;
	margin-bottom: 15px;
	padding: 10px;
	
}

/* next-previous links navigation */

.navigation {
	width: auto;
	margin-right: 20px;
	display: block;
	clear: both;
	padding-bottom: 10px;
	background: transparent;
	padding-top: 20px;
}

.navigation .alignright {
	width: 40%;
	float: right;
	background: transparent url(images/rarrow.gif) no-repeat top right;
	padding-right: 20px;
	text-align: right;
}

.navigation .alignleft {
	float: left;
	width: 40%;
	background: transparent url(images/larrow.gif) no-repeat top left;
	padding-left: 20px;
	text-align: left;
}
.alignright a, .alignleft a {text-decoration: none;}



/* link formatting - using border instead of underline */

a:link {
	color: #7e5e3d;
}
a:visited {
	color: #909090;
}

a:active, a:hover {
	color: black;
	text-decoration: underline;
}



/* font styles and colors */

#content, .post, .entry, .post ul li, .post ol li {
	padding-top: 16px;
}

h2#forumtitle, h2#singlecol, .post h2 a {
	color: black;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: capitalize;
	font: .9em Georgia, "Times New Roman", Times, serif;
}


p.postmetadata {

	color: #666;
}

p.postmetadata a:link, p.postmetadata a:visited {
	color: #666;
}
p.postmetadata a:active, p.postmetadata a:hover{ 
	color: black;
	
}
p.postmetadata b {
	color: #333;
}
small {

	color: #333;
	padding-bottom: 20px ;
	font-family: "Lucida Grande", Verdana, Lucida, sans-serif;
}	

blockquote {
	color: #666;
}

#stats {

	color: #666;
}

#stats a:link, #stats a:visited {
	color: #666;
}

#stats a:active, #stats a:hover {
	color: black;
}


a.navigation, A.F.L.-C.I.O., .sfforumlink, .editlink  {

}

a.more-link {
	background: transparent url(images/readmore.gif) left no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;

}

p.editlink a:link, p.editlink a:visited {
	color: black;
}

/* END POST FORMATTING */	

/* SIDEBAR FORMATTING */

#sidebar {
	padding-top: 45px;
}

#sidebar ul {
	list-style-type: none !important;
}

#sidebar ul li {
	margin-bottom: 12px;
	line-height: 150%;
}

#sidebar ul li ul li {
	margin-bottom: 0px;
}

#sidebar ul li {
}

#sidebar ul li ul {
	list-style-type: none;
}
	
#sidebar ul li ul li {
	color: black;
	padding-left: 0;
	margin-top: 3px;
	padding-bottom: 4px;
	border-color: silver;
	border-top-width: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#sidebar ul li ul li a {
        color: black;
	font: normal 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}

#sidebar ul li ul li a:link{
	color: #787878;

}
#sidebar ul li ul li a:visited {
	color: #909090;
}

#sidebar ul li ul li a {
	text-decoration: none;
}

#sidebar ul li ul li a:active
{
	color: #7e5e3d;
	text-decoration: underline;
}
#sidebar ul li ul li a:hover{
	color: black;
	text-decoration: underline;
} 

#sidebar ul li h2, h2.widgettitle, .line-first, #sidebar ul li div {
	color: black;
	padding-bottom: 1px;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



#sidebar ul li p {

	width: 175px;
	margin-bottom: 15px;
}
#sidebar ul ul li:first-line {

	color: #333;
	margin-top: 0;
	font-style: normal;
	font-weight: normal;
}

/* END SIDEBAR FORMATTING */

/* FORMS */

form#commentform p input, form#commentform p textarea, #sidebar ul li select, #sidebar ul li select option {
	margin-bottom: 4px;
}
form#commentform p input, form#commentform p textarea {
	border: 1px inset #ccc;
}

#content form p, #content2 form p {

	padding-top: 5px;
	padding-bottom: 5px;
}

form p a:link, form p a:active, form p a:visited, form p a:hover {
	color: #000;
}

label {
	
	font-weight: bold;
}

#commentform p input {
	width: 175px;
	margin-right: 10px;
	height: 20px;
}

#commentform textarea {
	width: 350px;
	height: 250px;
	background: #f5f5f5 ;
	border: 1px solid #ccc;
}
#content2 form textarea {
	width: 550px;
	background: #f5f5f5;
	border: 1px solid #ccc;
}

#submit {
	background: url(images/button-bg.gif) repeat-x;
	padding: 2px 2px 2px 2px;
	width: auto !important;
	height: auto !important;
	text-align: center;
	border: 1px solid #d581a2;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Search form */

li#search {
	padding-bottom: 15px;
} 

#searchsubmit, .searchbutton {
	background: url(images/searchglass.gif) no-repeat left;border: none;padding-left: 20px;height: 22px;
	margin-bottom: 20px;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: gray;
	letter-spacing: 0;
}
	
#s {
	width: 125px;
	border: 1px inset #eaeaea;
	height: 18px;
}

#searchform {
	margin-bottom: 10px;
}

/* END FORMS */


/* BEGIN CALENDAR */

li#calendar {
	margin-left: 0px;
	padding-left: 0px;
}

#wp-calendar {
	empty-cells: show;
	width: 155px;
	margin-left: 0px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	font: 600 10px Verdana, Arial, Sans-Serif;
	border: 1px solid #ccc;
	}

#wp-calendar td.pad:hover { }
	
	#wp-calendar #prev a, #wp-calendar #next a {

	}

#wp-calendar a, #wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	color: gray;
	border-bottom: none;
	font: 600 11px Verdana,Arial,Sans Serif;
	}

#wp-calendar caption {
	font-weight: 600;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: left;
	color: gray;

	}

#wp-calendar th {
	font: 700 11px Verdana, Arial, Sans-Serif;
	text-transform: capitalize;
	color: #000;
	background: #f3f3f3;
	text-align: center;
	border: 1px solid #ccc;
	
	}
	
#wp-calendar  {
	border-collapse: collapse;
}
/* END CALENDAR */

/* COMMENTS */

h3#comments {
	padding-top: 20px;
	
}

h3#respond {
	margin-top: 15px;
	
}
ol.commentlist {
	font-size: x-small;
}

ol.commentlist ul.children li, ol.commentlist li, ol.commentlist ul.children li p, ol.commentlist li p {
	font: 500 x-small Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	text-align: left;
}


#commentform p {
	font: 500 x-small 'Lucida Sans Unicode',Arial,Verdana,Geneva,Helvetica,sans-serif !important;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	border-left: 1px dotted #ccc;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 500 1.1em Courier, "Courier New", mono;
}


.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 5px;
	background: transparent;
	}

.commentlist cite, .commentlist cite a {
	text-transform: capitalize;
	letter-spacing: 0;
	font-variant: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

.commentlist p {
	font-weight: normal;
	line-height: 150%;
	text-transform: none;
	}

#commentform p {
	font: 500 'Lucida Sans Unicode',Arial,Verdana,Geneva,Helvetica,sans-serif;
	}
	
.commentmetadata {
	font-weight: normal;
	}
	
.comment-author cite.fn, .comment-author cite.fn a {
	font-size: small;
	color: black;
	font-style: italic;
	letter-spacing: 1px;
}

.says {
	display: none;
}
	
.reply a {
	height: 25px;
	background: url(images/button-bg.gif);border: 2px solid #ead2ea;color: #333;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}

.clear {
	clear: both;
	width: 100%;

}

.whitespace {
	height: 20px;
	background: #fff;
	clear: both;
}

#prefooter {
	width: 10px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	background: none repeat-y;
	float: none;
	position: relative;
}
/* END COMMENTS */



/* Miscellaneous */

.clearboth {
	clear: both;
	width: 100%;
}
.goright {
	width: 45%;
	float: right;
	padding-right: 10px;
	font: 500 'Lucida Sans Unicode',Arial,sans-serif;
}
.goleft {
	width: 45%;
	float: left;
	padding-left: 20px;
	font: 500 'Lucida Sans Unicode',Arial,sans-serif;

}
.goright a, .goleft a {
	text-decoration: none;
}

/* Images and Captions */

.aligncenter,
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* Date Button */

.post-date {
	width: 40px;
	height: 43px;
	float: left;
	background: url(images/datebutton.gif);
	text-align: left;
}
.month {
	width: 35px;
	height: 15px;
	vertical-align: top;
	font: 500 10px Georgia, "Times New Roman", Times, serif;
	color: #666;
	text-align: center;
	letter-spacing: 1px;
}
.day {
	width: 35px;
	padding-top: 1px;
	height: 25px;
	font: 700 15px/25px Arial,sans-serif;
	color: gray;
	text-align: center;
}

/* Post Meta Data */


postmetadata a {
	border-bottom: none;
}
.tiny-pencil {
	padding-right: 20px;
	background: url(images/reply.gif) no-repeat top right;
	margin-right: 2px;


}


.tiny-trackback {

}

.tiny-comments {
	padding-right: 25px;
	padding-bottom: 5px;
	background: url(images/tiny-comments.gif) no-repeat top right;
}

.tiny-rss {
	padding-top: 3px;
	height: 25px !important;
	background: url(images/tiny-rss.gif) no-repeat right;
	padding-right: 18px;
}

span.tiny-category a {
	background: url(images/bullet.gif) no-repeat left;
	padding-right: 10px;
}

#footer .tiny-rss {
	padding: 0 15px 0 30px;
	height: 25px !important;
	background: url(images/rss-button.gif) no-repeat left;
}

.tiny-category a {
	padding-left: 12px;
	background: url(images/bullet.gif) no-repeat left;
	
}

.tiny-trackback a, .tiny-pencil a, .tiny-comments a, .tiny-rss a, .tiny-category a {
	text-decoration: none;
	height: 25px;
}
p.postmetadata {
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}
p.postmetadata a {
	text-decoration: none;
	color: #666;
	height: 25px !important;
}

p.mylink {
	color: gray;
	position: static;
	left: 0;
	margin: 2px auto 15px;
	text-align: center;
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.mylink a {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}
/* Font sizes */

#headerimg h1 {
	font-size: 1.2em;
}

#headerimg h1 a {
	font-size: 100%;
}
#headerimg a {
	font-size: 1.2em;
}

.description {
	font-size: 1.2em;
}
#sidebar ul li h2, h2.widgettitle, .first-line, #sidebar ul li:first-line {
	color: black;
}

#sidebar ul li {
	font-size: .8em;
}

#sidebar ul li ul li {
	font-size: 140%;
	letter-spacing: normal;
}

li div {
	margin-bottom: 10px;
	margin-top: 5px;
	
	letter-spacing: 0
	px;
	padding-top: 5px;
}


.textwidget {
	font-size: 1.0em;
	line-height: 150%;
}

#wp-calendar caption {
	font-size: 1.2em;
}

h1.pagetitle, h2.posttitle, h1#singlecol, h1 {
	font-size: 1.2em;
	margin-right: 15px;
	border-top-color: gray;
	border-top-width: 1px;
}

h2 {
	font-size: 1.2em;
	margin-right: 15px;
}

h3 {
	color: #787878;
	font: 2em Georgia, "Times New Roman", Times, serif;
	margin-right: 15px;
	margin-bottom: 8px;
}

h4 {
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	text-indent: 0;
	padding-left: 25px;
	border-left: 1px solid silver;
	text-align: left;
	margin-top: 17px;
}

/* My styles */
aamainhead {
	color: gray;
	font: 20px/120% Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-top: 5px;
}
/* My Comment */
h5 {
	color: #787878;
		font: 1.3em/120% Georgia, "Times New Roman", Times, serif;
	text-align: right;
	margin-right: 25px;
}
/* Italic Caption */

h6 {
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
}

#content p {
	margin-right: 15px;
	background-color: transparent;
	text-indent: 0 px;
	font: 1.2em/1.7em Georgia, "Times New Roman", Times, serif;
}
a.more-link {
	font-size: .9em;
	font-weight: 600;
}
#footer p.mylink, #content p.postmetadata, #content p.byline {
	font-size: .9em;
	line-height: 130%;
	margin-left: 0;
}

.goright, .goleft {
	font-size: .9em;
}

.navigation {
	font-size: 1.1em;
}

#content ul, #content ol, #content dl {
	font-size: 1.2em;
}

#content li li {
	font-size: 100%;
}

pre {
	font-size: 1.2em;
}


#footer .alignleft {
	padding-left: 25px;
}

#footer .alignright {
	padding-right: 25px;
}

	
	
/* fieldsets and forms */
	fieldset {
	text-align: left;
	padding: 10px;
	border: 1px dotted #ccc;
}

legend {
	color: black;
	font-size: 1.2em;
	}

p label, label {
       display: block;
       clear: both;
       margin-bottom: 0px;
       padding: 0;
       font-weight: bold;
}

input, textarea {
	background: white;
	border: 1px solid #ccc;
}

.button {
	background: url(images/button-bg.gif) repeat-x;
	border: 1px solid #d581a2;
}
.radio {
	background: transparent;
}

pre {
	width: 400px;
	height: 50px;
	overflow: scroll;
	margin-bottom: 10px;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
	
#content table {
	border-collapse: collapse;
	margin-right: 15px;
}

#content table th, #content table td {
	border-collapse: collapse;
}
#content table th {
	background: #f0f0f0;
	color: black;
	font-weight: 600;
	font-size: 1.2em;
}
#content table td {
	font: 13px Georgia, "Times New Roman", Times, serif;
}
/* my additions */
price {
	color: white;
	background-color: #99B7C2;
	padding: 4px 8px;
	font: italic 1.3em/130% Georgia, "Times New Roman", Times, serif;
}
h7 {
	color: gray;
	vertical-align: 20px;
	font: italic 1.3em/130% Georgia, "Times New Roman", Times, serif;
}
#header h1 { display:none }
#content h1 { display:none }