/*
Theme Name: accessibilite-web
Theme URI: 
Description: Originally developed by <a href="http://binarybonsai.com">Michael Heilemann</a>, <a href="http://chrisjdavis.org">Chris J. Davis</a> and <a href="http://zeo.unic.net.my/">Zeo</a>.</p><p>Configure from the K2 Options Panel. Styled by<a href="http://www.kinoa.com"> Kinoa</a>.
Version: Kinoa - Tanguy Romey
Author: Michael Heilemann & Chris J Davis
Author URI: http://binarybonsai.com/

	 |  /_  )

	 . <   / 

	_|\_\___|

http://getk2.com/
This theme was created by Michael Heilemann:
http://binarybonsai.com/
Chris J. Davis:
http://www.chrisjdavis.org/
Zeo
http://zeo.unic.net.my/
All elements of this theme are protected by the GPL:
http://www.opensource.org/licenses/gpl-license.php
Support questions go here:
http://getk2.com/forum/
K2 uses Fam Fam Fam Silk Icons: 
http://www.famfamfam.com/lab/icons/silk/
	
IMPORTANT: This is a beta release. Use at your own risk

-->	CSS OVERVIEW
There are sections throughout, roughly describing 
the contents inside each section. To step through each
section, do a search for '/ * -' (without spaces) and
repeat the search until you find the section you need.
The use of selectors has been exagerrated in some places,
so as to make it easier for people to gain an overview
of what classes belong where in the hierarchy.
It is suggested, that you copy whatever changes you want
to make, into a new CSS file, save it in the styles dir
and select it from the K2 Options panel. So as to keep
this file intact and make it easier for yourself to debug
any potential problems as well as upgrade to future K2's.
Modified to include header image from http://www.mandarinmusing.com
Styled by http://www.headsetoptions.org
*/

/*- Page Structure */

* {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: #eee;
	text-align: center;
	margin: 0 0 10px 0;
}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 780px !important;
	border: none !important;
	border-top: none;
}

.hiddenStructure{
	display:block !important;
	background-color:transparent;
	background-image:none !important;
	border:none !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
	padding:0 0 0 0 !important;
	margin:-1px 0 0 -1px !important;
	list-style:none !important;
	float:none !important;
	/* IE 6 */
	position: absolute;
}
/* Compliant browsers. */
*[class=hiddenStructure]{position:relative !important;}

.hiddenStructure img {
	width:1px;
	height: 1px
}

/* IE hack */

body.flex #page { /* For the flexible-width setting. */
	width: 98%;
	/*width: 80%;
	min-width: 970px !important;
	max-width: 1000px; */
}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	background: #b4d82a;
	height: 117px;
	background-image: url(images/header.gif);
	background-repeat:  no-repeat;
	background-position:  bottom;		
}


#header p.description { /* Blog description, under blog title */
	font-size: 1.3em;
	font-weight: normal;
	display: block; /* Checking for IE bug. If people start having problems with header width, then this is it */;
	margin: 0 0 0 45px;
	color: #fff;
}
#header #logo {
	margin: 0 0 0 45px;	
	padding: 20px 0 0 0;
}

#primary {
	width: 375px;
	float: left;
	margin: 0 5px 0 15px;
	padding: 0 24px 10px 0;
}

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border-left: 1px solid #016dc8;
	border-bottom: 1px solid #016dc8;
	padding: 10px 0 0 0;
	margin: 0 0 -20px 0;
	width: 360px;
	color: #666;
	float: right;	
}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
}

/*- Main Menu in Header */

ul.menu {
	margin: 0 0 0 28px;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 90%;
}

ul.menu li {
	display: inline;
	margin: 0;
}

ul.menu, ul.menu li a {
	padding: 5px 5px 6px;
}

ul.menu li a {

	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	letter-spacing: 1px;
	color: white;
	margin: 0;
	background: #b4d82a;
}

ul.menu li a:hover {
	background: #fff;
	color: #1f83ce !important;
	text-decoration: none;
}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #1f83ce !important;
	background: #b4d82a;
	text-decoration: none;
}

.admintab {
	position: absolute;
	right: 80px;
	/*_padding: 5px 15px 6px;*/ /* IE hack */
}

* html .admintab {
	padding: 5px 15px 6px
}	/* IE hack */

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.msidebar {
	padding: 0 0 6px 7px;
	border-bottom: 1px dotted #016dc8;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 6px;
	padding-bottom: 0;
}

