/*

Theme Name: Round and Round

Theme URI: http://randaclay.com/blog/themes

Description: Round and Round is a modern, 2-column, widget-ready theme created for Wordpress

Version: 1.0

Author: Randa Clay

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



*/



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

*    Changing this theme to fit in 800x600

     no problem.  Simply change the width in the 

     #wrap div below to 680px, change the width in

     the #content div in the Main Content section

     to 470px, and in the Comments section,

     change the #comments div width to 445px, the

     .commenttext  and the .commenttext-admin 

     widths each to 400px.  								*

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



html>body #content {

	height: auto;

	min-height: 580px;

}



body{

	background-image:  url(images/background.gif);

	background-repeat: no-repeat;
  
        background-attachment : fixed;

         text-align: left;

         font-family: Comic Sans MS, Arial, Helvetica, Sans-serif; /* Resets 1em to 10px */

}



#wrap {

    width: auto;

    min-width: 900px;

    padding-left: 18%;

}





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

*	Header, Headings, etc.									*

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



#head{

	position: relative; 

        height: 180px; 

               text-align: left;

	padding-top: 5px;

        padding-bottom: 20px;

	background-position: left;

	margin-bottom: 10px;

        margin-left: 30px;

}



#head h1{

        font-family: Comic Sans MS, Verdana,"Lucida Grande", Sans-Serif;	

        font-size: 1em;

	color: #FFFFFF;

        margin-bottom: 5px;

        margin-top: 5px;

}



#desc {

        font-family: Comic Sans MS, Verdana,"Lucida Grande", Sans-Serif;

	font-size: 1.2em;

	color: #0D5243;

        text-transform: uppercase;

}





a, a:link {

	color: #0D5243;

	text-decoration: none;

}



a:hover {

	color: #21BAC9;

	text-decoration: none;

}



h2 {

	font-size: 2em;

	line-height: 1.2em;

	color: #21BAC9;

        color: #0D5243;

	font-weight: normal;

}



h3 {

        font-family: Comic Sans MS, Verdana,"Lucida Grande", Sans-Serif;

        font-size: 1.2em;

	line-height: 1.2em;

	color: #21BAC9;

        text-transform: uppercase;

        margin-bottom: 5px;

}



h3 a:link, h3 a:hover, h3 a:visited{

	color: #0D5243;

}



h4 {

	color: #0D5243;

    background-image:  url(images/fondside.jpg);

	background-repeat: no-repeat;
	
    margin: 18px 5px 5px 0px;

	padding: 3px 0px 10px 5px;

    font-size: 1em;

    font-family: Comic Sans MS, Verdana,Arial, Sans Serif;	

}

h5 {

        color: #FA6D0F;

        margin: 18px 5px 5px 0px;

	padding: 0px;

        font-size: 2em;

        text-decoration: blink;

        font-family: Comic Sans MS, Verdana,Arial, Sans Serif;

}

strong, b {

	font-weight: bold;

}



em, i {

	font-style: italic;

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}

#defil h1 {

	background: #ABC3BE url(images/fonddefil.jpg) repeat-x top left;
	
	margin: 5px 0px 5px 3px;
	
	line-height: 50px;
	
	font-style: italic;
	
	font-size: 1.2em;
	
	color: #FFFFFF;

	}
	
#defil a {

	color: #FFFFFF;
	
	text-decoration: underline;

	}
	
#defil a:link {

	color: #F1611A;

}

#defil a:hover {

	color: #21BAC9;

}

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

*	Main Content									*

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

#menuku ul {

    float: center;

	margin: 0px;

	padding-left: 20%;

	display: inline;

    line-height: 60px;
	
	list-style-type: none;

	}

	

#menuku li {

	float: center;

	font-size: 12px;

	font-weight: bold;

	margin: 8px;

    text-align: center;

	display: inline;

    text-decoration: none;

	color: #FFFFFF;

	background: #FFFFFF url(images/fondmenu.jpg) repeat-x top left;

	padding: 12px;

	text-transform: uppercase;

         	}

	

#menuku a:link; a:visited {

	float: center;

	font-size: 12px;

	font-weight: bold;

	margin: 0px;
	
	text-align: center;

	text-decoration: none;

	color: #FFFFFF;

	text-transform: uppercase;
	
	 border: 1px solid #6CA296;

	}



#menuku a:hover {

	float: center;

	font-size: 12px;

	font-weight: bold;

	margin: 0px;

    text-align: center;

	text-decoration: none;

	color: #FFFFFF;

	text-transform: uppercase;

	}


#content {

        width: 55%;
 
        float: left;

        padding-left: 18%;

}



.item {

    background:transparent url(images/transparent.png);
 background-color: #D9E8E6;
    padding: 10px 20px 20px 20px;

    float: left;

    border: 1px solid #cccccc;

    margin-bottom: 2em;

    color: #0D5243;  

}



* html .item {

    background-image:none;

    background-color: #FFFFFF;

    filter:alpha(opacity=80);

    height:1%;



    }

   

* html .item * {

    filter:alpha(opacity=100);

    position:relative;

    } 



.item p {

        font-size: 1.1em;

        line-height: 1.2em;	

        text-indent: 10pt;

        

}



.item p a{

	text-decoration: underline;

}



.item p a:hover{

	color: #21BAC9;

}



.item img {

	border: 2px solid #CCCCCC;

        padding: 5px;

        margin-top: 5px;

        margin-bottom: 0px;

        	margin-left: auto;

	margin-right: auto;

}



