body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.input-query{
	font-size: 20px;  
}


h1{
	font-size: 30px;
}

h2{
	font-size: 20px;
}

li{
	margin-left: 20px;
}

span{
	margin-left: 0.2em;
}

a{
	text-decoration: none;
}

body{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #77B342 url(/images/bg2.png) repeat-x fixed;
}
#wrapper{
	padding: 30px;
}
#main{
	width: 800px;
	background-color: #fff;
	margin: auto;
	padding: 40px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

#header{
	margin-bottom: 30px;
} 

#user-menu{
	float:right;
	font-size:10px;
	margin-top:-30px;
}

#about{
	margin-top: 30px;
	margin-left:10px;
	padding:0px 80px;
}

#content{
float:left;
}

/* SEARCH FORM */
#searchbox{
	width: 780px;
	height: 115px;
	padding-top:15px;

	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
     border-radius: 15px;
}

#search-form{
 margin-left: 90px;
 width: 600px;
 height: 60px; 
 background-color: #c5ede8;
 padding: 15px 10px 5px 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;

}

input.translate-button
{
   font-size:20px;
   font-family:Georgia,serif;
   color:#FFFFFF;
   width:120px;
   height:45px;
   background-color: #337db2;
   border-style:solid;
 
   -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
}

input.input-query{
	font-size: 1.5em;
	border: solid 2px #85b1de;
	padding: 5px;
	-moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          width: 300px;
}

#dropboxes{
	margin-top: 10px;
}

.text-big{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #959595;
}

.text-medium{
	
}

.text-small{
	font-size: 12px;
	color: gray;	
}

/* slang text */

a .word-slang{
	 text-decoration: underline;
 }

a .word-spanish{
	 text-decoration: underline;
}

.word-slang{
	color: #ff9300;
	font-size: 22px;
}

.word-slang a{
	color: #ff9300;
	font-size: 22px;
}

.word-slang a:hover{
 text-decoration: underline;
}

.word-spanish{
	color: #27b3f4;
	font-size: 22px;
}

.word-spanish a{
	color: #27b3f4;
	font-size: 22px;
}

.word-spanish a:hover{
 text-decoration: underline;    
}

.word-english{
	color: #ae0c1d;
	font-size: 22px;
 }

.word-english a{
	color: #ae0c1d;
	font-size: 22px;
 }

.word-english a:hover{
 text-decoration: underline; 
 }

.country-name{
	color: #5e5e5e;
	font-size: 22px;
}

.word-found{
	background-color: #f8fe67;
 
 	padding: 2px;
}

#lang{
 display: inline;
 width: 80px;
}

#lang-select{
  width: 140px;
  padding: 11px 3px 11px 5px;
}

#swap{

 margin-left: 370px;
 padding-left: 20px;
 font-family: arial;
 font-size: 12px;
 	width: 40px;
 	height: 20px;
	background:   url(/images/swap.png) no-repeat 0 -3px;
	margin-top: -5px;
	color: #616161;
}

#t-button{
 display: inline;
 
}

#lang-swap{
 display: inline;
 font-size: 14px;
 color: gray;
}

#examples{
	margin-top: 15px;
 }

#examples-title{
	width: 230px;
	height: 30px;
 	color: #5e5e5e;
 	padding-left: 15px;
	margin-bottom: 10px;
}
.example{
 	padding-top: 15px;
	padding-bottom:15px;
	margin-bottom:15px;
	min-height:180px;
 	width: 260px;
	float: left;
	display: block;	
	background-color: #eaffdf;
	margin-left: 5px;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;

}

.narration-example{
 	padding-top: 15px;
	padding-bottom:15px;
	padding-left:15px;
	margin-bottom:15px;
	min-height:165px;
 	width: 245px;
	float: left;
	display: block;	
	border:solid 2px #DDDDDD;
	margin-left: 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
}

.narration-example .title{
width:100%;
}

.narration-example .title img{
float:left;
}

.narration-example .title h2{
float:right;
margin-right:30px;
margin-top:5px;
font-weight:bold;
font-size:20px;
color:#10A3DE;
} 

.narration-example ul{
 float:left;
 margin-left:0px;
 width:230px;
}

.narration-example ul li{
 float:left;
 margin-left:5px;
}

.narration-example ul .word-slang a{
 font-size:15px;
 padding:5px;
}

.narration-example ul .word-slang a:hover{
 background:#ff9300;
 color:#FFFFFF;
}

#narration-player{
	width:215px;
	min-height:20px;
	border:solid 1px #CCCCCC;
	padding:10px;
	margin:10px 0px 10px -5px;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    background:#FFF8DB;
    font-size:14px;
}

#narration-player p{
	padding:0px 5px;
}

#footer {
	height: 50px;
	background-color: #FFF;
	clear: both;
	text-align:center;
	border-top:dotted 1px #CCCCCC;
	padding-top:30px;
	font-size:12px;
	color:#777777;
} 


