/*
Theme Name: SpeakLike
Theme URI: mojofiti.com
Description: Theme for speaklike.com
Version: 1.0
Author: Ethan Andrews & webolutions
Author URI: http://brilliantunion.com/
Tags: translation
*/


body{background:#ffffff url('images/bkg-body.jpg') repeat-x;}
.container{ width:907px; padding: 0 15px; background: url('images/bkg-container.jpg') 182px 0 no-repeat; }

h1 { font-size: 2em;}
h2 { font-size: 1.1em; margin-bottom: 0;}

#header{ height: 91px; margin: 0 0 28px 0; background: url('images/bkg-header.png')  ; position: relative;}
#logo{float:left;margin:11px 0 0 0; }

#utility { width: 710px; height: 50px;  padding: 0 15px; float: right; background: url('images/bkg-language.png') 15px 5px no-repeat;  }
#utility select { height: 25px; float: left; background: #fff; }
#language { margin: 10px 0 0 38px; }
#signin { margin: 10px 0; float: right; }  /* see also ie6.css */
#signin legend { display: none; }
#signin fieldset { margin: 0; padding: 0;}
#emailadd, #password { width: 165px; margin: 0 0 0 1px; vertical-align: middle;  }
#submit { height: 24px; margin: 0 0 0 1px; padding-right: 30px; vertical-align: middle; color: #2d519f; font-weight: bold; border: 0; background: url('images/bkg-submit.png') 100% 0 no-repeat;   }

#nav{  float: left; margin:0 0 0 65px;  font-size:14px;  } /* see also ie6.css */
#nav li{float:left;list-style:none; height: 34px; margin: 0; padding: 0; background: url('images/bkg-nav-li.png')  no-repeat; }
#nav li:first-child { background: none;}
#nav li a{ display: block; height: 18px; color:#ffffff;text-decoration:none; margin: 0; padding: 8px 10px; } /* see also ie6.css */ 
#nav li a:hover, #nav li.current_page_item {background: #2f8408 url('images/bkg-nav-li.png') 0 -35px no-repeat;}


.marquee { min-height: 262px; padding: 15px 15px 15px 15px; position: relative; clear: both; background: #1473cd url('http://www.speaklike.com/wp-content/uploads/2010/09/slbg2.jpg') no-repeat; }
.marquee h1, .marquee h2, .marquee h3, .marquee h4, .marquee h5, .marquee h6 { color: #ffffff;  }
.marquee h1.headline { width: 455px; height: 290px; position: absolute; left: 15px; font-size: 3em; line-height:1.2em; }
.marquee h1.headline span { position: relative; left: 50px; }
.marquee .mission, .marquee #try-now { margin-bottom: .7em;}
.marquee ul#features { color: #ffffff; margin: .7em 3em;}
.marquee ul#features li { text-decoration: underline; }
a.button { padding: .5em 1em; color: #ffffff;  font-size: 1.2em; font-weight: bold; text-decoration: none; background: #cc8f19 url('images/bkg-button-orange.png') repeat-x;  }
a.button:hover { text-decoration: underline; background: #f3ae27;}
.marquee a.button { border-bottom: 1px solid #1164ba;}


#call-to-action { height: 104px; background: url('images/bkg-call-to-action.png') no-repeat ; color: #ffffff;}
.callout { height: 104px; margin: 0 0 0 -10px;  list-style: none; float: left; }
.callout li { width: 200px; height: 80px; padding: 12px; float: left; line-height: 1em; background: url('images/bkg-callout-li-green.png') 0 10px no-repeat; }
.callout li:first-child { background: none;}
.callout h5 { margin-bottom: .5em; text-transform: uppercase;}
.callout h5 a { color: #ffffff; text-decoration: none;}
.callout h5 a:hover { text-decoration: underline; }
.callout p { padding-right: 15px; font-size: 1.1em;}
.callout.green { background: url('images/bkg-callout-green.png') no-repeat; }
.callout.blue { position: relative; left: 42px;  background: url('images/bkg-callout-blue.png') no-repeat; }
.callout.blue #iphone { position: absolute; left: 135px; top: -17px;}
.callout.blue h5 { padding-right: 80px; font-size: 1.1em;}
.callout.blue p { padding-right: 80px; font-size: 1.2em; line-height: 1.2em;}


.home #content{ width: 867px; min-height: 160px; padding: 0 20px; background: url('images/bkg-content.jpg') repeat-x; }

#features a {color: #FFFFFF;}

.column {width:270px;  margin:0 25px 0 0;padding:0; color: #2d519f; float:left; }
.column ul{margin:0;padding:0; }
.column li{ padding:0.5em 0; margin-left:1em;}

.column ul#news { padding: 0;}
.column ul#news li { margin-left: 1em; padding: .5em 0; list-style-image: url('images/bullet.png'); border-bottom: 1px dashed #dea144;}
.column ul#news .date { font-weight: bold; font-family: georgia, times, 'new times roman', serif; }
.column ul#news a { color: #2d519f; text-decoration: none;}
.column ul#news a:hover { text-decoration: underline; }

.column h2 { font-size: 1.4em;  border-bottom: 1px solid #dea144;}
.column h2 a { color: #2d519f; text-decoration: none;}
.column h2 a:hover { text-decoration: underline; }

.quote { padding: 18px 0 0 25px; margin-bottom: .25em; font-family: georgia, times, 'new times roman', serif; font-style: italic; font-size: 1.3em; background: url('images/bkg-quote.png') no-repeat; }
.attribution { text-align: right;}


#sidebar-page-one { float: left; width: 40px; min-height: 350px; padding: 2px;  background: transparent no-repeat; }

#sidebar-page-blank { float: left; width: 230px; min-height: 350px; padding: 10px;  background: transparent no-repeat; }
#sidebar-page-blank ul li { margin: .7em 0;}
#sidebar-page-blank ul li a { text-decoration: none; padding: .2em 0; color: #1e4498;}
#sidebar-page-blank ul li a:hover { background: #f3ae27; color: #ffffff;}

#sidebar-page { float: left; width: 230px; min-height: 350px; padding: 10px;  background: url('images/bkg-sidebar.jpg') no-repeat; }
#sidebar-page ul li { margin: .7em 0;}
#sidebar-page ul li a { text-decoration: none; padding: .2em 0; color: #1e4498;}
#sidebar-page ul li a:hover { background: #f3ae27; color: #ffffff;}

#sidebar {float: left; width: 220px; min-height: 350px; padding: 15px;  background: url('images/bkg-sidebar.jpg') no-repeat; }
#sidebar ul {  margin:0; }
#sidebar ul li{  margin:0; list-style-image: none; list-style: none; }
#sidebar ul ul { margin: 0 0 1.2em 1.2em;  }
#sidebar ul ul li { margin: .5em 0; line-height: 1em; border: none; list-style-image: url('images/bullet.png'); }
#sidebar ul#news .date { display: none;}

#content { width: 655px;  float: left;  }
.error404 #content, .search #content { min-height: 535px;}
#content h2 { margin-bottom: .25em; }
#content h3 { color: #2f8408;}
#content h4 { margin-bottom: .25em;}
#content h4 { color: #2D519F; }
#content p { font-size: 1.1em;}
#content h4 a, h4 a:visited { color: #2d519f; text-decoration: none; }
#content h4 a:hover { color: #2d519f; text-decoration: underline; }
img.product-icon { float: left; margin: 0 10px 10px 0;}

.rateContainer {width: 100%; display: inline-block; margin-bottom: 10px;}
.rateBox {border: 1px solid #999999; background-color: #ffffff; float: left; height: 350px; padding: 2px; text-align: center; width: 213px; }
.rateBox h1 {color: #333333; text-decoration: none; font-size: 32px; margin: 0; padding: 0;}
.rateBox h2 {color: #73A1C7; font-size: 0.8em; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase;}
.rateBox ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 10px; padding: 0;}
.rateBox ul li {font-size: 16px; line-height: 1em; margin-bottom: 5px; color: #64503F; height: 25pxl}
.rateBox ul li strong {color: #2F8408;}
.tiny {font-size: 10px; line-height: 10px;}
.double-row {height: 80px;}
.triple-row {height: 90px;}
.no-r {border-right: none;}
.no-l {border-left: none;}
.finePrint {font-size: 10px; margin-bottom: 20px;}

#ratesTable {width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px;}
#ratesTable th {background: #5975B4; color: #FFFFFF; padding: 4px 10px;}
#ratesTable td {border-bottom: 1px solid #CECECE; color: #363636; padding: 8px 10px; background: #FFFFFF none repeat scroll 0 0;}

#languages td {width: 220px; vertical-align: top; }

.blog .post, .single .post, .archive .post  { position: relative; width: 612px; margin: 0 33px 0 0; padding: 15px; clear: both;  background: url('images/bkg-blog-post.jpg') no-repeat; } /* see also ie6.css*/
.blog p.postdate, .single p.postdate { margin: -.5em 0 .5em 0; }
.blog a, .single a { color: #1e4498; text-decoration: none;}
.blog a:hover, .single a:hover { color: #3969d1; text-decoration: underline;}

.postmetadata { margin: 40px 0 20px 0; padding: .5em 0; border-top: 1px dashed #dea144; border-bottom: 1px dashed #dea144; }

.sharethis-wrap {  padding: 0 0 0 11px; height: 28px; float: right; position: relative; top: -24px; background: #fcecc2 url('images/bkg-comment-link.png') no-repeat;}  /* see also ie6.css*/
.sharethis  {  padding: 4px 11px 0 0; height: 24px; background:  url('images/bkg-comment-link-a.png') 100% 0 no-repeat;}

.comment-link { margin: 40px 0 0 0; display: block; padding: 0 0 0 11px; height: 28px; float: right; position: relative; top: -34px; background: #fcecc2 url('images/bkg-comment-link.png') no-repeat; }  /* see also ie6.css*/
.comment-link a { display: block; padding: 4px 11px 0 0; height: 24px; background:  url('images/bkg-comment-link-a.png') 100% 0 no-repeat;}

.navigation { width: 612px; margin: 0 0 3em 0; padding: 1em; }
.navigation .alignleft { float: left;}
.navigation .alignright { float: right;}

.search-results .post, .search-results .page { position: relative; width: 612px; margin: 0 33px 33px 0; padding: 15px; clear: both;  background: url('images/bkg-blog-post.jpg') no-repeat; }

#footer{ height: 48px; margin: 28px 0 0 0; padding: 15px 0; color: #ffffff; background: url('images/bkg-footer.jpg') ;  clear:both; }
#footer p { width: 907px; margin: 0 auto;}
#footer a { color: #ffffff; padding: .5em; text-decoration: none; }
#footer a:hover { background: #002659; text-decoration: underline;}
#footer .copyright { float: right;} /* see also ie.css */


/*
ORDER FORM
*/
.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.order-form {
	position: relative;
	font-size: 62.5%;
	font-family: Verdana;
	text-shadow: 0 0px 0px #FFFFFF;
	text-transform: none;
	width:418px;
	left: 440px;
	top: -90px;
	padding: 10px; 
	color: #FFFFFF;
	background: #07418D; 
	display: block;
}

div.order-form div.order-form-title { font-size:2.4em; font-weight:bold; color: #FFFFFF; }
div.order-form h2 { font-size:1.7em; font-weight:bold; color: #FFFFFF; }
div.order-form p { font-size:1.2em; line-height:1.2em; margin:10px 0; color: #FFFFFF;}

div.order-form textarea:hover, 
	div.order-form input[type='text']:hover, 
	div.order-form input[type='password']:hover, 
	div.order-form select:hover { border:0; }

div.order-form textarea:focus, 
	div.order-form input[type='text']:focus, 
	div.order-form input[type='password']:focus, 
	div.order-form select:focus { border:0; }

	div.order-form ul { width:414px; padding-left:5px !important; background: #transparent; }
		div.order-form ul li { width:414px; margin:5px 0; padding-left:5px !important; list-style:none; font-size:1.2em; font-weight: bold; background:transparent; color:#FFFFFF; }
			div.order-form ul li div.lang-select {font-size:1.2em; font-weight:bold; float:left; line-height:2.2em; padding-right:10px; color:#FFFFFF; margin-bottom: 5px;}
			div.order-form ul li span.error {color: yellow; font-size: 10px;}
			div.order-form ul li span.error a { color: yellow; }
			div.order-form ul li label { min-width: 180px; font-size:1.2em; font-weight:bold; float:left; line-height:1.2em; padding-right:10px; color:#FFFFFF; }
			div.order-form ul li span.instruction { margin-left: 190px; font-size: 1em; line-height: 1.1em; display: block;}

			div.order-form ul li input[type="text"],
			div.order-form ul li input[type="password"],
			div.order-form ul li select { width:190px; padding: 5px; border: 0;}
			div.order-form ul li input[type="submit"].orange { background:transparent url(/images/sections/frontpage/signupbutton.png) top left no-repeat; font-size:1.5em; font-weight:bold; color:#000; margin:0; border:0; width:157px; height:54px; }
			
			div.order-form ul li input.error { background-color: #ffc9bb; border-style: solid; border-color: #ff0000; border-width: 1px;}
			div.order-form ul li input.text { width: 190px; height:15px; border:0; background:#fff url(../images/sections/form/bg-textinput.jpg) top left no-repeat; color:#363636; font-size:11px; padding:2px 4px 1px 4px; }
			div.order-form ul li textarea { height:100px; width:392px; padding: 5px; border: 0;}
			div.order-form ul li p { font-size:1.2em; margin:0; float:left; }
			div.order-form input.button {  background:#5975b3 url(../images/sections/form/bg-button.gif) bottom left repeat-x; font-size:14px; font-weight:bold; color:#fff; padding:3px 10px; margin:0; border:1px solid #aaaaaa; }
			
			div.order-form table label,
			div.order-form table input[type="text"],
			div.order-form table input[type="password"] { width:120px; }
			div.order-form table label,
			div.order-form table input { margin:0px 10px; text-align:left; }


input[type=submit].orangeButton
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: .55em 2em .55em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,1);
	box-shadow: 0 1px 2px rgba(0,0,0,1);
	color: #000;
	border: solid 1px #F2BB5E;
	background: #F2BB5E;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCE8C8), to(#F2BB5E));
	background: -moz-linear-gradient(top,  #FCE8C8,  #F2BB5E);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCE8C8', endColorstr='#F2BB5E');
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	text-shadow: 0px 1px 1px #FFFFFF;
}

input[type=submit]:hover .orangeButton
{	

}

input[type=submit].orangeButton:active
{
	position: relative;
	top: 1px;
	left: 1px;
	background: #F2BB5E;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2BB5E), to(#FCE8C8));
	background: -moz-linear-gradient(top,  #F2BB5E,  #FCE8C8);
}

input[type=submit].orangeButton:hover
{
	color: #000000;
}