/*  
Theme Name: Rounded V2
Theme URI: http://www.release.fr/
Description: Rounded theme with more details.
Version: beta
Author: Ghyslain Armand
Author URI: http://www.itcouldbethisone.com/

Liquid and rounded v2.0
http://www.itcouldbethisone.com/

This theme was designed and built by Ghyslain Armand, Release company based in France (Montpellier);
http://www.release.fr

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*.sideitem {-moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}*/

html,body{
	margin: 0;
	padding: 30px 10px 10px;
	background-color: #e4e5e7;
}
pre {overflow-x: auto;}
body {
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-align: center; 
	width: 100%;
	line-height:1.35em;
}

#rap{
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
 	width: 100%;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	 text-align: left;
}
code{ background-color: #dedede;
font-size: 109%;
padding-top:2px;}

pre{ background-color: #dedede;
font-size: 118%;
padding:10px;
border: 1px solid #ccc;
line-height: 1.5em;}

html>body #rap {
    height: auto;
	 width: 100%;
}

#main {
margin: 0 0 0 0;
padding: 0 0 0 0;

}

#menu {
	float: left;
	width: 30%;
}
#nav {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	width: 100%;
	text-align: left;
}
#content {
	float: left;
	width: 68%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer {
		text-transform: capitalize;
	clear: both;
	padding: 0 0 0 0;
}
* html #footer{
	margin: 0 0 135px 5px;
	float: left;
}
#header{
	height: 200px;
	margin: 0;
}


#masthead h1{
	color: #FA77E6;
	margin: 0 0 0 2px;
	font-size: 24px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
#masthead h1 a{
	color: #FE720A;
	text-decoration: none;
	text-transform: uppercase;
	
}
#masthead h2{
	color: #620062;
	font-size: 12px;
	margin-left: 5px;
	padding-left: 0;
}
a img {
	border: none;
}


.reset{
	clear: both;
	height: 1px;
}
.reset2{
	clear: both;
	height: 20px;
}

acronym, abbr {
	border-bottom: 1px dotted #B5DCFA;
}


acronym, abbr, span.caps {
	cursor: help;
	font-size: 11px;
	letter-spacing: .07em;
}




blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 11px;
	font-weight: bolder;
	font-style: normal;
		height: 18px;
}
cite a{
	text-decoration: none;

	border-bottom: 1px solid #94794F;
}
cite a:hover{
	background: White;
	color: #94794F;
}
h1 {
	margin: 25px 10px 20px 0px;
	padding: 0px;
	text-align: left;
	line-height: 1.25em;
}




h2, h3, h4, table, pre {
	margin: 15px 0;
	}
h2 {
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 2px;
}


h3.fix{
	font-size: 20px;
	font-weight: bolder;
	text-transform: capitalize;
	margin: 5px 0 0 20px;
	color: #FE720A;
}
h3 a {
	font-size: 20px;
	font-weight: bolder;
	padding: 0;
	color: #97C000;
	text-transform: capitalize;
	text-shadow: 2px 2px 2px #ccc;
}
.date{
	font-size: 85%;
	font-weight: normal;
	color: #FE720A;
}




h1 a:hover, h2 a:hover, h3 a:hover {
			color: #FE720A;
}

.meta {
	font-size: 93%;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #aaa;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta a {
	color: #97C000;
	font-weight: normal;
	letter-spacing: 0;
}
.meta a:hover{
	color: #FE720A;
}


#getit{
	margin-left: 10px;
	margin-top: -30px;
}

h3#respond{
	color: #97C000;
	font-size: 16px;
}
h3#comments{
	height: 80px;
	font-size: 14px;
}
span.commentmetadata{
	font-size: 10px;
}
span.commentmetadata a{
	text-decoration: none;
	color: #9c009c;
}

#commentlist{
	margin-bottom: 60px;
	margin-left: 0;
	padding: 0;
}