.rsidebar {
	margin: 0;
	width: 160px;
	float: left;
	padding: 0 0 0 6px;
}

.lsidebar {
	width: 175px;
	float: right;
	border-left: 1px dotted #016dc8;
	margin: 0;
	padding: 0 0 0 9px;
}	

.sb-about{
	text-align: left;
}

.sb-flickr div a img {
	border: none;
	padding: 2px !important;
	margin: 15px 2px 0 !important;
	background-color:#E6F4FC;
}

.sb-flickr div a:hover img {
	border: none;
	background: #FFC0CB;
}

.sb-ff {
	margin-top: 20px;
	text-align: center;
}

.feedlink img { /* On the sidebar */
	right: 165px;
	border: 0 !important;
	padding: 0 !important;
}

.feedlink img:hover { /* On the sidebar */
	background: none !important;
}

.secondary div.sb-comments li > a[title="Go to the comments of this entry"]{
	position:absolute;
	right: 165px;
	color:#999;
}	

.sb-pagemenu ul {
	margin-left: 10px;
}

.sb-pagemenu ul ul {
	margin-top: 2px;
}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
}

.sb-pagemenu .current_page_item {
}

/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
}

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

.pagetitle { /* Used on static pages and archives */
	text-align: left;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	color: #777777;
	margin-top: 28px;
}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline;
}

#primary h3, #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
}

#primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
}

.itemhead {
	margin-top: 10px;
	margin-bottom: 1px;
}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
}

/*

.secondary div {
	margin: 20px 0 0;
	padding: 0;
}

.secondary div div div {
    margin: 0;
   }

*/

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
}

#primary .item .itemhead .metalink, .comments #primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
}

#primary .aside .itemhead .metalink {
	font-size: 1.4em;
}

.permalink #primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
}

.comments #primary .metalink {
	margin: 0 15px 0 0;
	float: none;
}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
}

#primary .aside {
	padding: 8px;
	margin: 0 4%;
}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
}

.secondary .aside .metalink {
	padding-left: 0px;
}

.secondary span a {
	margin-left: 10px;
}

.editlink a, .commentseditlink a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 7px;
	height: 16px;
}

.metalink a span {
	display: none;
}

.metalink a:hover span {
	display: inline;
}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
}

.metadata a, .commentmetadata a {
	color: #777;
}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.gif') left center no-repeat;
	margin-right: 10px;
}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.gif') left center no-repeat;
	display: inline;
}

div.avatar img {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.info {
	float: left;
	padding-top: 5px;
}

/*.chronodata:after {
	content: ".";
}*/

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.gif') left center no-repeat;
}

.recommenddata {
	padding: 2px 0 2px 20px;
	background: url('images/recommend-icon-16x16.gif') left center no-repeat;
	display: block;
}

.print_page {
	padding: 2px 0 2px 20px;
	background: url('images/print-icon-16x16.gif') left center no-repeat;
	float: right;
	display: block;
}

/*- Primary Contents */

#primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
}

#primary .item .itemtext {
	font: 1.2em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;
	color: #444;
}

#primary .item .itemtext p,
#primary .item .itemtext ul,
#primary .item .itemtext ol,
#primary .item .itemtext div,
#primary .item .itemtext blockquote {
	margin: 10px 0 13px;
}

#primary .aside .itemtext p,
#primary .aside .itemtext ul,
#primary .aside .itemtext ol,
#primary .aside .itemtext div,
#primary .aside .itemtext blockquote {
	margin: 5px 0;
}

.permalink #primary .aside .itemtext p,
.permalink #primary .aside .itemtext ul,
.permalink #primary .aside .itemtext ol,
.permalink #primary .aside .itemtext div,
.permalink #primary .aside .itemtext blockquote {
	margin: 13px 0;
}

.metalinks {
	margin-top: 5px;
}

.commentsrsslink {
	background: url('images/feed.gif') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}

.trackbacklink {
	background: url('images/arrow_refresh.gif') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
}

.comments #commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
}

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

.comments #commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.gif') left center no-repeat;
	display: block;
}

.comments #commentlist li img {
	padding: 0;
	border: none;
}

.comments #commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
}

.comments #commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
}

.comments #commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
}

.comments #commentlist li.authorcomment {
	background: #f6f7f8;
}