#footer ul{
   margin-bottom:20px;
}

#footer ul li{
   display:inline;
}

/*results*/

.result{
	margin-bottom: 20px;
 	padding: 0px 15px 0px 15px;

}

.result ul li{
	margin-top: 6px;
}

#results{
	background-color: #FFF;
	padding: 15px 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
    border:solid 2px #F3F3F3;
    float:left;
    width: 705px;
}

#results .col{
font-size:14px;
color:#999999;
}

#results .col h2 {
font-size: 20px;
clear: both;
color:#666666;
margin-top:10px;
}

#results .col a {
color: #666;
}


#results .col ul {
list-style: none;
margin: 20px 10px;
padding: 0;
clear: both;
}

#results .col ul li {
padding: 0 0 0 25px;
}

#results .col ul li p{
 margin-bottom:2px;
 margin-top:5px;
}

#results .col ul li a{
 color: #FF6600;  
 margin-right:5px;
 padding: 0px 1px 0px 1px;
 border:dotted;
 border-width:1px;
 border-color:#CDCDCD;
 font-size:17px;
 line-height:25px;
}

#results .col ul li a:hover{
 background:#FF6600;
 color:#ffffff;
}


#results-wrapper{
	padding: 15px;
	background-color: #EFEFEF;	
	width: 770px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;
    float:left;
    margin-bottom:30px;
}


#results-tags ul  {
	height: 20px;
}

#results-tags ul li{
	float: left;
	background-color: #e4e4e4;
	width: 125px;
	height: 30px;
	padding-top: 5px;
	margin-left: 30px;
	margin-right: 1px;
	text-align: center;
	margin-top: 35px;

	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px; 

}

#results-tags ul li.selected{
	background-color: #FFF;	

}

#num-search-results{
	margin-top: 15px;
	text-align: center;
	width: 800px;
	float:left;
}


#searchbox-results{
  float: right;
  width: 480px;
  padding-top:0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#search-form-results{
  padding-top:15px;
  padding-left:15px;
  margin-top:-5px;
  height:60px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

#searchbox-results input.translate-button
{
   font-size:16px;
   font-family:Georgia,serif;
   color:#FFFFFF;
   width:100px;
   height:35px;
   background-color: #337db2;
   border-style:solid;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin-left:10px;
}

#searchbox-results input.input-query{
   font-size: 1.3em;
   border: solid 2px #85b1de;
   padding: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   width: 180px;
   margin-right:10px;
}

#searchbox-results #swap{
 margin-left: 245px;
 font-family: arial;
 font-size: 12px;
 width: 40px;
 height: 20px;
 background:   url(/images/swap.png) no-repeat 0 -3px;
 margin-top: -5px;
 color: #616161;
}

#searchbox-results #lang{
 display: inline;
}

#searchbox-results #lang-select{
 font-size:12px;
 margin-top:-10px;
}
 
.hr{
 margin-left: 20px;
 width: 700px;
 height: 1px;
 margin-bottom: 20px;
 border-top: 1px dotted #cfcfcf;
}


.slangs-for{
padding-top: 10px;	
} 


/*----- Slangpage layout -----*/
#slangpage-wrapper{
	padding: 15px 15px 15px 15px;
	background-color: #EFEFFF;	
	width: 770px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    border-radius: 15px;   
    margin-bottom:30px;
    float:left;
}

#slangpage-translations{
	margin-top: 25px;
	width: 720px;
	background-color: #FFF;
	padding: 15px 25px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	float:left;  
} 

#slangpage-translations #narration-player{
width:200px;
height:24px;
padding:5px 5px;float:right;margin-top:0px;
border:none;
background:none;
}

#slangpage-translations #narration-player a{
margin-left:-10px;
float:left;
text-decoration:none;
color:#8888AA;
font-size:15px;
}

.slangpage-toptab{
float: left;
background-color: #FFFFFF;
padding:5px 10px 0px 10px;
height: 30px;
font-size:14px;
color: #ff9300;

margin-left: -10px;
text-align: center;
margin-top: -40px;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;   
}

.share-buttons{
	margin:10px 0px 0px 0px;
	float:right; 
}

.wiki-bar{
  float:left;
  padding:5px;
  width:320px;
  font-size:12px;
  margin-top:10px;
}

#slangpage-translations .content-box
{
	float:left;
	width:720px;
	margin-top:10px; 
}

#slangpage-translations .word-slang{
	margin-bottom: 15px;
	font-size:30px;
}

#slangpage-translations .meaning{
	margin-bottom: 10px;
	margin-left:15px;
	font-size:18px;
}

#slangpage-translations small{
	color:#999999;
} 

.wiki-contents{
	margin:40px 15px 15px 20px;
	font-size:14px;
}    

