/*

Theme Name: Jocelyn Arsenault
Theme URI: 
Description:
Version: 1.0
Author: Jocelyn Arsenault

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #BFBFBF url(img/bg.gif) top left repeat-x;
color: #31363e;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
margin: auto;
margin-top: 0px;
width: 900px;
padding: 0px 18px 14px 18px;
background: #fff;
}


#top
{
height: 86px;
background: url(img/logo.gif) top left no-repeat;	
}

#home
{
position: absolute;
top: 14px;
left: 18px;
height: 86px;
width: 328px;
}

#top ul
{
position: relative;
float: right;
padding-top: 40px;
}

#top li
{
position: relative;
float: left;
}

#top li a
{
float: left;
text-transform: uppercase;
padding: 0 17px 0 17px;
color: #646464;
border-right: 1px solid #646464;
}

li a#rss
{
margin-left: 15px;
border-right: 0px;
background: url(img/feed.gif) left center no-repeat;
}

/* header */

#header
{
position: relative;
height: 253px;
}

#thehead
{
position: absolute;
top: 0px;
left: 0px;
width: 898px;
height: 258px;
background: url(img/header.jpg) top left no-repeat;
}


/* page */

#thepage
{
margin-top: 12px;
background: url(img) top right repeat-y;
}

#content
{
float: left;
width: 551px;
text-align: left;
}

.postwrap
{
position: relative;
padding-bottom: 35px;
line-height: 1.5em;
width: 510px;
margin-left: 25px;
}

 .postwrap img {  
  border: 1px solid #ccc; 
  padding: 3px; 
  background: #ccc
}


.noBorder { 
  border: 0px;
}

.postwrap a
{
color: #476BB9;
}

.postwrap a:hover
{
color: #6F0000;
text-decoration:underline;
}
 

.postwrap p
{
padding: .75em 0 .75em 0;
line-height: 1.5em;
}

.pdate
{
color: #AFAFAF;
font-size: .95em;
letter-spacing: 1px;
}

.postwrap ul{
	margin:0px 15px;
	padding:0px 15px;
}

.postwrap ol{
	margin:0px 15px;
	padding:0px 15px;
}

.postwrap ul li{
	margin:0px 0px;
	padding:5px 5px;
	list-style-type: circle;

}

.postwrap ol li{
	margin:0px 0px;
	padding:5px 5px;
	list-style-type: decimal;

}



.shortpostwrap{

	height:100%;
	padding:0px 5px;
	margin:20px 0px;
	border:1px solid #DEDCDD; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}

.postwrap2
{
position: relative;
padding: 20px;
line-height: 1.5em;
}


.postwrap2 a
{
color: #476BB9;

}

.postwrap2 a:hover
{
color: #6F0000;
text-decoration:underline;
}
 

.postwrap2 p
{
padding: .75em 0 .75em 0;
line-height: 1.5em;
}



#content h1
{
font-size: 1.9em;
color: #6F0000;
padding-bottom: 5px;
line-height: 20px;

}

#content h1 a
{
color: #6F0000;
}

#content h1 a:hover
{
text-decoration:underline;

}

#content h2
{
font:bold 18px Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:1px;

}

#content h4
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style:italic;
	font-weight:bold;
}

.marginTop {
 margin-top: 10px; }
 
.postfoot
{
padding: 5px;
color: #BABABA;
font-size: .95em;
background: url(img/postbg.gif) top left no-repeat;
}


.more-link {
   font-style: italic;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 15px;
}

.clearBothDate {
	clear: both;
	margin-bottom: 10px;
}


.pagetitle
{
	margin-left:10px;

}


.older {
	margin-left:0px;
	margin-bottom:20px;
	margin-top: 10px;
	
	

	

}

.older a {
	background-color:#398aca;
	border:3px solid #DEDCDD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

.older a:hover {
	background-color:#fff;
	color:#6F0000;

}

/* sidebar */

#sidebar
{
float: left;
text-align: left;
padding-left: 27px;
width: 320px;
} 



#searchwrap
{
padding-bottom: 15px;
}



.txt
{
position: relative;
float: left;
height: 20px;
padding: 2px 5px 0 5px;
border: 2px solid #ccc;
width: 185px;
}

.txtsub
{
position: relative;
float: left;
margin-left: 5px;
height: 25px;
width: 27px;
background: url(img/mag.gif) top left no-repeat;
border: 0px;
}


#sidebar h2
{
margin-bottom: 8px;
padding: 0px 0 0px 0px;
font-size: 1.4em;
color: #464646;
border-bottom: solid thin #000000;
border-top: solid thin #000000;
}



h2#flickr
{
background: url(img/flicktag.gif) left center no-repeat;
border:none;	
padding: 2px 0 2px 30px;
}


h2#twitter
{
border:none;	
padding: 2px 0 2px 0px;
margin-bottom: 4px;
}

#linked
{
text-align: center;
padding: 15px 0 15px 0;
}


.sbbox
{
padding-bottom: 20px;
}

.sbbox li
{
padding: 0px 0px 8px 18px;
background: url(img/linktag.gif) top left no-repeat;
margin-left: 5px;
list-style:none;
}

.sbbox a
{
color: #476BB9;
}

.sbbox a:hover
{
color: #6F0000;
}

.barone{
	margin-right:0px;
	margin-left:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #31363e;
	}

.barone ul{
	list-style-type: none;
	
	

}


.barone ul li {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom:1px dotted #ccc;
	}
.barone ul li ul{
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;

	}

.barone ul li ul li {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
border-bottom:1px dotted #ccc;
	
		}

.barone a
{
color: #476BB9;
}

.barone a:hover
{
color: #6F0000;
}
/* comments */

.allcomments{
	height:100%;
	padding:0px 8px 0px 10px;
	margin:0px 0px;
}
#comment{

	height:100%;
	padding:0px 10px;
	margin:0px 0px;
	}
	