.comments #commentlist li.authorcomment blockquote {
	color: #333;
	background: #f6f7f8 url('images/quote.gif') no-repeat 10px 0;              
} 

.comments #pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
}

.comments #pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
}

.comments #pinglist li .commentauthor {
	font-weight: bold;
	display: block;
}

.comments #pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
}

.comments #pinglist li .counter {
	display: none;
}

.comments #pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
}

.comments #pinglist li img {
	padding: 0;
	border: none;
}
	
.comments #leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
}

.comments #loading {
	margin-top: 20px !important;
}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	margin: 10px 0;
	/*_width: 98.5%;*/ /* IE hack */
}

.comments form #submit {
	margin: 0;
	float: right;
}

#footer {
	height: 10px;
    border-top: 10px solid #999;
    margin-top: 5px;
	padding: 25px;
    text-align: center;
}

#footer a {
	color: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	background: #ffff8a;
}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
}

a {
	color: #27d;
	text-decoration: none;
}

.itemtext a:visited {
	color: #b41;
}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

#primary .itemtext img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
}

.center {
	text-align: center;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.noborder {
	border: none !important;
}

/*.favorite img {
	padding: 0;
	border: none;
}*/

small {
	font-size: .9em;
	line-height: 1.5em;
}

small, strike {
	color: #777;
}

pre {
		border: 1px dashed #70c33c;
		background: #f0ffe1;
		padding: 5px;
		overflow: scroll;
		margin: 10px 0;
}
	
code {
	line-height: 1em;
	font: 1.4em 'Courier New', Courier, Monospace;
}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: #fff url('images/quote.gif') no-repeat 10px 0;
	border: none;
}

hr {
	display: none;
}

#display hr {
	border-bottom: 1px dotted #d5d5d5;
}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

.comments .navigation {
	margin: 10px 0;
}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
}

.navigation p {
	margin: 0;
	padding: 0;
}

.navigation a {
	color: #999;
}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
}

div.bookmarks {
	margin: 12px 0 12px 0 !important;
	text-align: center;
}

div.bookmarks img {
	vertical-align: middle !important;
}

/*- Begin Lists */

.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
}

.secondary div p {
	margin-top: 0.5em;
}

/*.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
}*/

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
}

.secondary ul {
	/*_margin-left: 0px;*/ /* IE Hack */
}

.secondary ol {
	margin-left: 15px;
}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
}

.secondary ul li {
	list-style-type: none;
	list-style-image: none;
}

ol li {
	list-style: decimal outside;
}

.sidebartags { 
	text-align: left;
	line-height: 1.6em;
	color: #1d83cf;
}

div.sb-recommend {
	border-top: 1px dotted #395c22;
	padding-top: 1px;
	padding-bottom: 5px;
}	

div.sidebartags h2 { 
	color: #fff;
	background: url('images/sb-green-bg.gif') no-repeat;
	width: 160px;
	display: block;
	height: 22px;
	padding: 2px 2px 2px 6px;
}

div.sb-links h2, div.sb-links-list h2, div.sb-links-cat h2 {
	color: #fff;
	background: url('images/sb-green-bg.gif') no-repeat;
	width: 160px;
	display: block;
	height: 22px;
	padding: 2px 2px 2px 6px;
}

div.sb-links h2, div.sb-links-list h2, div.sb-links-cat h2, div.sb-latest-comments h2, div.sb-feed h2, div.sb-publications h2,  div.sb-links h2.poll {
	color: #fff;
	width: 160px;
	display: block;
	height: 22px;
	padding: 2px 2px 2px 6px;
}


div.sb-publications li {
	text-align: center;
}


div.sb-publications h2 {
	text-align: left;
}


div.sb-latest h2 {
	color: #fff;
	width: 348px;
	display: block;
	height: 22px;
	padding: 2px 2px 2px 6px;
	background-image: url('images/sb-green-bg_lg.gif');
	background-repeat:  no-repeat;
}

div.sb-latest ul {
	padding-bottom: 12px;
}

div.sb-latest-comments h2 {
	background-image: url('images/sb-green-bg.gif');
	background-repeat:  no-repeat;
}

div.sb-feed h2 {
	background-image: url('images/sb-green-bg.gif');
	background-repeat:  no-repeat;
}

