/*
Theme Name: OptimalLearning
Description: Optimal Learning css
Version: 1.0
Author: Herman Singer
Author URI: http://www.flashcardlearner.com
Tags: blue, fixed width, two columns, widgets
*/


body,
html {
margin:0;
padding:0;
color:#000;
background:#F5F5FF;
font-family: "Lucida Grande",Arial, Helvetica, sans-serif;
font-size:16px;
text-align: justify;
}

img {
border:none;
text-decoration: none; 
-ms-interpolation-mode: bicubic;
}

#top-table
{ font-family: "Lucida Grande",Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

#top-table a
{ color:black;
  text-decoration: none; 
}
 
#page {
width:900px;
margin:0 auto;
background:#FFFFFF;
}

#header {background:#FFFFFF;}
#top-menu {background:#c99;}
#content {background:white;}
#sidebar {background-image:url('http://www.flashcardlearner.com/imgs/bg_sidebar_rev.jpg');background-repeat:repeat-y;}

#content {
float:left;
width:900px;
background:#9c9;
padding-bottom:10px;
}

#content {
float:left;
width:630px; /*860px;*/
padding:0px;
padding-left:20px;
padding-top:10px;
padding-left:20px; /*20px*/;
padding-right:20px;
background:#FFFFFF;
}

/*
#sidebar {
float:left;
width:175px;
padding-bottom:10px;
}

#sidebar {
float:left;
width:175px;
padding:0px;
padding-top:30px;
padding-left:20px;
padding-right:25px;
background:#FFFFFF;
}
*/

#sidebar {
width: 195px; 
/*background: /*#C0E0FF*/#FFFFFF; */
border-left: 20px solid #FFFFFF; 
border-top:30px solid #FFFFFF; 
border-bottom: 20px solid #FFFFFF; 
border-right: 0px solid #FFFFFF; 
float: right}
#sidebar P {font-size: 12px; margin: 0px 20px; margin-left:20px; background: #EFEFFF /*#9fcdf1*/; padding: 3px;padding-left:0px;}
#sidebar .imageHolder {padding: 0pt; text-align: center; margin-top: 0px; margin-bottom: 0px; border: 0px solid}
A.sidebar_link {width: 149px; margin-top: 3px; font-size: 12px; color: #0000f4; display: block; margin-left: 10px; text-decoration: underline; padding: 0px 0px 0px 5px}
A.sidebar_link:hover {}
#sidebar IMG {border: 0px solid}
#sidebar H3 {padding: 5px; margin: 5px 0 5px 5px; font-size: 14pt; color: #04c608}
#sidebar H4 {font-size: 12pt; color: #00008F; padding: 5px; text-align:center}
#sidebar LI { margin-left: -10px; margin-top: 10px; font-size: 14px;}



#header {
padding: 0; /*5px 10px;*/
background:#ddd;
}

h1 {
margin:1em 0em 1.5em;
font-size:28px;
/*margin:0;*/
}

h2 {
margin:1em 0em 1.5em;
}



hr {display: none;}

* html #footer {
height:1px;
}


/* FOOTER */

#footer {
background:#cc9;
padding-top:10px;
}

#footer {
  background-color:#000168;
  padding: 0px 0px 0px 0px;
  margin:0;
  height:20px;
  /*font-style: italic;*/
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #FFFFFF;  
  vertical-align:middle;
        height:20px;
line-height:20px;
}

#footer {
clear:both;
}

#footer {
clear:both;
 background-image: url('http://www.flashcardlearner.com/imgs/Bar_BottomGray.jpg');
padding:0; /*5px 10px;*/
}
#footer p {
margin:0;
}


/* MAIN-TABLE */

#main-table {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:16px;
  color: black;  

  text-align:justify;
  padding-right:20px;
vertical-align:top;

}

#main-table td
{ vertical-align:top;
}

#main-table img
{ padding-top:0px;
}

#main-table h4
{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:14px;
  color: black;  
  vertical-align:top;
  margin-bottom:-8px;
  margin-top:0px;

}

#headtext-main
{ padding:0px; /*5px 10px;*/
  padding-left:20px;
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	border-top: none;
	border-bottom: none;
	color:black;
	text-align:left;		
	vertical-align:top;
}

#headtext-main h1 {
  padding-left:0px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 18px; 
}

#headtext-main h2 {
  color: #000000;
  font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  /*margin-bottom: -0px;*/
  
  padding-left:0px;
  margin-top: 0px;
  vertical-align: top;

  /*padding-left:0px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 18px; 
  */
}

#headtext-main h3 {
  padding-left:0px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 18px; 
}

