body

{

  background:#f8f8ec url(http://costaricalearn.com/cr-learn/images/bg.jpg) repeat-x top left;

  color:#151515;

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

  font-size:72.5%;

  line-height:1.4;

  text-align:left;

  margin:0;

  padding:0;

}



#wrap

{

  position:relative;

  padding-top:1em;

  text-align:left;

  width:1004px;

  margin:0 auto;

}



#header

{

  text-align:left;

  width:1004px;

  margin-bottom:40px;

  padding:55px 0 0;

}



#portrait1-bg

{

	background-image:url(http://www.gravytrain.co.uk/blog/wp-content/uploads/2009/06/blog-icon1.gif)

  position:absolute;

  width:319px;

  height:221px;

  right:0;

  top:0;

}



#rss-big

{

  position:absolute;

  background:url(http://costaricalearn.com/cr-learn/images/rssbig.jpg);

  width:111px;

  height:67px;

  top:126px;

  left:25px;

}



#content

{

  font-size:1.1em;

  float:left;

  width:590px;

  padding:0 0 0 1em;

}



#sidebar-left

{

  background:#FCFCFC;

  border:1px #ccc dashed;

  font-size:1em;

  float:left;

  margin-left:20px;

  width:198px;

  padding:.5em .2em 2em 1em;

}

#sidebar-left-above-categories

{

  font-size:1em;

  float:left;

  margin-left:20px;

  width:170px;

  padding:.5em .2em 2em 1em;

}



#sidebar-right

{
  top:0px;
  font-size:1em;

  float:right;

  margin-left:14px;

  width:153px;

}



#footer

{

  background:url(http://costaricalearn.com/cr-learn/images/bg-footer.jpg) repeat-x bottom left;

  color:#e6e6e6;

  font-size:1em;

  clear:both;

  text-align:center;

  padding:1em;

}

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

 +Search form

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



.search-form {

	font-size:1.2em;

	background:url(http://costaricalearn.com/cr-learn/images/search.png) no-repeat;

	position:relative;

	width:147px;

	height:44px;

	margin-bottom:10px;

}

.search-form input{

	width:125px;

	margin:14px 0 0 10px;

	border:0px;

	background:#f9f9f9;

  color: #454545;

}



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

 +Footer

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



#credits

{

  margin:55px 0 -10px;

}



#footer a

{

  color:#E6E6E6;

}



#footer a:hover

{

  color:#b2b2b2;

}



.rss

{

  background:url(http://costaricalearn.com/cr-learn/images/rss.png) no-repeat;

  padding-bottom:6px;

  padding-left:20px;

}



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

 +Hn, a and p

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





a

{

  color:#7f9a42;

  text-decoration:none;

}



h1,h2,h3,h4,h5,h6

{

  font-weight:400;

  letter-spacing:-.1px;

  margin:0;

}



#header h1

{

  font-size:4em;

  margin-left:.5em;

}



#header h1 a

{

  color:#424242;

}



#header p

{

  color:#424242;

  font-size:2.3em;

  margin-top:-6px;

  margin-left:250px;

  text-align:left;

  font-style:italic;

}



.entrytitle

{

  text-align:left;

}



.entrytitle h3

{

  font-size:1.5em;

  color:#6F6F6F;

}



a:hover,.entrytitle h1 a,.entrytitle h2 a

{

  color:#000;

}



.entrytitle h1,.entrytitle h2

{

  font-size:2em;

  text-align:left;

}



#rss-big a

{

  display:block;

  width:110px;

  height:64px;

}







blockquote

{

  display:block;

  background:#FCFCFC  none repeat scroll 0 0;

  padding:2px 10px;

	clear:both;

	margin-left:0px;

	margin-right:0px;

}



pre

{

  max-width:580px;

  font-size:12px;

  padding:10px;

  overflow: auto;

  clear:both;

}



code

{

  font-size:12px;

  max-width:580px;

  padding:10px;

  clear:both;

  overflow:auto;

}





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

 +Entry

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

.entry

{

  margin-bottom:0;

  text-align:justify;

}



.entry a:hover

{

  background-color:#F0F0E0;

}



.entry p

{

  margin:0;

  padding:0 0 10px;

}



.entry h3

{

  font-size:1.3em;

  padding-bottom:.3em;

}

  

.entry h4 {

	font-size:1.1em;

	padding-bottom:0.2em;	

}



.entry img

{

  max-width:580px;

  margin-left:5px;

  margin-right:5px;

  border:0;

}



.entrybody

{

  padding-bottom:6px;

  overflow:auto;

}



.entrybody a

{

  border-bottom:1px dotted #CCC;

}



.entry code

{

  font-size:1.1em;

  text-align:left;

  padding:.2em;

}



.entrymeta

{

  padding-top:.5em;

  color:#b3960e;

  border-top:1px dotted #ccc;

  margin-bottom:3em;

  clear:both;

}



.postedby

{

  background:url(http://costaricalearn.com/cr-learn/images/user.png) no-repeat;

  padding:2px 3px 3px 20px;

}



.filedto

{

  background:url(http://costaricalearn.com/cr-learn/images/post.png) no-repeat;

  padding:2px 3px 3px 20px;

}



.commentslink

{

  background:url(http://costaricalearn.com/cr-learn/images/packaged.png) no-repeat;

  padding:1px 2px 2px 21px;

}



.btitle

{  

  letter-spacing:-.1px;

  font-size:47px;

  font-family:georgia, times New Roman;

  font-style:italic;

  margin:0 0 0 .5em;

}



.btitle a

{

  color:#333;

}





.postinfo

{

  margin-top:3px;

}



.postinfo img

{

  border:2px solid #F8F8EC;

  margin:0;

  padding:0;

}



.entrydate .dateMonth

{

  font-size:10px;

  text-align:center;

  color:#FFF;

  margin:0;

  padding:3px 0 0;

}



.entrydate .dateDay

{

  font-family:Times New Roman,Helvetica,Sans-Serif;

  font-size:21px;

  font-weight:700;

  text-align:center;

  color:#888;

  margin:0;

  padding:3px 0 0;

}



.entrydate .dateYear

{

  font-size:9px;

  padding:0 0 0 1pt;

}



.entrydate

{

  background:transparent url(http://costaricalearn.com/cr-learn/images/date.png) repeat scroll 0 0;

  float:right;

  height:53px;

  margin-left:5px;

  margin-top:5px;

  width:49px;

}



.entrytitle_wrap

{

  padding-bottom:1.8em;

}



.avatar

{

  

  color:#FFF;

  clear:right;

  float:left;

  margin:0 15px 0 0;

  padding: 2px;

}



img.centered

{

  display:block;

  margin-left:auto;

  margin-right:auto;

}



img.alignright

{

  display:inline;

  margin:0 0 2px 7px;

  padding:4px;

}



img.alignleft

{

  display:inline;

  margin:0 7px 2px 0;

  padding:4px;

}



.alignleft

{

  float:left;

}



.aligncenter

{

  margin-left:auto;

  margin-right:auto;

}



.wp-caption

{

  border:1px solid #ddd;

  text-align:center;

  background-color:#FCFCFC;

  padding-top:4px;

  border-radius:3px;

  margin:10px;

}



.wp-caption img

{

  border:0 none;

  margin:0;

  padding:0;

}



.wp-caption-dd

{

  font-size:11px;

  line-height:17px;

  margin:0;

  padding:0 4px 5px;

}



.socbook,.alignright

{

  float:right;

}



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

 +Sidebar

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

#sidebar ul

{

  list-style-type:none;

  clear:both;

  margin:0 0 1em;

  padding:0;

}



#sidebar ul li,#sidebar ul li a

{

/*  padding-top:.2em;

  padding-bottom:.2em;

  padding-right:.2em;*/

  z-index:10;

}



#sidebar ul li:hover,#sidebar ul li a:hover

{

  background:#F0F0E0;

}



#sidebar ul.children

{

	margin:0 0 0 10px;

}



#sidebar ul ul

{

	margin:0 0 0 10px;

}





#sidebar h2

{

  color:#6F6F6F;

  font-size:2.5em;

  margin-top:0em;

}



#sidebar h4

{

  color:#151515;

  font-size:1.5em;  

}



#sidebar-left #cat

{

  width:195px;

  border:1px solid #CCC;

}



#sidebar-right #cat

{

  width:150px;

  border:1px solid #CCC;

}



#sidebar img

{

  max-width:220px;

  border:0;

}



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

 +Menu

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

#menu

{

  position:absolute;

  width:100%;

  margin:0;

  padding:0;

  height: 31px;

  overflow: hidden;

}



#menu ul

{

  font-size:10px;

  list-style:none;

  margin:0;

  padding:0;

  font-weight:bold;

}



#menu li

{

  float:left;

  border-bottom:0;

}



#menu li a

{

  color:#fff;

  margin-left:1.5em;

  display:block;

  padding:.6em .6em .3em;

}



#menu li a:hover

{

  background:#e6e2af;

  color:#424242;

}



#menu ul li ul

{

  display:none;

}

.menuBlog {

font-size:17px;

font-weight:bold;

margin-top:-13px;

padding-left:5px;



}



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

 +Menu Categories

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

#catmenu

{

  position:absolute;

  width:555px;

  left:138px;

  top:151px;

  margin:0;

  padding:0;

  height:29px;

  overflow:hidden;

}



#catmenu ul

{

  font-size:1em;

  list-style:none;

  margin:0;

  padding:0;

}



#catmenu li

{

  float:left;

  border-bottom:0;

}



#catmenu li a

{

  background:#bfbc94;

  color:#000;

  margin-left:.5em;

  display:block;

  padding:8px 10px 5px;

}



#catmenu li.current-cat a

{

  background:#a7a37e;

  color:#fff;

  margin-left:.5em;

  display:block;

  padding:8px 10px 5px;

}



#catmenu li a:hover

{

  background:#a7a37e;

  color:#fff;

}



#catmenu ul li ul

{

  display:none;

}

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

 +Comments

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

.commentsblock,contactform

{

  font-size:1em;

  clear:both;

  padding-top:20px;

}



.commentsblock textarea,.contactform textarea

{

  width:538px;

}



.commentsblock input,.commentsblock textarea,.contactform input,.contactform textarea

{

  border:1px solid #d1d1d1;

}



.commentauthor

{

  display:block;

  font-size:1.5em;

}



ol.commentlist

{

  color:#505247;

  font-size:1em;

  list-style-type:none;

  margin:1.5em 0 0;

  padding:0;

}



ol.commentlist a

{

  color:#b3960e;

}



ol.commentlist a:hover

{

  color:#424242;

}



.commentlist li

{

  margin-bottom:.5em;

  padding:8px;

  overflow:auto;

}



.commentlist p

{

  text-transform:none;

  font-size:1em;

  margin:10px 5px 10px 59px;

}



.commentlist blockquote p

{

  margin:10px 5px;

}



.commentlist blockquote

{

  margin:10px 0 10px 59px;

}



.commentlist .children

{

	padding-left:0px;

}



#commentform p

{  

  margin-left:0px;

}



.alt

{

  background:#e3e7cb;

}



.comment_headings

{

  font-size:1.3em;

  color:#6C6C6C;

}



.vcard

{

  font-size:1em;

}



.vcard cite

{

  font-weight:700;

  font-size:16px;

}



.commentsblock textarea:focus,.contactform textarea:focus,.commentsblock textarea:focus,.commentsblock input:focus,.contactform textarea:focus,.contactform input:focus

{

  background:#eee;

  border:1px solid #a1a1a1;

}

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

 +Flickr

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

#flickr {

	margin:0 1em 0 .5em;

	padding:0em;

}

#flickr img {

	border:0px;	

}

#flickr a {

	background:#FFF;

	border: 1px dotted #ccc;

	float: left;

	display: inline;

	margin:0.7em;

	padding:5px;

	width: 75px;

	height: 75px;

}

#flickr a:hover{

	border: 1px dotted #000;

}

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

 +Misc

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



#ad_block

{

  background:#e3e7cb;

  text-align:center;

  margin:1em 0;

  padding:10px 0;

}



#ad_block_middle

{

  background:#e3e7cb;

  text-align:center;

  margin:1em 0 0;

  padding:10px 0;

}



img.left

{

  float:left;

  margin-right:15px;

  margin-bottom:10px;

}



img.right

{

  float:right;

  margin-left:15px;

  margin-bottom:10px;

}



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

 +Vlado

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



.relpost

{

  padding-bottom:2px;

  border-bottom:1px dotted #ccc;

  color:#6C6C6C;

}



.relpost ul

{

  list-style-type:none;

  padding:.01em;

}



.endate

{

  font-size:1.2em;

  color:#6F6F6F;

  font-family:Georgia, Verdana, Times;

}



#ftnav

{

  margin:0 0 5px;

}







.navigation

{

	padding-bottom: 30px;

}



  

.sticky {	

	border: 1px solid #bbb;

	border-width: 1px 0;

	background: #FCFCFC;

	padding: 15px;

	margin-bottom:25px;

}





.tagarchive h1

{

	font-size:29px;

	padding-bottom:18px;

}



.test {

	background:#f8f8ec none repeat scroll 0 0;

	border:0px dashed #CCCCCC;

	float:left;

	font-size:1em;

	margin-left:20px;

	padding:0.5em 0.2em 0em 1em;

	width:360px;

	margin-bottom:20px;

	margin-top:0px;

}

.test2 {

	clear: both;

/*	background:#25201B none repeat scroll 0 0;*/

	font-size:1em;

/*	float:right;*/

	padding:1.5em 0.2em 0em 1em;

	/*width:1004px;*/

/*	margin-bottom:20px;*/

	margin-top:0px;

}

#right h2 {

font-family:"Trebuchet MS",Verdana,sans-serif;

font-size:16px;

}



.wideblocktop {

background:transparent url(http://costaricalearn.com/cr-learn/images/editorialhead.png) no-repeat scroll 0 0;

color:#F0E8D9;

display:block;

height:25px;

padding:5px 5px 0 10px;

}

.wideblock {

background:#25201B none repeat scroll 0 0;

color:#FFFFFF;

padding:15px;

padding:60px 10px 15px 15px;

}

.wideblock img.author {

float:right;

margin:5px;

}

.editorialbttm {

background:transparent url(http://costaricalearn.com/cr-learn/images/editorialbttm.png) no-repeat scroll center bottom;

height:12px;

}

* {

margin:0;

padding:0;

}



****************************************************************************************************************************************************

****************************************************************************************************************************************************

****************************************************************************************************************************************************

****************************************************************************************************************************************************

****************************************************************************************************************************************************

****************************************************************************************************************************************************





#content, #secondary {

margin:0 auto;

max-width:100%;

width:100%;

}

#content {

padding-bottom:0em;

position:relative;

}

#secondary {

font-size:1.1em;

overflow:hidden;

width:100%;

margin:0px 0px 30px 0px;

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

}

#secondary .col {

float:left;

width:610px;

margin-top:10px;

padding:0px 10px 10px 10px;

}

#secondary #listening.col {

padding-right:1em;

	padding:0px 10px 10px 10px;

}

#secondary #saying.col {

padding-left:1em;

float:left;

max-width:34%;

}