h3#comments {
	padding:5px 10px;
	margin:10px 0px;
	border:1px solid #DEDCDD;
	font-size:20px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	} 	
h3#pingbacks {
	padding:5px 10px;
	margin:10px 0px;
	border:1px solid #DEDCDD;
	font-size:20px;
	font-weight:normal;
	color:#444;
	background:#fff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	} 	
#respond{

	height:100%;
	padding:0px 5px;
	margin:5px 0px;
	background:#fff;
	border:1px solid #DEDCDD; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}	
#respond h3{
	padding:5px 10px 5px 10px;
	margin:10px 0px;
	font-size:22px;
	font-weight:normal;
	color:#444;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
#commentform {
	padding:0px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	color:#BFAFA7;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
#commentform p {	
	color:#3f79c4;

	}
#commentform input {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	padding-left:10px;

	}
#commentform textarea {
	background:#F4F4F4;
	border:1px solid #DEDCDD;
	color:#444;
	width:95%;
	padding:5px 5px;

	}
.comments input#submit {

	width:auto;
	line-height:25px;
	padding:3px 5px;
	background:#0083DB;
	border:2px solid #005F9F;
	color:#fff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	

	
ol.commentlist { 
	list-style:none; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	
	}
	
ol.commentlist li { 

	border:1px solid #DEDCDD; 
	margin:0 0 10px; 
	padding:5px 7px 5px 57px; 
	position:relative;

 }
 
ol.commentlist li div.comment-author { 
	padding:0 170px 0 0; 
}
ol.commentlist li div.vcard { 
	font:20px Tahoma, Arial, Helvetica, sans-serif;
	padding:5px 0px;
}

ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}
ol.commentlist li div.vcard cite.fn a.url { 
	color:#000; 
	text-decoration:none; 
}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; 
}

div.vcard img.avatar { 
	border:5px solid #ddd; 
	left:7px; 
	position:absolute; 
	top:7px; 
}

ol.commentlist li div.comment-meta { 
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	position:absolute; 
	right:10px; 
	text-align:right; 
	top:5px; 
}

ol.commentlist li div.comment-meta a { 
	color:#476BB9; 
	text-decoration:none; 
}

ol.commentlist li div.comment-meta a:hover { 
	color:#6F0000; 
}
ol.commentlist li p { 
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 1em;
	line-height:18px;
	color:#546C88;
 }
 
ol.commentlist li ul { 
	font:normal 12px/1.4 Tahoma, Arial, Helvetica, sans-serif;
	list-style:square; 
	margin:0 0 1em;
	padding:0; 
	text-indent:0;
 
 }
#cancel-comment-reply{
	padding:10px 0px 0px 0px ;

}
#cancel-comment-reply-link{

	color:#fff; 
	font-size:10px;
	line-height:15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding:4px 10px;
	margin:0px 0px 0px 12px;	
	background:#8B979F;
	border:2px solid #666;

} 


ol.commentlist li div.reply {  
	background:#269BCF url(img/reply.jpg) repeat-x; 
	border:0px solid #0A7CAF; 
	color:#fff; 
	font:bold 9px/1 Tahoma, Arial, Helvetica, sans-serif;
	padding:5px 10px;  
	text-align:center; 
	width:50px;
 }
 
ol.commentlist li div.reply a { 
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase; 
}

ol.commentlist li ul.children { 
	list-style:none; 
	margin:1em 0 0; 
	text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-3 { 
	margin:0 0 .25em; 
}

ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em; 
 }

ol.commentlist li.even { 
	background:#fff url(img/grade.jpg) repeat-x;
	border:1px solid #D1D8DF;
	
}

ol.commentlist li.odd { 
	background:#fff url(img/grade.jpg) repeat-x;
	border:1px solid #ddd;
 }
 
ol.commentlist li.pingback div.vcard { 
	padding:0 170px 0 0; 
}




/* footer */
#foot
{
margin: auto;
text-align: left;
padding: 8px;
color: #818181;
width: 930px;
}

#foot a
{
color: #476BB9;
}