/* @override http://intra/projet/www.washaweb.dev/wp-content/themes/k2/styles/washaweb/washaweb.css */

/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: 	Jerôme Poslednik
	Author Site	: 	http://www.washaweb.com
	Style Name	: 	washaweb
	Style URI	:	http://getk2.com
	Version		: 	1.0
	Comments	: 	Washaweb is a wordpress theme using K2 plugin. I actualy use it on my own blog - this style template is not for redistribute.
	The header image is under licence, please do not use it. (http://www.istockphoto.com)
*/

/* @group structure */

body {
	background-color: #212121;
	color: #FFF;
	margin: 0;
}

#footer
{
	background-color: #2d2d2b;
	border-top: 1px solid #c5f8a3;
}

#footer p
{
	margin: 2px;
}

#page {
	padding: 0;
	background: #3f3f3f url(filet_page.jpg) no-repeat -1px 235px;
	width: 960px;
	border: none transparent;
}

.content
{
	padding: 0px 18px 50px 25px;
}

.secondary div {
	margin: 10px 0 0;
	padding: 5px;
	position: relative;
	background: url(bg_trame.gif);
	color: #FFF;
}

#primary {
	position: relative;
	float: left;
	width: 540px;
	padding: 0px;
	}

#sidebar-alt {
	float: right;
	width: 170px;
	padding: 5px;
	left: 0px;
	}

#sidebar-1.secondary,
#sidebar-2.secondary
{
	float: right;
	margin-top: 60px;
	padding: 0px;
	margin-right: 0px;
}

#sidebar-2.secondary {
	margin-top: 0px;
	margin-right: 10px;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	position: relative;
	float: right;
	clear: none;
	}

#sidebar-1.secondary h4,
#sidebar-2.secondary h4
{
	margin-top: 7px !important;
	margin-bottom: 8px;
}

/* tailles variables en fonction de la largeur de la fenetre utilisateur : */

.columns-one #page {
	width: 585px;
	}

.columns-two #page {
	width: 780px;
	}

.columns-three #page {
	width: 960px;
	}

/* 2 colonnes */

body.columns-two #primary-wrapper {
	margin-right: 0px;
	width: 540px;
	}

body.columns-two #primary {
	margin-right: 0px;
	}

body.columns-two .secondary {
	float: left;
	width: 175px;
}

body.columns-two #sidebar-2.secondary {
	margin-right: 0px;
}

/*1 colonne */

body.columns-one #primary {
	margin-right: 0px;
	}

body.columns-one .secondary {
	float: left;
	width: 266px;
	margin-top: 20px !important;
	border-top-color: #cffaa3;
}


/* @end */

/* @group header */

.blog-title {
	position: absolute;
	top: 84px;
	left: 20px;
	padding: 0;
	background: url(washaweb_h1.gif) no-repeat 0px 3px;
	height: 34px;
	width: 400px;
	display: block;
}

#header .description {
	position: relative;
	top: 140px;
	margin: 0 21px;
}

.blog-title a {
	display: block;
	cursor: pointer;
	width: 170px;
	height: 33px;
	position: relative;
	top: -78px;
	font: 35px arial, helvetica, sans-serif;
	letter-spacing: 0.05em;
	color: transparent;
	left: -40px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
}

.blog-title a:hover {
	height: 31px;
	border-bottom: 2px solid #dcdf00;
}

.blog-title a {
	/*display: none;*/
}

#header {
	background: #3f3f3f url(tetiere_washaweb.jpg) no-repeat -1px 0px;
	width: 100%;
	height: 235px;
	margin-bottom: -60px;
}

/* @group main menu */

ul.menu
{
	top: 56px;
	bottom: 0px;
	height: 25px;
	padding: 0px;
	width: 560px;
}

ul.menu li a
{
	background: transparent url(nav.gif) no-repeat 0 0;
	display: block;
	width: 64px;
	height: 15px;
	float: left;
	font: 13px/14px "Lucida Grande", Lucida, Verdana, arial, helvetica, sans-serif;
}

ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	background: transparent url(nav_s.gif) no-repeat 0 0;
	text-decoration: none;
}

ul.menu li a:hover {
	background: transparent url(nav_o.gif) no-repeat 0 0;
}

.admintab {
	position: absolute;
	right: 0px;
}
.admintab a, .admintab a:hover {
	background: none !important;
	padding: 8px 0px !important;
	width: 90px !important;
	text-align: center;
	font: 10px/14px "Lucida Grande", Lucida, Verdana, sans-serif !important;
}
.admintab a:hover
{
	text-decoration: underline !important;
}
/* @end */