.norm, .alt {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
	font-size: 100%;
	width: 100%;
	margin: 0 0 0 0;
	margin-bottom:15px;
	background-color:rgba(255,255,255,0.2);
}
.alt {
	-moz-box-shadow:inset 0 5px 10px rgba(0, 0, 0, .5);
	background-color:rgba(255,255,255,0.1);

}
.co-content{
	margin-left: 20px;
	margin-bottom: 5px;
}
.norm .licomtop{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
}
.norm .cheadfill{
			margin: 0 0 0 0;
			padding: 10px 30px 5px 0;
		 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}
.norm .licombody{
			margin: 0 0 0 0;
			padding: 5px 30px 31px 20px;
}





.alt .licomtop{
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
}
.alt .cheadfill{
			margin: 0 0 0 0;
			padding: 10px 30px 5px 0;
		 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}
.alt .licombody{
			margin: 0 0 0 0;
			padding: 5px;
}






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



ul.post-meta {
	list-style: none;
}




ul.post-meta span.post-meta-key {
	font-weight: bold;
}


.feedback {
	color: #ccc;
	text-align: left;
	font-size: 11px;
	float: right;
	margin: -20px 20px 0 0;
	padding: 0 0 0 0;
}

.feedback a{
	color: #97C000;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
}
.commentlist li ul {
	border-left: 3px solid #eee;
	font-size: 12px;
	list-style-type: none;
}
.commentlist a{
	color: #675437;
	text-decoration: none;
	background: #F2EBE1;
}


.commentlist a:hover{
	background: #e4e5e7;

}

span.nocomment, span.acomment,
span.arecomments{
	color: rgba(255, 255, 255, 1);
	text-shadow:2px 2px 2px rgba(0,0,0,0.4);
	font-size: 22px;
	margin: 0 0 0 0;
	width: 20px;
	float: left;
	line-height:30px;
}
span.nextcomments{

	font-size: 11px;
	line-height: 30px;
	display: block;
	float: left;
}
span.noflavor{
	color: #C5FA6B;
	font-weight: bolder;
}
span.oneflavor{
	color: #F99454;
	font-weight: bolder;
}
span.areflavor{
	color: #F94FDF;
	font-weight: bolder;
}



.comments-post {
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 35px;

}


/* ----- a in paragraph post comment */








#clearer {
	clear: both;
	margin: 0;
	padding: 0;
}
.textarea {
	width: 200px;
	margin: 0;
}

#commentform-container{
	margin-left: 40px;
}
#commentform-container p{
	font-size: 10px;
}
#commentform-container a{
	color: #FE720A;
	text-decoration: none;
}
#commentform-container a:hover{
	color: #FE720A;
	text-decoration: none;
	background: White;
}
#commentform  #comment{
	width: 450px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	color: #282828;
	border-top: 2px solid #453823;
	border-right: 1px solid #3C311D;
	border-bottom: 1px solid #3C311D;
	border-left: 2px solid #453823;
}
.comments-post .nocomments{
	font-size: 10px;
	/*background: url(img/closed.jpg) no-repeat;*/
	padding-left: 20px;
	margin-left: 0px;
}


#commentform textarea {
	width: 100%;
}







/* end comments  */




/* post content */




#content .post{
	font-size: 100%;
	width: 99%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow:inset 0 5px 10px rgba(0,0,0,0.5); 
	 -moz-box-shadow:inset 0 5px 10px  rgba(0,0,0,0.5);
	box-shadow: inset 10px 10px 5px  rgba(0,0,0,0.5);
	margin: 0;
	background-color: #fff;
	border-left-width: 1%;
	clear:both;
	margin-bottom:20px;

}

#content .postop {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: center;
}
#content .postop .pheadfill {
			margin: 0 0 0 0;
			padding: 10px 30px 5px 0;
		 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}
#content .storycontent{
			margin: 0 0 0 0;
			padding: 5px 30px 31px 26px;
}
#content .storycontent h2 {
		clear:both; color:#FE720A; font-size:16px; font-weight:bold;
}

.storytitle {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.storytitle a {
	text-decoration: none;
}

#content .post .storycontent p img{
float: left;
border: none;
}


