/* 
Theme Name: Pele
Author: illuminea
Author URL: http://www.illuminea.com

 


*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

 
body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 13px;
 
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
  direction: rtl;
}

#farouter {background-color: #fcfcfc;width: 900px;  margin: 10px auto 20px auto;text-align: left; direction: rtl;  /* IE 5.5 hack part II */}
#outer {}
#rap {}

#container{
	clear: both;
	float: right;
	width: 100%;

	 background-color: #fcfcfc;


	 
}

.page{
margin: 0px auto 20px auto;
	width: 900px;
	clear: both;
 
 text-align: right;
}

#masthead { text-align: right;margin: 0px auto 0; width: 100%; height: 100px; padding: 5px 0 5px 0;   background-color: #cfdcde;
}
#mastheadpage { text-align: right;margin: 0px auto 0; width: 100%; height: 190px; padding:   0 0 10px 0;   background-color: #cfdcde;
}

#mastheadblog{ text-align: right;margin: 0px auto 0; width: 100%; height: 90px; padding:   0;   background-color: #cfdcde;
}
#pelecontainer {text-align: left; margin: 0px auto 0; width: 900px; height: 100px; padding: 10px 0px 10px 0px;
}
#pelecontainerpage {text-align: left; margin: 0px auto 0; width: 900px; height: 60px; padding: 5px 0px 10px 0px;
}

#masthead a img {
 
 

margin: 0px  ;
padding:  0;
}

#main {padding:0px; margin: 0px;}
#content {float: right;width: 650px; padding-top: 10px; padding-right: 0px; padding-left: 20px; margin: 0px; direction: rtl;}
#pmenu {float: left;width: 220px;  background-color: #cfdcde;margin-top: 20px; margin-bottom: 20px;  border: 1px solid #044d90;   padding: 0px;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#banner { clear: both; float: right;  height: 250px; width: 400px; background-image: url('images/page-flip-left.jpg');
background-repeat: repeat-x;  padding: 0; margin: 0;
  }
#flash{
 float: right; background-repeat: no-repeat;  margin: 0; padding: 0;

}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
 
#footer { 	clear: both;
	float: right;
	width: 100%;
 
 
	text-align: center;
 
	  }
 .picright {

margin:0 0 10px 0;
 
 
 }

/*----------------- Color CSS    ------------------------*/


body {background: #fcfcfc; color:#333;}
#rap {background: #fcfcfc;}
 
 #masthead a img{
 padding:0px;
 margin:0px;}

#hmenu { background: #616161;}
#hnav {
	background: #616161;
}
a {color: #044d90; text-decoration: none; }
a:visited { color: #044d90; text-decoration: none; }
a:hover { color: #044d90; text-decoration: underline; }


acronym, abbr { border-bottom: #333; }
blockquote {border-left: #959595; color: #000;}
h2 {	 
	color: #616161;
	font-size: 30px;
	font-weight: bold;}
h3 a {color: #ff9900; }
h3 a:hover {color: #044d90;}
h3 a:visited {color: #ff9900;}
.meta { color: #6a8491;
padding:0px; margin: 0px;} 
 



/* --------     Core CSS ---------*/


a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 3px solid #959595; background-color: #eeeff0;  margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #616161; text-decoration: none; }
#header a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 10px 0px 0px 0px;  

 border-bottom: 1px solid #6a8491;}
#hidden {display:none;}

h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    margin: 0 20px 20px 0; padding: 20px 0 0 0; color: #ff9900; }
h2#tagline {margin-right: 25px; padding:0;text-align: right;color: #616161;border: 0px none;; margin-left:0; margin-top:0; margin-bottom:0}

.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 1px; margin: 0 0px 0 0px; padding: 10px 0 0px 0; font-size: 14px; font-weight: bold; }
.post h3 {font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 10px;margin-bottom: 3px; padding-bottom: 0px; color: #ff9900;    font-weight: bold;
 
 border-bottom: 1px solid #6a8491;
}
 
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
	font-size: 14px;
	font-weight: bold; 
	text-transform: uppercase;
	color:#ff9900;
	 margin-top: 20px;
	margin-bottom: 0px;
	border-bottom: #044d90 solid 1px;
	margin-right: 0px;
 
	
	
}
ol#comments li p { font-size: 100%; }
img {margin-right: 10px; padding-top: 5px; }
p, .feedback 
{  'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {
line-height: 20px;
padding-bottom: 5px;
}

#content p{
padding-bottom: 10px;
 
}
.textarea { width:200px; margin:0; }
#archvies {
	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}


/* --- Boxes ---- */
 
#about {
width: 340px;
margin-right: 20px;
margin-top: 10px;}
#about a{
color: #fff;
text-decoration: underline;
}

#about h1{
border-bottom: 1px solid #ccc;
color:#fff;
padding-top: 0px;
 
 }
 #about p{
 padding-bottom: 5px;
 line-height: 16px;
 padding-top:  2px;
 margin:0px;
 color: #fff;
 }