p.date, span.rssSubdate {

color:#9A9998;

font-style:italic;

line-height:1em;

margin:-2.625em 0 0 -5.5em;

text-align:right;

width:5em;

}

h2 + p.date {

margin-top:-2em;

}

dd span.rssSubdate {

line-height:1.5em;

margin-top:0;

position:absolute;

}

dd span.rssSubdate.alt {

display:block;

float:left;

margin-left:0;

margin-right:0.5em;

position:relative;

width:5.5em;

}

p.date.alt {

line-height:1.5em;

margin:-1em 0;

text-align:left;

width:auto;

}

p.note, p.archive {

background:#FFFFFF none repeat scroll 0 0;

border-bottom:0.071em solid #E6E6E6;

color:#666666;

font-style:italic;

padding:0.75em 0.75em 0.571em;

position:relative;

text-align:center;

}

.meta {

color:#9A9998;

font-style:italic;

}

span.caps, span.opening, label {

font-size:0.9em;

letter-spacing:0.1em;

text-transform:uppercase;

}

span.opening span.caps {

font-size:1em;

}

label span {

font-style:italic;

letter-spacing:0;

text-transform:none;

}

blockquote {

font-style:italic;

margin-left:0;

margin-right:0;

padding:0 3em;

position:relative;

z-index:10;

}

