/*  

Theme Name: Redblack

Theme URI: http://www.2yi.net/

Description: RedBlack is a 3 column theme with one sidebar on the right and one to the left of the content area that uses a black and red color scheme and very few images. Both sidebars are widget ready.

Version: 1.0

Author: Your Index

Author URI: http://www.2yi.net/

*/		

/*

	Modification G?rd DOENS 2007-03-24

	Couleur base banni? = #530053

	Couleur base texte = #FFB3FF

*/

*

{

margin: 0px;

padding: 0px;

}



ul

{

list-style: none;

}



body
{

font-size: 13px;

margin: 0px;

text-align: center;

background: #3B3B3B;

color: #CF8181;

font-family: Century gothic, Arial, Helvetica, sans-serif;

}









                         /***************************************************

                         *********************** Blogtitle **************

                         *****************************************************/



#blogtitle

{

	color: #DFDAC3;

	text-align: center;

	clip:   rect(auto auto auto auto);

	margin: 0px;

	padding: 0px;







}





#blogtitle a:link {

color: #BFB3B3;

text-decoration: none;

border: none;

padding: 6px 15px;

margin-left: 0;

}



#blogtitle a:visited {

color: #BFB3B3;

text-decoration: none;

border: none;

font-weight: bold;

padding: 6px 15px;

margin-left: 0;

}



#blogtitle a:hover {

color: #000;

text-decoration: none;

padding: 6px 15px;

margin-left: 0;

}



                         /***************************************************

                         *********************** Container **************

                         *****************************************************/

#container

{

clear:left;

padding:0;

margin-left:auto;

margin-right:auto;

margin-top: 0;

width: 100%;

overflow: hidden;

background: #333333;

}









                         /***************************************************

                         *********************** Left Sidebar Container *******

                         *****************************************************/

#leftnav

{

font-size: 14px;

float: left;

width: 180px;

margin: 0;

padding-top: 0;

margin-top: 0;

margin-left: 5px;

margin-bottom: 20px;

text-align: left;

}









                         /***************************************************

                         *********************** Right Sidebar Container *******

                         *****************************************************/



#rightnav

{

font-size: 14px;

float: right;

width: 180px;

margin: 0;

padding-top: 0;

margin-top: 0;

margin-bottom: 20px;

margin-right: 5px;

text-align: left;

}









                         /***************************************************

                         *********************** Content **************

                         *****************************************************/

#content

{

display: block;

margin: 0 195px 20px 195px;

padding: 1em 0 1em 0;

padding-top: 10px;

text-align: left;

}





#content ul

{

padding-left: 2em;

}





#content ul li{

padding: 0.2em;

list-style: square;

}



#content ul ul li{

padding: 0.2em;

list-style: circle;

}





#content ol{

list-style-position: inside;

padding-left: 15px;

padding-top: 2px;

margin-bottom: 10px;

}



#content p

{

padding-left: 10px;

}



                         /***************************************************

                         *********************** POST and Entry************

                         *****************************************************/

.post

{

background: #333;

display: block;

overflow:hidden;

width:98%;

margin: 0 auto 12px auto;

}



.entry

{

overflow: hidden;

margin-bottom: 5px;

}

                         /***************************************************

                         *********************** Footer **************

                         *****************************************************/



#footwrap

{

clear:both;

color: #FAFFE0;

padding: 5px 1em 5px 1em;

font-weight: normal;

border-top: 4px solid #5F1212;

}



#footwrap p

{

display: block;

margin-top: 8px;

margin-bottom: 2px;

text-align:center;

}



#footwrap a:link {

text-decoration: none;

border: none;

font-weight: bold;

}

#footwrap a:hover {

text-decoration: underline;

border: none;

}



#footwrap a:visited:hover {

text-decoration: underline;

border: none;

}



#footwrap a:visited {

text-decoration: none;

border: none;

font-weight: bold;

}



#footwrap img {

padding: 0px 5px 0px 5px;

}





                         /***************************************************

                         *********************** Left Sidebar **************

                         *****************************************************/

#sidebarleft

{

margin-bottom: 10px;

background: none;

padding: 0 8px  0 8px;

}



#sidebarleft li

{

padding-bottom: 8px;

background: #333;

}



#sidebarleft ul li

{

display: block;

margin: 1px 10px 1px 10px;

padding-bottom: 2px;

background: none;

}



#sidebarleft ul li ul li{

padding-bottom: 2px;

background: none;

}



#sidebarleft ul li li{

padding: 4px 3px 2px 2px;

background: none;

}



#sidebarleft a:link {

display:block;

color: #CF8181;

text-decoration: none;

font-weight: normal;

}



#sidebarleft a:hover {

display:block;

color: #FFF;

}



#sidebarleft a:visited:hover {

display:block;

color: #FFF;

}



#sidebarleft a:visited {

display:block;

color: #CF8181;

text-decoration: none;

}