.item ul {

	list-style-type: disc;

	padding-left: 20px;

         padding-top: 5px;

         	margin-left: 20px;

	font-size: 1.0em;	

}

.item ul a{

	text-decoration: underline;

}
.item ul a:hover{

	color: #21BAC9;

}

.item ol{

	list-style-type: decimal;

	padding-left: 15px;

	margin-left: 10px;

        font-size: 1.2em;	

}



.itemhead{

	padding-top: 5px;

	padding-bottom: 5px;

}



.itemhead h3{

	display: inline;

}



.date{

	display: inline;

	text-align: right;

	font-size: 0.9em;

        margin-top: 5px;

}



input{

	font-size: 100%;

}



.metadata{

	font-size: 0.8em;

	font-family:  Verdana,"Trebuchet MS","Lucida Grande", Sans-Serif;

        float: right;

        line-height: 220%;

}



.metadata a:link, .metadata a:hover, .metadata a:visited{

	color: #000000;

}



cite{

	font-size: 1.0em;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ccc;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}





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

*	Sidebar									*

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





#secondary {

        width: 20%;

	background-color: #FFFFFF;

	text-align:left;

	padding: 0px;

	float: right;

        line-height: auto;

}



#secondary p {

	padding: 0px;

        margin-bottom: 20px;

	font-size: 1.0em;

}



#secondary img, a img {

        border: 0px;

        margin: 0px;

}



#secondary a, #secondary a:link {

	padding: 0;

	color: #0D5243;

	text-decoration: none;

	}



#secondary a:hover {

	color:#21BAC9; 

}



#secondary ul {

	margin: 0px;

	padding: 0px 0px 0px 5px;

        font-size: 0.7em;

        list-style-type: disc;

        list-style-position: inside;

        color: #0D5243;

}



#secondary li {

        margin: 0px;

	padding: 0px;

        line-height: 0.9em;

        color: #0D5243;

}



#secondary ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#secondary ul li a {

	color: #0D5243;

	text-decoration: none;

}



#secondary ul li a:hover {

	color:#21BAC9; 

}



#secondary ul ul {

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        font-size: 0.6em;

        color: #0D5243;

        list-style-type: none;

        list-style-position:outside;

}



#secondary ul ul li{

	margin: 0px;

}



#secondary ul ul ul{

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        font-size: 11px;

        color: #0D5243;

        list-style-type: none;

        list-style-position:outside;

}



#secondary ul ul ul li{

	margin: 0px;

}



li .categories, li .linkcat, li .pagenav {

	margin: 0px;

	padding: 0px;

}



.sidebarSearch{

	clear: both;

        margin-top: 10px;	

        margin-bottom: 10px;

	margin-left: 5px;

}



.feedarea  {

	height: 10px;

	background:url(images/roundrss.png) no-repeat left center;

	padding-right:20px;

}



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

*	Comment Area									*

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





#comment {

	width: 630px;

	background: #FFFFFF;

	color: #333333;

	float: left;

	padding: 10px 10px 0px 10px;

	margin: 10px 0px 10px 0px;

	border: 1px solid #CCCCCC;

        font-size: 1em;

}

	

#comment {

    background:transparent url(images/transparent.png);

    padding: 10px 20px 20px 20px;

    border: 0px solid #cccccc;

    margin-bottom: 3em;

    color: #000000;  

}



#comment * html  {

    background-image:none;

    background-color: #FFFFFF;

    filter:alpha(opacity=80);

    height:1%;



    }

   

#comment * html  * {

    filter:alpha(opacity=100);

    position:relative;

    } 





#comment  a{

	text-decoration: underline;

}



#comment a:hover{

	color: #E88337;

}



ol#commentlist {

	padding: 5px 0px 5px 0px;

	margin: 0px;

	list-style-type: none;

        font-weight: bold;

}

	

.commentdate {

	font-size: 1.2em;

	padding-left: 0px;

        font-weight: bold;

}

	

.commentlist p {

	clear: both;

	font-size: 1.2em;

}



#commentlist li p{

	margin-bottom: 8px;

	line-height: 18px;

	padding: 5px;

        font-weight: normal;

	}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 0px 0px;

	}



.commentinfo{

	clear: both;

	}



.commenttext {

	clear: both;

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 5px 10px;

	width: 600px;

	}



.commenttext-admin {

	clear: both;

	margin: 5px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 600px;

	}



#commentsformheader{

	padding-left: 0px;

	}



#commentsform{

	text-align: left;

	margin: 0px;

	padding: 0px;

	}



#commentsform form{

	text-align: left;

	margin: 0px;

	}



#commentsform p{

	margin: 0px;

	}



#commentsform form textarea{

	width: 99%;

}

	

p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.commentmetadata {

	font-size: 1.1em;

	float: right;

}



.commentlist li {

	padding: 2px;

	border-top: 1px solid #cccccc;

}



.navigation {



	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #0D5243;

        font-size: 1.1em;

	font-family: Georgia, "Times New Roman", Times, serif;

}



.navigation a:link, .navigation a:hover, .navigation a:visited{

	color: #21BAC9;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



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

*	Calendar									*

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





#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 90%;

}



#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 td {

	color: #333333;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: left;

}



#wp-calendar #today {

	background: ;

	color: #0D5243;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}



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

*	Footer									*

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





#foot {

        width: auto; 

        height: 20px;	

        text-align: center;

	margin-right: 20%;

        margin-left: 20%;

        margin-top: 20px;

	margin-bottom: 20px;

	color: #000000;

}



#foot a:link, #foot a:hover, #foot a:visited{

	color: #0D5243;

        text-decoration: underline;

}