blockquote:before, blockquote:after {

color:#EEEEEE;

display:block;

font-family:"Adobe Caslon Pro",Georgia,Times,serif;

font-size:12em;

font-style:italic;

height:0;

position:relative;

width:0;

z-index:-1;

}

blockquote:before {

content:"�";

margin-bottom:-0.4em;

margin-left:-0.5em;

padding-top:0.4em;

}

span.amp {

font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;

font-style:italic;

}

code, ol.code {

font-family:Inconsolata,Courier,mono,monospace;

}

code {

background-color:#E6E5E4;

font-style:normal;

font-weight:normal;

}

pre code {

line-height:1em;

}

#prefooter {

background:#1A1A1A url(../../video-top/img/bg_footer.jpg) no-repeat scroll center top;

border-top:1px solid #1A1A1A;

color:#FBF9F7;

margin:0 -1em;

padding:0 1em;

}

#prefooter p {

text-align:right;

}

#prefooter hr {

border-color:#494949 -moz-use-text-color -moz-use-text-color;

border-style:solid none none;

border-width:1px medium medium;

margin:0 -1em;

padding:0;

}

#prefooter p#copyright {

border-top:1px solid #2A2A2A;

clear:both;

color:#888888;

font-size:0.875em;

font-variant:small-caps;