#sidebarleft h2 {

color: #9F9F9F;

padding: 4px 8px 4px 8px;

margin-top:14px;

background: #5F1212 url(img/blogtitle2.png) no-repeat right bottom;

border-bottom: 2px solid #9C1E1E;

}





                         /***************************************************

                         *********************** Right Sidebar **************

                         *****************************************************/



#sidebarright

{

margin-bottom: 10px;

background: none;

padding: 0 8px  0 8px;

}



#sidebarright li

{

padding-bottom: 8px;

background: #333;

}



#sidebarright ul li

{

display: block;

margin: 1px 10px 1px 12px;

padding-bottom: 2px;

background: none;

}



#sidebarright ul li ul li{

padding-bottom: 2px;

background: none;

}



#sidebarright ul li li{

padding: 4px 3px 2px 2px;

background: none;

}



#sidebarright a:link {

display:block;

color: #CF8181;

text-decoration: none;

font-weight: normal;

}



#sidebarright a:hover {

display:block;

color: #FFF;

}



#sidebarright a:visited:hover {

display:block;

color: #FFF;

}



#sidebarright a:visited {

display:block;

color: #CF8181;

text-decoration: none;

}



#sidebarright h2 {

color: #9F9F9F;

padding: 4px 9px 4px 7px;

margin-top:14px;

background:#5F1212 url(img/posttitle.png) repeat-x;

border-bottom: 2px solid #9C1E1E;

}



#leftnav p, #rightnav p { margin: 0 0 1em 0; }

#content h2 { margin: 0 0 .5em 0; }





                         /***************************************************

                         *********************** Paragraph **************

                         *****************************************************/



p

{

margin-bottom: 12px;

margin-top: 12px;

}



                         /***************************************************

                         *********************** Blockquote ********************

                         *****************************************************/



blockquote

{

margin: 0px 0px 0px 30px;

padding: 0px 25px 0px 0px;

font-style: italic;

color: #FFCFDE;

border-left: 4px solid #CF4D4D;

}





                         /***************************************************

                         *********************** Post Metadata ****************

                         *****************************************************/



.postmetadata

{

font-size: 11px;

display:block;

margin: 25px auto 0 auto;

padding: 2px 8px 2px 35px;

text-align: left;

background: #4F4F4F;

color:#fff;

border-left: 8px solid #5F1212;

}



#content .postmetadata

{

padding-left: 5px;

}



.postmetadata a:link

{

border: none;

color: #CF8181;

font-weight: normal;

}



.postmetadata a:hover

{

border: none;

color: #CF8181;

font-weight: normal;

}



.postmetadata a:visited:hover

{

border: none;

color: #CF8181;

font-weight: normal;

}



.postmetadata a:visited

{

border: none;

color: #CF8181;

font-weight: normal;

}



                         /***************************************************

                         *********************** Links ********************

                         *****************************************************/



a:link

{

color: #CF8181;

text-decoration: none;

font-weight: bold;

}



a:hover

{

text-decoration: underline;

}



a:visited

{

color: #CF8181;

text-decoration: none;

font-weight: normal;

}



a:visited:hover

{

text-decoration: underline;

}



a img 

{

border:none;

background:none;

padding:5px;

}



#feed, #feed img a:link, #feed img a:visited

{

border: none;

}





                         /***************************************************

                         *********************** Comments ********************

                         *****************************************************/



.commentlist

{

padding-left: 40px;

padding-right: 15px;

background: #333;

color: #EAEFD1;

}



.commentlist li

{

margin: 8px 10px 8px 15px;

padding-left: 12px;

list-style: none;

background: #4f4f4f;

margin-bottom: 2px;

border-left: 4px solid #5F1212;

}



li.alt

{

background: #1f1f1f;

border-left: 4px solid #5F1212;

}



.commentlist cite

{

padding: 2px 3px 1px 3px;

}



.commentlist p

{

padding: 5px 5px 2px 3px;

margin-bottom: 5px;

}



.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited

{

text-decoration: none;

color: #CF8181;

}



.commentnumber {

font: italic normal 14px 'Times New Roman', Times, serif;

margin-top: 2px;

float:right;

color: #CF8181;

font-size: 28pt;

}



#comment

{

margin-left:5%;

width:80%;

}



                         /***************************************************

                         *********************** Headings**************

                         *****************************************************/



h1

{

font-size: 36px;

color: #666666;

}



h2

{

display: block;

font-size: 16px;

font-weight: bold;

padding: 5px 0 0 12px;

margin: 5px 0 6px 0;

text-align: left;

}



h3

{

display: block;

font-size: 14px;

font-weight: bold;

padding: 5px 0 0 12px;

margin: 5px 0 6px 0;

text-align: left;

}



h2.posttitle   

{

font-size: 22px;

font-weight: bold;

padding-left: 5px;

padding-top: 5px;

padding-bottom: 5px;

margin-top: 12px;

margin-bottom: 5px;

background:#5F1212 url(img/posttitle.png) repeat-x;

border-bottom: 2px solid #9C1E1E;

}