#courses{
clear: both;
 
float: right;
margin:0px;
 padding: 0 0 30px 0;
width: 400px;
}

#inside h1 {
 
padding: 10px 0 0 0;
color: #FF9900;
 

}
#inside p{
padding-top:2px;
margin: 0px;
line-height: 18px;
text-align: left;
direction: ltr;
}



#inside {
width: 360px;
 margin-left: 0px;
 
 
}


#blog {
float: right;
 
margin: 0px 0px 0px 0px;
padding:0px 0 30px 0;
width: 500px;
 
}

#blogin {
 
 
}

#blogin p{
 padding: 0;
margin: 0px;
}
#blogin h1{
padding: 10px 0px 0px 0px;
  
 
color: #FF9900;
 
}



#inside ul {
padding: 0px 0px 10px 0px;
margin: 0px;
text-align: left;
direction: ltr;
}
#menu {
 
	clear: both;
	float: right;
	width: 100%;
 background:url(images/bg.png) repeat-x top left;
	text-align: right;
 }


#menu ul {
list-style-type:none;
margin: 0 auto;
width: 900px;
padding:  0;
text-align: right;
display:block;
height:30px;
font-size:11px;
font-family:Verdana,Helvetica,Arial,sans-serif;
 
}

#menu  ul li {
display: inline;
margin:0;
padding:0;

}

#menu ul li img{
margin: 0;
padding: 0;
 

}

#menu ul li a img{
 
margin: -9px -20px 0 0;
padding:   0;
}
#menu ul li a {
float: right;
color:#eeeff0;
text-decoration:none;
height:24px;
padding:9px 0px 0px  28px;

}

 

 #menu ul li a:hover
{
	color: #fff;
	font-weight: bold;
	}

 #menu ul li.current_page_item a  {
	 color: #fff;
	 font-weight: bold;
	 
 
	}
	
	
	
.printemail img {
margin: 0px;
padding: 0px;
}

.printemail a img.wp-printicon{
padding: 0px;
margin: 0px;
}
.printemail a{
margin: 0px;
padding: 0px;
}

/* ------------------------- Classes used by the_meta() ---------------------*/
#rp h3{
font-size: 12px;
border: none;
}

#rp {
border-bottom: solid 1px #ccc;
}

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

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


#footerin {
width:900px;
 border-top: 1px solid #999999;
margin: 0 auto 0;
padding: 0;
}
.credit {
  color: #999999;
  font-size:12px;
  margin: 0px 0 0 0;
  padding: 10px 0;
  text-align: right;

}
.credit a {
  color: #999999;
  text-decoration: underline;
  font-size: 12px;
  margin: 0px 0 0 0;
  padding: 10px 0;
  text-align: right;

}
 
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: 10px;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 10px 0px 20px 0;  padding-left: 10px;}
.entrytext {margin-left: 0px;}

.entrytext p {margin: 0px; padding: 0px;}
 
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
 
.storytitle a:hover {text-decoration: none;}
.storycontent{margin-bottom: 5px; }

.storycontent p{
padding-bottom: 5px;
padding-top: 0px;
margin: 0px;
}
.storycontent ol li{
margin-bottom: 5px;
line-height: 18px;
}
.storycontent ul li{
margin-bottom: 5px;
line-height: 18px;
}
#commentform { margin-left: 0px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 	background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}


/* ----------  All menu styling except #menu itself (in layout above) ------- */

#nav form {
	 margin-top: 5px;
  
}

#nav input#s {
 
	background: #eee;
	border: 1px solid #999;
	color: #000;
	 
	
	
}


#nav ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0px none;
	text-align: right;
	padding-left:0;
	margin-left: 0
}


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


#nav { width: 195px; }

#nav ul
{
margin-right: 20px;
padding-right: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;


}