letter-spacing:0.1em;

margin-bottom:0;

padding:0.5em 0;

text-align:center;

}

#seeing {

	padding:1.5em 0.2em 2em 1em;

}

#seeing p {

	padding:1.5em 0.2em 2em 1em;

}

#seeing h3{

	font-size:25px;

	padding:0px 10px 10px 10px;

}

#seeing ul {

list-style-type:none;

overflow:hidden;

padding:0;

width:100%;

}

#seeing ul li {

float:left;

margin:0 0.5625em;

}

#seeing ul li img, #listening ol li img {

background:#1A1A1A none repeat scroll 0 0;

height:4.5em;

padding:0.75em;

width:4.5em;

margin-top:10px;

}

#seeing ul li a, #listening ol li a {

display:block;

line-height:1em;

}

#seeing ul li a:hover, #listening ol li a:hover {

border:medium none;

}

#seeing ul li a:hover img, #listening ol li a:hover img {

background:#333333 none repeat scroll 0 0;

}

#listening ol, #saying ul {

list-style-type:none;

overflow:hidden;

padding:0;

width:100%;

}

#saying ul li {

border-bottom:1px solid #2A2A2A;

margin-bottom:0.75em;

overflow:hidden;

padding-bottom:0.75em;

width:100%;

}

#saying h1{

	padding:0px 10px 10px 10px;

}