div.sb-publications h2 {
	background-image: url('images/sb-green-bg.gif');
	background-repeat:  no-repeat;
}

 div.sb-links h2.poll {
	background-image: url('images/sb-green-bg.gif');
	background-repeat:  no-repeat;
}

.sb-links ul li, .sb-links-list ul li, .sb-links-cat ul li {
	margin-top: 20px;
}

.sb-latest ul ul li, .sb-links ul ul li, .sb-links-list ul ul li, .sb-links-cat ul ul li {
	margin-top: 0;
}

.sb-latest p, .sb-links p, .sb-links-list p, .sb-links-cat p {
	padding: 0;
}

.sb-latest a, .sb-links a, .sb-links-list a, .sb-links-cat a {
	margin: 0px 10px 0px 0px;
	background: url('images/puce_arrow.gif') no-repeat 0px 1px;
	padding-left: 18px;
	height: 14px;
	text-decoration: none;
}

.sb-latest a:hover, .sb-links a:hover, .sb-links-list a:hover, .sb-links-cat a:hover {
	background: #ffff8a url('images/puce_arrow.gif') no-repeat 0px 1px;
	color: #1f83ce !important;
	text-decoration: none;
}

.sb-recommend a {
	margin: 0px 10px 0px 0px;
	display: block;
	background-image: url('images/recommend-icon-12x12.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
	height: 14px;
	text-decoration: none;
}


.sb-recommend p {
	text-align: justify;
}

/*- Search Form and Livesearch */



#sb-search {
	width: 220px;
	display: block;
	position: absolute;
	top: 40px;
	left: 560px;

}

.sb-search {

}



 h2.sb-search {
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 8px;
	color: #FFF;

}



input[type=text], textarea {

	color: #444;

	padding: 2px 0 2px 2px;

	margin: 0;

}



#searchinput {

	width: 10%;

}



#searchinput.livesearch {

	width: 90%;

}



.livesearchform input[type=submit] {

	margin: 0;

}



#LSResult {

	margin: 0;

	width: 100.1%;

	z-index: 100;

	position: absolute;

	background: #eee url('images/livesearchbg.jpg') center repeat-y;

	border-bottom: 1px solid #eee; 

}



#searchcontrols {

	text-align: center;

	padding: 1px;

	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;

}



#searchcontrols small {

	margin: 0;

	padding: 0;

}



.LSRow:hover, #LSHighlight, #LSHighlight:hover {

	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;}



#LSResult:hover #LSHighlight {

	background: none;

	border: none;

	padding: 5px 2px;

}



#LSHighlight small, #LSHighlight small span a {

	color: #999;

}



.LSRow {

	padding: 5px 10px;

}



.LSRow span a, .LSRow span a:visited {

	word-spacing: -1px;

	line-height: 1.3em;

	font-weight: normal;

	color: #bbb;

}





/*- Rolling Archives */



#rollingarchives {

	position: relative;

	padding: 5px 0 0;

	margin: 0 0 10px;

	/*text-align: center;*/

}



#rollingarchives a {

	color: #888;

}



#rollingarchives a:hover {

	text-decoration: underline;

}



#rollnavigation {

	padding: 4px;

}



#rollprevious, #rollnext, #rollpages, #rollload {

	position: absolute;
	width: 90px;
	padding: 7px 5px 7px 0;
	top: 3px;
	text-align: center;

}



#rollhome {

	display: none;

	margin-bottom: 5px;

}



#rollload {

	right: 40px;

	padding-left: 24px;

	/*background: url('images/spinner.gif') left center no-repeat;*/

	background: url('images/spinner.gif') no-repeat left center;

	width: 50px;

	text-align: left;

}



#rollpages {

	left: 45px;

	color: #777;

}



#rollprevious {

	left: 0;

	text-align: left;

}



#rollnext {

	right: 0;

	text-align: right;

}



#rollingarchives a.inactive, #rollingarchives a.inactive:hover {

	visibility: hidden;

	text-decoration: none !important;

	background-color: transparent !important;

	color: #bbb;

	cursor: default;

}



#rollnotices {

	padding: 7px;

	text-align: center;

	border-top: 1px solid #f3f3f3;

}



#rollnotices a {

	color: #227EE9;

}



#rollnotices img {

	float: right;

	cursor: pointer;

	height: 13px;

	width: 13px;

	margin-right: 5px;

	/*background: url('images/reset-fff.gif') center center no-repeat;*/

	background: url('images/reset-fff.gif') no-repeat center center;

}





	