/* @group sidebar sub-menu */

.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 {
	}

/* @end */










/* @group search input */

.secondary div#search, .secondary div#search div {
	background: none !important;
}

#search-form-wrap.livesearch
{
	width: 135px;
}

#search-form-wrap.livesearch input#s {
	width: 132px;
	background: url(input_bg_recherche.gif) repeat-x 0 0;
	border: none;
	padding: 4px;
	}

#search-form-wrap.livesearch input#s:focus {
	width: 132px;
	background: #FFF none;
	border: none;
	padding: 4px;
}

#search-form-wrap.livesearch #search-label {
	width: 138px;
	color: #000;
	margin-left: -2px;
	margin-top: -1px;
	font-size: 9px;
}



#searchload {
	position: relative !important;
	z-index: 999;
	left: 114px !important;
	top: 2px;
	}

#searchreset {
	position: absolute;
	right: -20px;
	top: -1px;
	height: 22px;
	width: 20px;
	z-index: 5;
	opacity: 1 !important;
	background: url(bt_cross.gif) no-repeat center center;
	cursor: pointer;
	}

#searchreset:hover, #searchreset:focus {
	background: url(bt_cross_o.gif) no-repeat center center;
	}
	
#searchcontrols {
	background: #ddd url('../../images/livesearchbgdark.jpg') center repeat-y;
	}

/* @end */

/* @end */

/* @group post */

h1, h1 a, 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 {
	color: #FFF !important;
	letter-spacing: 0;
}

/*.entry-title, .entry-title a {
	color: #0CD3D0 !important;
	font-family: "Trebuchet Ms", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-size: 16px;
}


.entry-title, .entry-title a
{
	font-weight: normal !important;
}*/

.entry-head .entry-meta {
	margin: 5px 0;
	height: 20px;
	background: url(bg_titre_inclasse.jpg) no-repeat 0 0;
	color: #000;
	padding: 2px 5px;
	text-align: right;
}

.entry-head .entry-meta a
{
	color: #415932;
}

.entry-head a.post-edit-link
{
	color: #FFF;
	display: block;
	float: right;
}
.entry-meta .entry-categories {
	padding: 1px 0px 3px 6px;
	width: 88px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
}

.entry-meta .entry-date abbr.published
{
	color: #000;
}

.category-web-20 div.entry-head .entry-meta {
	background: url(bg_titre_web20.jpg) no-repeat 0 0;
}

.category-telechargement div.entry-head .entry-meta {
	background: url(bg_titre_telechargement.jpg) no-repeat 0 0;
}

.category-illustration div.entry-head .entry-meta {
	background: url(bg_titre_illustration.jpg) no-repeat 0 0;
}

.category-graphisme-webdesign div.entry-head .entry-meta {
	background: url(bg_titre_webdesign.jpg) no-repeat 0 0;
}

.category-blablabla div.entry-head .entry-meta {
	background: url(bg_titre_blablabla.jpg) no-repeat 0 0;
}
.post
{
	clear: both;
}
div.entry-footer {
	text-align: right;
	padding-right: 8px;
}

div.entry-footer a
{
	color:  #FFF;
}
div.entry-meta span.entry-category a {
	color: #4d4d4d;
}

h2 span a, 
h2 span a:visited,
h3 span a,
h3 span a:visited {
	color: #555 !important;
	font-weight: normal !important;
}

.entry-content {
	text-align: left;
	color: #959995;
	width: 510px;
	margin-left: 8px;
	}

.primary .entry-meta a, .primary .entry-meta 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: #444;
	font-weight: normal;
}

.counter a {
	color: #222;
}

.commentlist li {
	color: #666;
}

.commentlist li:hover {
	background: none;
}

blockquote, #weightedcategories, .authorcomment {
	background: #111;
	border-color: #222;
}

.primary img {
	border-color: #222;
	background: #111;
}

.inputcontainer {
	margin-bottom: 6px;
}

/* Gray Color */
.entry-meta a, .comment-meta a,
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small {
	color: #9dbf39;
}

a, a:visited, .sidebar a:visited, .entry-content a:visited {
	color: #a7d153;
}

.post p a:visited {
	color: #B1D184;
}

#af-ela-menu li {
	border: none;
	background: #161616;
}

#af-ela-menu, #af-ela-menu li {
	border-bottom: 1px solid #333;
}

#af-ela-menu li.selected {
	background: #333;
}