.posttitle a:link

{

font-size: 22px;

color: #EFEFEF;

font-weight: bold;

}



.posttitle a:visited

{

font-size: 22px;

color: #EFEFEF;

font-weight: bold;

}



.posttitle a:hover

{

font-size: 22px;

color: #FFF;

font-weight: bold;

text-decoration: none;

}



.posttitle a:visited:hover

{

text-decoration: none;

}



h4

{

margin-top: 15px;

font-size: 13px;

font-weight: bold;

padding: 5px 0 0 12px;

margin: 5px 0 6px 0;

text-align: left;

}



h4.respond

{

margin-left:5%;

}



h5

{

margin-top: 15px;

font-size: 12px;

font-weight: bold;

padding: 5px 0 0 12px;

margin: 5px 0 6px 0;

text-align: left;

}





                         /***************************************************

                         *********************** date ********************

                         *****************************************************/

.date

{

font-size: 28px;

float: right;

text-transform: uppercase;

padding: 30px 5px 55px 0;

margin-top: 5px;

margin-right: 10px;

text-align: center;

color: #CF4D4D;

background: url(img/date.png) -2px 0 no-repeat;

width: 90px;

}





                         /***************************************************

                         *********************** Code ********************

                         *****************************************************/

code

{

display: block;

margin: 10px 30px 0 30px;

padding: 2px 10px 5px 10px;

border-top: 4px solid #CF4D4D;

color: #FFF;

background: #4F4F4F;

}



                         /***************************************************

                         ************ Navigation (based on Blix)**************

                         *****************************************************/

#navigation {

margin-left:auto;

font-family: Century gothic, Arial, Helvetica, sans-serif;

margin-right:auto;

width: 100%;

overflow: hidden;

height:2.7em;

line-height:2.7em;

background:#722E2E url(img/navigation.png) repeat-x;

}



#navigation ul {

  margin:0;

  padding:0;

}



#navigation li {

  float:left;

  margin:0;

  padding:0;

  list-style-type:none;

  white-space:nowrap;

}



#navigation li a {

  display:block;

  padding:0 18px;

  font-size:0.8em;

  text-transform:uppercase;

  letter-spacing:1px;

}



* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */



#navigation form {

  float:right;

  height:100%;

  width:164px;

  padding:0 15px;

  line-height:0;

}



#navigation form fieldset {

  /* centering the search form could've

  been done way more elegant but IEWin

  and Opera refused to follow the rules */

  margin-top:7px;

  border:0 solid; /* Opera */

}



* html #navigation form fieldset {margin-top:7px;}



#navigation #s {

  height:1.5em;

  width: 75px; /*115px;*/

  margin:0 5px 0 0;

  padding:0;

  font-size:0.8em;

  vertical-align:middle;

}



#navigation #searchbutton {

  height:2em;

  width:auto;

  padding:0 1px;

  font-size:11px;

  letter-spacing:1px;

  text-align:center;

  vertical-align:middle;

}





#navigation a {

color:#efefef;}



#navigation .selected,

#navigation a:hover

{

background:#722E2E url(img/active.png) repeat-x;

}



#navigation form {

background:#722E2E url(img/navigation.png) repeat-x;

}



#navigation #s {border-color:#FFF9EA;}



#navigation #searchbutton {

  color:#333333;

  background-color:#C2D36C;

}



.button

{

margin-bottom: -4px;

}



                         /***************************************************

                         *********************** Credits********************

                         *****************************************************/



.credits

{

margin-top: -20px;

margin-bottom: 5px;

padding: 0 4px 8px 4px;

float: right;

}





                         /***************************************************

                         *********************** Calendar ********************

                         *****************************************************/

#wp-calendar 

{

empty-cells: show;

margin: 10px auto 0;

width: 160px;

}



#wp-calendar #next a 

{

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a 

{

padding-left: 10px;

text-align: left;

}



#wp-calendar td 

{

padding: 2px 0;

text-align: center;

}



#wp-calendar th 

{

text-align: center;

}



#wp-calendar caption 

{

text-align: center;

width: 100%;

text-transform: uppercase;

font-weight: bold;

}





                         /***************************************************

                         ***************** Image General************

                         *****************************************************/



img 

{	

border:none;

}





                         /***************************************************

                         ***************** Previous and Next Posts************

                         *****************************************************/



.alignright {

text-align: right;

}



.alignleft {

text-align: left

}



.navigation {

display: block;

text-align: center;

margin: 10px;

}





                         /***************************************************

                         *********************** Smileys ********************

                         *****************************************************/



.wp-smiley

{

padding: 0;

}

                         /***************************************************

                         ************** Contained Float fix for date************

                         *****************************************************/



.postwrap

{

overflow:hidden;

width: 100%

}