.wiki-image{
 margin-top:-10px;
 float:right;
}

.wiki-image img{
  margin-left:20px;
  margin-bottom:30px;   
  border:solid 8px #DEDEDE;
} 

/* --- Synonyms bar ---*/
.rightbar {
width: 200px;
float: right;
}  

#sinonimos{
  float:left;
  width:550px;
}

#sinonimos .col {
width: 500px;
float: left;
margin: 0 5px 0 20px;
font-size:14px;
color:#999999; 
}


#sinonimos .col h2 {
font-size: 20px;
clear: both;
}

#sinonimos .col a {
color: #666;
}


#sinonimos .col ul {
list-style: none;
margin: 20px 10px;
padding: 0;
clear: both;
}

#sinonimos .col ul li {
padding: 0 0 0 25px;
margin: 10px 0 20px 0;
}

#sinonimos .col ul li p{
 margin-bottom:2px;
 margin-top:5px;
 line-height: 20px;
}

#sinonimos .col ul li a{
 color: #FF6600;  
 margin-right:5px;
 padding: 0px 1px 0px 1px;
 border:dotted;
 border-width:1px;
 border-color:#CDCDCD;
 font-size:16px;
 line-height:25px; 
}

#sinonimos .col ul li a:hover{
 background:#FF6600;
 color:#ffffff;
}      

/*--- Wiki for Admins ---*/  
#show-edit{
	padding:0px 10px;
	border-left:solid 1px #CCCCCC;
}

#show-add{
	padding:0px 10px;
	border-left:solid 1px #CCCCCC;
}

.table-wiki-fixes{
   border:solid 1px #CCCCCC;
   margin-top:20px;
   font-size:13px;
 }

.table-wiki-fixes td{
    border:solid 1px #CCCCCC;
    padding:15px 5px; 
    background:#FFFFFF;
    text-align:center;
 }

.table-wiki-fixes th{
    text-align:center;
    border:solid 1px #CCCCCC;
    background:#EDEDED;
    padding:10px;
    font-weight:bolder;
 }   

.edit-slang-box{
	width:700px;
	float:left;
}

.edit-slang-box .buttons{
   width:700px;
   float:left;
   padding-top:10px;
   margin-top:10px;
   border-top:solid 1px #F5C895;
   text-align:center;
}

.add-content-box{
	width:700px;
	float:left;  
}

.add-content-box .leftside{
 width:450px;
 float:left;
}

.add-content-box .buttons{
   width:700px;
   float:left;
   padding-top:10px;
   margin-top:10px;
   border-top:solid 1px #F5C895;
   text-align:center;
}

.add-content-box .rightside{
 width:240px;
 float:right;     
}

.add-content-box p{
 margin:10px 0px;
 }

.add-content-box .slang-source{
 margin-top:20px;
 width:100%;
 text-align:right;
 font-size:12px;
} 

.add-content-box textarea{
 font-size:12px;
 width:440px;
}

.add-content-box .input-text{
 font-size:12px;
 width:250px;
}

.tubabel_definition{
	float:left;
	width:400px;
	border:solid 1px #F5C895;
	margin-top:20px;
	padding:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#FFFFFF;  
	font-size:12px;
 }   



#edit-slang{
	float:left;
	width:710px;
	display:none;
	border:solid 1px #F5C895;
	margin:0px 20px 50px;
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#FFFFE3;
} 

#add-content{
	float:left;
	width:710px;
	display:none;
	border:solid 1px #F5C895;
	margin:0px 20px 50px;
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#FFFFE3;
}
  
/*--- Sign Up and Sign In forms -----*/

#login-box{
	margin:20px 0px 100px 200px;
	width:300px;
	border:solid 1px #CCCCCC;
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	text-align:center;
	float:left;
}  

.login-input{
	font-size: 12px;
	border: solid 2px #85b1de;
	padding: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
}

.login-title{
	font-size: 30px;   
    margin-bottom:30px;
}

.login-row{
	margin:10px 0px;
}
          
.login-button
{
   font-size:15px;
   font-family:Georgia,serif;
   color:#FFFFFF;
   padding:5px;
   background-color: #337db2;
   border-style:solid; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}            

.general-button
{
   font-size:15px;
   font-family:Georgia,serif;
   color:#FFFFFF;
   padding:5px;
   background-color: #337db2;
   border-style:solid; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

/*--- Rails generated error messages ----*/
.fieldWithErrors input{
	border:solid 2px #FF0000;
}                                          

.errorExplanation{
	text-align:left;
	background:#FAFFBF;
	border:solid 1px #AA0000;
	padding:10px; 
	margin:20px 0px;
	font-size:14px;
}

.errorExplanation h2{
	margin:10px 0px;
	font-size:16px;
	font-weight:bold;
}

.errorExplanation ul{
	list-style:circle;
}