/* Hovering state of the table items */

#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

/* Active or hovered item in list */

#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

#af-ela-post {
	border-left: 1px solid #333;
	border-right: none;
}

.entry-content li {
	list-style-image: url(puce.gif);
}

/* @end */

/* @group comments */

.comments h4 {
	margin-top: 50px;
	margin-bottom: 5px;
	color: #0CD3D0 !important;
	font-family: "Trebuchet Ms", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}

#commentlist
{
	margin-top: 30px;
	padding: 0px;
}

#commentlist .comment
{
	background-color: #41493b;
}

#commentlist .comment.alt
{
	background-color: #4f5c46;
}

#commentlist .comment.bypostauthor
{
	background: #627d7a url(bg_comment_author.gif) no-repeat 80% -50px;
}


#commentlist .avatar
{
	margin-top: 3px;
	border: 1px solid #3f3f3f;
}

.comment-content {
	text-align: left;
	padding: 10px 0px 0px 0px;
	position: relative;	
	}
	
.comment-content p
{
	margin-top: 0px;
}
	
h4#respond.reply, #leavecomment {
	font-size: 14px !important;
	letter-spacing: 0 !important;
	margin-top: 45px;
	margin-bottom: 0px;
}

#leavecomment
{
	text-transform: lowercase;
	padding-bottom: 10px !important;
	color: #5e6e63;
	padding: 10px;
}

#comment
{
	background: #62844b;
	font: 11px Helvetica, Arial, Geneva, sans-serif;
	color: #242613;
	height: 90px;
}

#comment:focus
{
	background: #97cb72;
}
	
.comment-content h4 {
	font-size: 14px !important;
	letter-spacing: 0 !important;
}

#commentform #comment
{
	background-color: #62844b !important;
	color: #242613;
	height: 90px;
	margin: 10px 0px;
	border: none !important;
	padding: 5px !important;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif !important;
	width: 530px;
}

#comment:focus
{
	background-color: #97cb72;
}


#commentform input
{
	border: none !important;
	padding: 5px !important;
	background-color: #defd7e !important;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif !important;
	color: #000;
	margin-left: 10px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.comments #commenterror {
	display: none;
	margin-top: 7px !important;
	line-height: 2.0;
	padding: 3px 10px;
	color: #fff;
	background-color: #00adef;
	float: left;
}

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

.comments #commentload {
	display: none;
	padding-top: 10px;
	float: right;
	background: url('spinner_washaweb_1.gif') center center no-repeat;
}


/* @end */

/* @group tags */

a.st-tags.t1 {
	color: #76a641 !important;
}

a.st-tags.t2 {
	color: #a4c184 !important;
}

a.st-tags.t3 {
	color: #91d04c;
	font-size: 1.3em !important;
}

a.st-tags.t4 {
	color: #b2d559 !important;
	font-size: 1.4em !important;
}

a.st-tags.t5 {
	color: #c4db3b !important;
	font-size: 1.5em !important;
}

a.st-tags.t6 {
	color: #e2fd42 !important;
	font-size: 1.6em !important;
}

a.st-tags.t7
{
	color: #e6fc62 !important;
	font-size: 1.7em !important;
}

a.st-tags.t8
{
	color: #d4f13c !important;
	font-size: 1.8em !important;
}

a.st-tags.t9
{
	color: #defa72 !important;
	font-size: 1.9em !important;
}

a.st-tags.t10
{
	color: #eeff97 !important;
	font-size: 2em !important;
}

/* @end */

/* @group calendar */

#calendar, #calendar div {
	background: none;
}

#calendar #wp-calendar {
	border: 1px solid #656565;
	width: 100% !important;
	padding: 0 !important;
	border-collapse: separate;
}

div#calendar_wrap, div#calendar_wrap table {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	margin-bottom: 0px !important;
}

.secondary div#calendar {
	margin: 5px 0 !important;
	padding: 0px !important;
}

#wp-calendar td, #wp-calendar th {
	text-align: center !important;
	vertical-align: middle !important;
	line-height: 1.9em;
}

#wp-calendar #prev, #wp-calendar #next {
	background-color: #656565;
}

#wp-calendar #prev a, #wp-calendar #next a {
	color: #1fb3b0 !important;
	font-weight: bold;
}

#wp-calendar .pad {
	background-color: transparent !important;
}

#wp-calendar td a
{
	background-color: #656565;
	display: block;
}

#wp-calendar td a:hover, #wp-calendar td a:focus
{
	background-color: #667242;
	text-decoration: none;
}