#saying ul li a.tweet_time {

font-style:italic;

}

#listening ol li {

float:left;

margin:0 0.25em 0 0;

position:relative;

}



#listening h1 {

	padding:0px 10px 10px 10px;

}



#listening ol li img {

background:#1A1A1A none repeat scroll 0 0;

height:6em;

padding:0.75em;

width:6em;

}

img.tracker {

background:transparent none repeat scroll 0 0 !important;

border:medium none !important;

height:0 !important;

margin:0 !important;

padding:0 !important;

width:0 !important;

}

#listening ol li img.tracker {

position:absolute;

}



.glossymenu, .glossymenu li ul{

list-style-type: none;

margin: 0;

padding: 0;

width: 185px; /*WIDTH OF MAIN MENU ITEMS*/

/*border: 1px solid black;*/

padding-top:20px

}



.glossymenu li{

position: relative;

}



.glossymenu li a{

background: white url(http://costaricalearn.com/cr-learn/images/glossyback2.gif) repeat-x bottom left;

font: bold 12px Verdana, Helvetica, sans-serif;

color: white;

display: block;

width: auto;

padding: 10px 0;

padding-left: 5px;

text-decoration: none;

}



.glossymenu li ul{ /*SUB MENU STYLE*/

position: absolute;

width: 190px; /*WIDTH OF SUB MENU ITEMS*/

left: 0;

top: 0;

display: none;

}



.glossymenu li ul li{

float: left;

}



.glossymenu li ul a{

width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */

}



.glossymenu .arrowdiv{

position: absolute;

right: 2px;

background: transparent url(http://costaricalearn.com/cr-learn/images/arrow.gif) no-repeat center right;

}



.glossymenu li a:visited, .glossymenu li a:active{

color: white;

padding-right:10px;!important

}



.glossymenu li a:hover{

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

color:#7F9A42;

}



/* Holly Hack for IE \*/

* html .glossymenu li { float: left; height: 1%; }

* html .glossymenu li a { height: 1%; }

/* End */