/*  roudn corners */



.post p a:hover{
	background: #e4e5e7;

}

.post p {
	margin: 5px 0 10px 0;
	text-transform: none;
}


#updates{
	/*background:  img/clock.gif) no-repeat; */
	padding-left: 32px;
	padding-top: 6px;
	height: 28px;
	margin-bottom: 15px;
}
#updates a{
	text-decoration: none;

}
#updates a:hover{
	color: #97C000;
	background: White;
}



/*  side bar */

.sideitem {
			/*background: url(img/sbbody-r.gif) no-repeat bottom right;*/
			font-size: 100%;
			width: 90%;
			margin-left: 9%;
			margin-bottom:15px;
}

.boxhead {
			margin: 0;
			padding: 0;
			text-align: center;
}
/*.boxhead .headfill {
			background: url(img/sbhead-l.gif) no-repeat top left;
			margin: 0;
			padding: 10px 30px 5px;
		 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
}*/
.boxbody { background-color: #97c000;
			/*background: url(img/sbbody-l.gif) no-repeat bottom left;*/
			margin: 0;
			padding: 5px;
		
			
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow:inset 0 5px 10px  rgba(0,0,0,0.5); 
	 -moz-box-shadow:inset 0 5px 10px  rgba(0,0,0,0.5);
	box-shadow: inset 10px 10px 5px  rgba(0,0,0,0.5);
}

.headfill {display:none;}		
h2#flickr{
	background: url(img/flick-flower.jpg) no-repeat;
	padding-left: 116px;
	height: 50px;
	padding-top: 0px;
}



#footercontent{
}
#footer .fboxhead{
}
#footer .fboxhead .fheadfill{
}
#footer a{
	text-decoration: none;
	font-weight: bolder;
}
#footer a:hover{
	color: #FE720A;
}
#footer p {
	margin: 0 10px;
}


#footer .rss{
	background: url(img/rss.gif) no-repeat left;
	padding-left: 15px;
}
#pagination{
	margin-left: 35px;

}

.credit {
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin: 0 0 10px 10px;
	float: left;
}
.footermeta{
	color: #fff;
	font-size: 11px;
	float: right;
	margin: 0 10px 10px 0;
}
.footermeta a{

	text-decoration: none;
	margin-left: 5px;
}
.resetfoot{
	height: 10px;
}


#header, #header a:link {
	font-size: 20px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
}

#header a:hover {
	color: #c00;
}




#nav li{
	list-style: none;
}
#nav form {
	margin: 0 0 0 13px;

}




#nav input#s {
	width: 70%;
	background: #eee;
	border-top: 1px solid #828177;
	border-left: 1px solid #828177;
	color: #000;
}




#nav ul {
	color: #333;
	font-weight: normal;
	font-size: 22px;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding-left: 20px;
	text-transform: lowercase;
}





#nav h2 {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding-left: 18px;
	text-transform: lowercase;
	text-shadow: 2px 2px 2px #666;
}


#nav ul li {
	font-size: 12px;
	padding-bottom: 2px; 
	color: White;
	padding-left: 10px;
}
#nav ul li a{
	color: White;
	text-decoration: none;
}
#nav ul li a:hover{
	color: #FE720A;
	background: #fff;
}

#nav .boxbody ul li {border-bottom: 1px solid #99CC00;} 


#nav ul ul {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}




#nav ul ul li, #nav ul li ul li {
	font-size: 12px;
	font-weight: normal;
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
}




#nav ul ul li a {
	color: #444;
	text-decoration: none;
}




#nav ul ul li a:hover {
	border-bottom: 1px solid #333;
}





#nav ul ul ul.children {
	font-size: 11px;
	padding-left: 4px;
}




#nav li.recentcomments{
	color: #503F2B;
	padding-left: 15px;
	margin-top: 5px;
/*	background: img/recentcomments.jpg) no-repeat bottom left;*/
}