#wp-calendar #today
{
	background-color: #34393a;
	font-weight: bold;
	color: #1fb3b0;
}


#calendar h4
{
	display: none !important;
}

/* @end */

/* @group rolling-nav */

/* @group trimed posts */

div.trimmed .hentry,
div.trimmed .hentry.alt {
	background: transparent;
	}

/* @end */

#rollingarchives {
	width: 545px;
	}

#rollload {
	background: url('spinner_washaweb_2.gif') no-repeat center center;
	}

#pagetrackwrap {
	left: 155px;
	width: 275px;
	}

#pagetrack {
	width: 275px;
	}

#rollpages {
	top: 3px;
	left: 80px;
	color: #aaa;
	}
	
body.smartposition #rollingarchives
{
	background-color: #3f3f3f;
	width: 545px;
	border-bottom-color:  #CFFAA3;
}
/* @end */

/* @group flickr */

#flickrrss
{
	overflow: hidden;
}
#flickrrss .flickr-item
{
	margin: 0px 2px 7px 3px;
	float: left;
	padding: 0px;
}

#flickrrss .flickr-item a
{
	display: block;
	border: 1px solid #656565;
}

#flickrrss .flickr-item a:hover
{
	display: block;
	border: 1px solid #a7ce4e;
}


/* @end */

/* @group columns */

/*categories*/

#categories-1 li.cat-item
{
	padding-left: 15px;
	background: url(sliderhandle.png) no-repeat 0px 3px;
	padding-bottom: 5px;
	font-weight: bold;
}

.cat-item-6 a
{
	color: #cea2e9;
}

.cat-item-17 a
{
	color: #c0c0c0;
}

.cat-item-21 a
{
	color: #d0d82b;
}

.cat-item-37 a
{
	color: #d8b68f;
}

.cat-item-38 a
{
	color: #34e2dc;
}

/*éléments récents*/

#recentcomments .recentcomments a
{
	display: block !important;
	width: 160px !important;
}

#recentcomments .recentcomments a:first-element
{
	display: inline !important;
}

/*blogroll*/

.blogroll a
{
	padding: 2px 0px 0px 20px;
	background: url(page_green.gif) no-repeat 0px 2px;
	display: block;
	font-weight: bold;
	color: #bebebe;
}

.blogroll a:hover
{
	color: #a7ce4d;
	text-decoration: none;
}

/*icones des titres*/

#archives h4
{
	background: url(calendar_view_month.gif) no-repeat 98% 0px;
}
#archives select
{
	width: 100%;
}

#recent-posts h4
{
	background: url(page_green.gif) no-repeat 98% 2px;
}

#widget_stags-1 h4
{
	background: url(tag_green.gif) no-repeat 98% 1px;
}

#meta h4
{
	background: url(cursor.gif) no-repeat 98% -1px;
}

#categories-1 h4
{
	background: url(icon-star.gif) no-repeat 98% 0px;
}

#recent-comments h4
{
	background: url(comment.gif) no-repeat 98% 0px;
}

#linkcat-11 h4
{
	background: url(link_go.gif) no-repeat 98% 0px;
}

#linkcat-2 h4
{
	background: url(group_link.gif) no-repeat 98% 0px;
}

#flickrrss h4
{
	background: url(camera.gif) no-repeat 98% 0px;
}

/* @end */

/* @group footer */

#footer a
{
	border-bottom: none;
}

#footer a:hover
{
	color: #0CD3D0 !important;
}
#footer p.footerfeedlinks a
{
	background: url(feed.gif) no-repeat;
	display: inline-block;
	padding-left: 24px;
	text-decoration: none;
	border-bottom: none;
}

/* @end */

/* @group Tailles et alignements d'images */


.entry-content .alignleft
{
	float: left;
	display: block;
	clear: left;
	margin: 5px 15px 10px 0 !important;
}

.entry-content .alignright
{
	float: right;
	display: block;
	clear: right;
	margin: 5px 15px 10px 0 !important;
}

.entry-content .youtube-video
{
	margin: 10px auto 10px auto !important;
	display: block;
	width: 500px;
}

.entry-content .youtube-video object
{
	display: block;
	width: 500px;
}

/* @end */

/* @group Tableaux */

.entry-content table
{
	border: 1px solid #656565;
	padding: 7px;
}

.entry-content table strong
{
	color: #FFF;
}

.entry-content th
{
	padding: 7px;
	background: url(bg_trame.gif);
	color: #FFF;
}

/* @end */