#nav ul li a
{
display: block;
padding-right: 0px;
width: 180px;
 
 
border-bottom: 1px dotted #959595; 
padding-right:3px; padding-top:3px; padding-bottom:3px

}



#recent ul li a
{

background-image: url('none'); 


}

#recent ul li a:hover
{
background-image: url('none'); 
}

#recent ul li a:visited
{
background-image: url('none'); 
}
#nav li a:link, #navlist a:visited
{

text-decoration: none;
}

#nav ul li  a:hover
{
 
 text-decoration: underline;
}


#nav ul h1 {
color: #000;
border-bottom: 1px solid #94a1cd;
 
 
margin-right: 0px;

 
}
#themeswitcher {
	font-size: 8px;
}



/*------------- hnav------------*/


#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #616161;
color: #616161;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #616161;
text-decoration: none;
border-right: 1px solid #616161;
}

#hnav ul li a:hover
{
	background: #616161;
color: #3A291F;
}

#hnav #active { border-left: 1px solid #616161; }

/*------------- added ------------*/

.gravatar {
	float:left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #2F700F;
}	

#commentbox {
 
	border: 1px solid #959595;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 0px;
background-color:	#eeeff0;
}

#commentbox p{
clear: both;
}
.commentby {
	font-size: 14px;
	float: left;
	text-transform: uppercase;
	margin-top: 0px;
	color: #ff9900;
	font-weight: bold;
	border-bottom: 1px solid #044d90;
}

 
.commentinfo {
	font-size: 10px;
	margin-top: 5px;
	 margin-left: 5px;
	display: inline;
	float: left;
	color: #ccc;
	 
}

.commentid {
	float: right;
	font-size: 24px;
	font-style: italic;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2050A0;
}

.commentid a {
	color: #2050A0;
	text-decoration: none;
}

 .post ul{
list-style-position: inside;
 }
 
 

.post ul li {
	padding: 0px;
	font-weight: normal;
 list-style: disc;
	line-height: 1.5em;
}
.post ul li:hover {
	padding: 0px;
	font-weight: normal;
	  list-style: disc;
	line-height: 1.5em;
}


/* Hacks for Widgets */
#wp-calendar {color:#2050A0;}

#calendar_wrap table caption {border-bottom-color:#00000;}

#calendar_wrap table thead tr {
  border-bottom-color:#00000;
  color:#2050A0;
}

#calendar_wrap table th {border-bottom-color:#00000;}

#calendar_wrap table td#today {
  border-color:#00000;
  color:#2050A0;
}

#calendar_wrap table td a {
  border-bottom-color:#00000;
  background-color:#F5F5F5;
}

#calendar_wrap table tfoot {border-top-color:#00000;}

#calendar_wrap table tfoot a {background:none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:150px;
  margin:0px 10px 0 10px;
  text-align:center;
}

#calendar_wrap table caption {
  margin:-5px 10px 0 10px;
  padding-bottom:5px;
  border-bottom:1px solid;
  letter-spacing:0.1em;
}

#calendar_wrap table thead tr {border-bottom:1px solid;}

#calendar_wrap table th {border-bottom:1px solid;}

#calendar_wrap table td {
  width:185px; /* maximaize width; honestly, I don't know much about tables... */
  padding:1px;
  font-size:0.9em;
}

#calendar_wrap table td#today {
  padding:0;
  border:1px solid;
  font-size:1em;
  font-weight:bold;
}

#calendar_wrap table td a {
  display:block;
  border-bottom:1px solid;
  font-weight:bold;
  font-size:1.15em;
}

#calendar_wrap table tfoot {border-top:1px solid;}

#calendar_wrap table tfoot a {
  border:none;
  font-weight:bold;
}

#calendar_wrap table tfoot #prev a {text-align:left;}
#calendar_wrap table tfoot #next a {text-align:center;}

#nav li
{
list-style:none;
}


li.recentcomments
{
list-style:none;
}

#nav ul li ul#recentcomments a
{background-image:url('none');
}

ul#recentcomments a:hover{background-image:url('none');
}


#nav li#lastcomments
{
background-image:url('none');
}



#nav  li h4 a.rsswidget img
{
border:none;
background:none;
}



#nav  li ul#recentcomments li.recentcomments a
{
background-image:url('none');
}

#nav  li ul li a.rsswidget
{
background-image:url('none');
}


#nav  li ul li a:hover.rsswidget
{
background-image:url('none');
}