#LSResult {

	width: 52.7% !important;

}



.pagetitle { /* Used on static pages and archives */

	margin: 0px 0 15px !important;

}





#pagetrack {

	margin: 0 auto;

	width: 140px;

	height: 18px;

	/*background: url('images/sliderbgleft.gif') left 5px no-repeat;*/

	background: url('images/sliderbgleft.gif') no-repeat center left;

}



#pagetrackend {

	height: 18px;

	/*background: url('images/sliderbgright.gif') right 5px no-repeat;*/

	background: url('images/sliderbgright.gif') no-repeat center right;

}



#pagehandle {

	width: 18px;

	height: 18px;

	/*background: url('images/sliderhandle.gif') center center no-repeat;*/

	background: url('images/sliderhandle.gif') no-repeat center center;

	cursor: e-resize;

}



/*- Attachment */



.attachment {

	text-align: center;

}



/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */





/*-

	Brian's Latest Comments

	http://meidell.dk/archives/2004/09/12/brians-latest-comments/

*/



.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {

	color: #999;

	font-weight: normal;

	word-spacing: -1px;

}



.secondary div.sb-comments ul li {

	margin-bottom: 6px;

}



.secondary div.sb-comments li > a[title="Go to the comments of this entry"] {

	position: absolute;

	right:0;

	color: #999;

}



.activityentry {

	font-size: 1.1em;

}



div.sb-comments small {

	display: block;

	margin: 0;

	font-weight: normal;

	line-height: 1em;

}





/*-

	FlickrRSS

*/



.sb-flickr div img {

	border: 0px;

	padding: 5px;

}



.sb-flickr div a img {

	border: 1px solid #ccc;

	padding: 3px;

	margin: 5px 3px 0;

}



.sb-flickr div a:hover img {

	border: 1px solid #999;

}



/*-

	WordPress: Touched

	http://twilightuniverse.com/2005/03/wordpress-touched/

	

	No support for Touched 0.6 in the rest of K2.

	Seems a bit flaky just now. Waiting for new version.

*/



#poststuff fieldset {

	border: none;

}



#poststuff #title, #poststuff #excerpt, #poststuff #tags {

	width: 470px;

}

	

#poststuff #title {

	font-size: 2em;

}

/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
}

/* Contact Form */

.contactform {
	width: 100%;
	position: relative;
}

.contactleft {
	width: 15%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

/* Noteworthy */

.noteworthy {                  
        background: url('images/heart.gif') no-repeat right center;
        padding-right: 25px;
}

.noteworthyLink {
	margin-left: 5px
}

.secondary div div {
	margin: 20px 0 0;
	padding: 0;
}

.secondary div div div {
    margin: 0;
}

.secondary div div div div {
    margin: 0;
}

.commentsrsslink {/* i changed basic orange color icon to blue */
	background-images: url('images/feed-icon-16x16.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

/* feeds on 3rd column to fill it with something */

.sb-feed a {
	margin: 0px 10px 0px 0px;
	display: block;
	background-image: url('images/feed-icon-12x12.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
	height: 14px;
	text-decoration: none;
}

.sb-feed a:hover {
	background: #ffff8a url('images/feed-icon-12x12.gif') no-repeat 0px 1px;
	color: #1f83ce !important;
	text-decoration: none;
}

.sb-function a {
	margin: 0px 10px 0px 0px;
	display: block;
	background-image: url('http://www.accessibilite-web.com/wp-content/plugins/postratings/images/stars/rating_on.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
	height: 14px;
	text-decoration: none;
}

.sb-feed p {
	text-align: justify;
}

.sb-akismet p {
	padding: 8px 0 0 115px;
	background: transparent url('images/akismet.gif') no-repeat top left;
	color: #fff;
	font-size: 14px;
	height: 30px;
	display: block;
}

.editlink a, .commentseditlink a {
	padding-left: 2px;
	margin-left: 3px;
	background: none;
}

#primary .aside .itemhead .metalink {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.permalink #primary .aside .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
}

p.authorDescription {
	padding-bottom: 5px;
}

p.help {
	border-top: 1px dotted #395c22;
	padding-top: 1px;
	padding-bottom: 5px;
}

div.hr {
	border-bottom: 1px dotted #999;
	margin-top: 5px;
	margin-bottom: 5px;
}