#wp-calendar {
	border: 1px solid #000;
	empty-cells: show;
	font-size: 11px;
	margin: 0;
	width: 95%;
	text-align: center;
}




#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;
	text-decoration: none;
}




#wp-calendar a:hover {
	background: #eee;
	color: #333;
}




#wp-calendar caption {
	color: #444;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}




#wp-calendar td {
	color: #444;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}




#wp-calendar td.pad:hover {
	background: #fff;
}




#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #000;
}




#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}




/* tabbed navigation code */


#pagetab {
		font-weight: bold;
	float: right;
	clear: both;
}


#pagetab .ltab{
	/*background: url(img/lpt.gif) no-repeat;*/
	width: 12px;
	height: 131px;
	float: left;
	margin-top: -85px;
}


#pagetab .rtab{
	/*background: url(img/rpt.gif) no-repeat;*/
	width: 12px;
	height: 131px;
	float: left;
	margin-top: -85px;
}
.page_item {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}


#pagetab ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	float: left;
}

#pagetab li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}


#pagetab a {
	margin-right: 25px;
	text-decoration: none;
	color: #620062;;
	display: inline;
	float: left;
	height: 7px;
	padding-bottom: 9px;
}
* html #pagetab a{
	padding-bottom: 21px;
}
#pagetab li a:hover {
	color: #97C000;
	border-bottom: 1px dotted #FE720A;}

#pagetab li a#current {
	color: #97C000;
}







/*  flickr integration */


#flickr_badge_uber_wrapper{
	margin-left: 17px;
	margin-top: -30px;
}


#flickr_badge_wrapper img{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	border: #A3CE05 3px solid;
}




/*  widgets */
li a.rsswidget{
	margin-left: 10px;
}
a.rsswidget{
	text-decoration: none;
	color: White;
}
.textwidget{
	margin-left: 20px;
	text-transform: none;
}

/* my blog log */
div table#MBL_COMM, div table#MBL_COMM tr td, div table#MBL_COMM td.mbl_mem {background-color: transparent; border: none;}
div table#MBL_COMM th.mbl_h{ font-family: font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Verdana,Helvetica,sans-serif; font-size:18px; text-transform:lowercase; text-indent:-15px; padding-bottom:8px; color:#FFFFFF; font-weight:normal; *text-indent:0;}
table#MBL_COMM td.mbl_fo_hidden {display:none;}
div table#MBL_COMM td a{color:#97c000;}

/* USED IN ARTICLES */
#linkafterlink a:after {
    content: " - <" attr(href) ">";
}

#showlinkafterlink2 a:after {
    content: "  - <" attr(href) ">";
    color: #ff0000;
	font-style: italic;
    }
cite.footnote {counter-increment: citations 2;}

cite.footnote:after {content: counter(citations);}


.css3selectors th, 
.explain {background-color:#FFFF66; padding:4px; } 
 .css3selectors td {padding:4px;}   
 .css3selectors td.compliant {background-color:#009900;}  
 .css3selectors td.iffy {background-color:#FF9900;}  
 .css3selectors td.noncompliant {background-color:#FF0000;}
 
#bg td, .csssupport td {border: 1px solid #ccc;}
#bg .good, .csssupport .good { background-color:#009900; color:#009900; width:70px;}
#bg .bad, .csssupport .bad {background-color: #cc0000;color: #cc0000; width:70px;}
#bg .iffy, .csssupport .iffy {background-color: #cccc00;color: #cccc00; width:70px;}
#bg th, #bg pre, #bg code, .csssupport th{background-color: #f7f7f7;}
#bg table, table.csssupport  {position:relative;}
#bg td.good, #bg td.iffy,#bg td.bad, .csssupport td.bad, .csssupport td.iffy {font-size:0; overflow:hidden; border: none; width:70px;}
#bg td.bad:hover, #bg td.iffy:hover, .csssupport td.bad:hover, .csssupport td.iffy:hover { font-size: 12px; overflow:visible; color:#fff; }
#bg h3 {border-top: 1px solid #ccc; padding-top:10px; margin-top: 10px;}