#headtext-main ul {
  list-style: none;
  padding: 0;
  margin:0;
}

#headtext-main li {
  float: left;
  margin: 0 0.8em;
  vertical-align:top;
  color: black;  
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 18px; 
}


#headtext-main-movie {
padding:0px;
padding-top: 12px;
padding-left:0px;
}


/*MENU*/

#top-menu {
padding:0px; /*5px 10px;*/
padding-left:5px;
background:#c99;
}


#top-menu{
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
        height:30px;
	border-top: none;
	border-bottom: none;
	/*background: #6699cc url('http://www.flashcardlearner.com/imgs/MenuBar2.jpg') no-repeat;*/
	background-color: #707070;
	color:white;
	/*background-color:white;*/
	line-height:30px;
vertical-align:middle;
position:relative;
}

#top-menu ul {
margin:0;
padding:0;
list-style:none;
}

#top-menu li {
display:inline;
margin:0;
padding:0;
}


#top-menu ul{
list-style: none;
 padding: 0;
 margin: 0;
}

#top-menu .page_item{
float: left;
  margin: 0 0.15em;
 vertical-align:middle;
}

#top-menu .page_item a
{
 height:30px;
 float: left;
 display: block;
 text-decoration: none; 
 text-align: left;
 color:white;  
 font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 font-size: 18px; 
 padding-left:7px;padding-right:7px;margin-bottom:0px;
 padding-top:0px;
 vertical-align:middle;
}

#top-menu .current_page_item a
{
 height:30px;
 float: left;
 display: block;
 text-decoration: none; 
 text-align: left;
 color:white;  
 font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 font-size: 18px; 
 background-image: url('http://www.flashcardlearner.com/imgs/MenuBarActive.jpg');
 padding-left:7px;padding-right:7px;margin-bottom:0px;
 padding-top:0px;
 vertical-align:middle;
}


* html a:hover {visibility: visible; }
#top-menu .page_item a:hover
{
  height:30px;
  color: #FFFFFF;
  float: left;
  display: block;
  background-image: url('http://www.flashcardlearner.com/imgs/MenuBarHover.jpg');
  text-decoration: none;
  text-align: left;
  color:white;  
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 18px;
  padding-left:7px;padding-right:7px;margin-bottom:0px;
  padding-top:0px; 
  
}  

#top-menu .page_item a:hover img
{ visibility:hidden;
}

/* SCREENSHOTS */

#screenshots
{
  width:100%;
  border-width: 5px 5px 5px 5px;
  border-spacing: 50px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:16px;
  text-align:justify;
}

#screenshots img
{ text-align:center;
}

#screenshots h2
{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:16px;
  color: black;  
  vertical-align:top;
  margin-bottom:-8px;
  margin-top:0px;
}


/* FEATURES */

#enum ul
 {
 list-style-type: none;
 padding: 0;
 margin: 0;
 }
 
 #enum li
 {
 background-image: url('/imgs/Icon_tick.jpg');
 background-repeat: no-repeat;
 background-position: 0 0px;
 padding-left: 70px;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:16px;
  text-align:justify;
padding-bottom:10px;
padding-top:15px;
 }

#enum em
{ font-weight:bold;
}

#spacedul ul
{ 
}

#spacedul li
{ padding-bottom:10px;
}

#ulrecent ul
{ font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
padding-bottom:10px;
padding-top:20px;
}

#ulrecent li
{ padding-bottom:10px;
font-size:14px;
  text-align:left;
}

/*#enum ul
{ list-style-image:  url('/imgs/Icon_tick.jpg');
  padding: 0px 0px 0px 0px;
  margin-left: 50px ;
  margin-top: 0px;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
  vertical-align: bottom;
 padding:6px;
}
*/

#sbblog ul
{
    list-style-type: none;
    padding-left:2em;
    /*margin:0;*/
    font-size: 12pt; color: #00008F; padding: 5px; text-align:center;
    padding-bottom:-40px;
}

#sbblog ul li div a
{
    
    /*padding-left:2em;*/
}


#sbblog ul li
{    list-style-type: none;
  color:#00008F;
  padding-bottom:1em;

}

#sbblog ul li li 
{    list-style-type: none;
  color:#00008F;
  text-align:left;
  padding-left:2em;
  padding-right:1em;
  padding-top:0em;
  margin: 0;
}

#sbblog h2
{ padding-bottom:0;
margin:0;
}


/*{ text-align:left;
  padding-left:2em;
  padding-right:1em;
  padding-top:0em;
  margin: 0;
  list-style-type: none;
}*/

.tags_cloud 
{ padding-left:8px;
}