/*
Theme Name: Bilingual City
Theme URI: http://www.bilingualcity.com/
Description: Bilingual City Template.
Version: 1.0
Author: avVenta
Author URI: http://www.avventa.com
*/

/* --------------------- GENERAL STYLES ------------------------ */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #0e89a7 url(images/bg_body.jpg);
	color: #333;
}

a { color: #0e64ae;}

#page {
	margin: 0 auto;
	width: 770px;
}

/* --------------------- HEADER ------------------------ */

#header {
	background: url(images/bg_header.gif) no-repeat;
	position: relative;
	height: 147px;
}

#header h1, #header h3 {
	text-indent: -9999em;
	position: absolute;
	padding: 0;
	margin: 0;
}

#header h1 {
	background: url(images/bilingual_city.gif) no-repeat;
	width: 404px;
	height: 97px;
	top: 9px;
	left: 12px;
}

#header h3 {
	background: url(images/where_languaje_works.gif) no-repeat;
	width: 147px;
	height: 16px;
	top: 62px;
	left: 433px;
}

#header ul {
	margin: 0; 
	padding: 118px 0 0 5px; 
	list-style: none;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#header ul {
	margin: 0; 
	padding: 118px 0 0 25px; 
	list-style: none;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}
}

#header ul li { display: inline;}

#header ul li a {
	display: block;
	float: left;
	color: #595959;
	padding: 0 8px 0 6px;
	line-height: 26px;
	text-decoration: none;
}

#header ul li a:hover {
	background: url(images/menu_button.gif) no-repeat right top;
	text-decoration: none;
}

/* --------------------- CONTENT ------------------------ */

/* left Column */

#main {
	width: 100%;
	overflow: hidden;
}

#content {
	float: left;
	width: 540px;
	text-align: justify;
	color: #fff;
	margin-top: 12px;
}

#content .post {
	position: relative;
	margin-bottom: 40px;
}

#content small {
	font: 1em "Times New Roman", Times, serif;
	position: relative;
	top:17px;
	left:60px;
}

#content h2, #content h3 {
	font: 1.9em "Times New Roman", Times, serif;
	margin: 17px 5px 5px 40px;
}

#content h2.title, #content h3.title {
	background: url(images/postH2_bg.gif) no-repeat 0 7px;
	padding-left: 22px;
}

#content h2.pagetitle {
	background: none;
	text-transform: uppercase;
	border-bottom: 1px solid #74B7CF;
	margin: 0 0 50px 0;
	padding: 0;
}

#content h2.pagetitle span { 
	border-bottom: 1px solid #05718d; 
	display: block;
}

#content a {
	color: #fff;
	text-decoration: none;
}

#content a:hover {
	color: #CCCCCC;
}

#content .entry {
	background: url(images/entry_content.jpg) #4ba5c9;
}

#content .entry div.entryTop {
	background: url(images/entry_top.jpg) no-repeat top;
	padding: 15px 40px;
}

#content .entry div.entryTop a {
	color: #FFCC00;
}

#content .entry div.entryTop a:hover {
	color: #F4B800;
}

#content .entry div.entryTop img {
	background: url(images/entryImg_bg.gif) no-repeat bottom right;
	padding: 0 5px 5px 0;
}
#content .entry div.entryTop img.alignright { float: right; margin: 5px 0 0 15px;}
#content .entry div.entryTop img.alignleft { float: left; margin: 0 15px 5px 0;}

#content .entry div.entryTop p { margin: 1em 0;}

#content .entry div.bottom {
	background: url(images/entry_bottom.jpg) no-repeat bottom;
	height: 9px;
}

#content .postmetadata {
	background: #04708d;
	padding: 5px;
	margin: 5px 0;
	color: #ff9933;
}

#content .postmetadata small{top:0; left:0;}

#content .entry .hentry h3 { margin: 0;}

#content .entry .postmetadata {
	color: #BFD7DF;
}

#content .entry .alt {
	background: none;
	color: #BFD7DF;
}

#content .entry small { 
	margin: 0;
	font: .9em Arial, Helvetica, sans-serif;
	background: none;
	position: relative;
	top: 0;
	left: 0;
}

#content .entry div.entryTop h3 a { color: #FFFFFF;}

#content .entry div.entryTop h3 a:hover { color: #CCCCCC;}

/* comments */

h3#comments, #content h2.results {
	margin: 0;
}

#respond input, #respond textarea {
	padding: 3px;
	border: 1px solid #a8c2dc;
	color: #498dc7;
}

#content .entry div.entryTop textarea { width: 450px;}

#respond input#submit {
	width: 77px;
	height: 22px;
	padding-top: 22px;
	background: url(images/submit_button.gif) no-repeat;
	border: none;
	cursor: pointer;
	margin-top: 15px;
}

#respond h3 { margin: 0;}

/* navigation */

.navigation { font: 1.1em Verdana, Arial, Helvetica, sans-serif;}

.navigation .alignleft, .navigation .alignright { float: left; width: 240px; text-align: left;}

.navigation .alignleft { margin: 15px 30px 0 0;}

.navigation .alignright { margin: 15px 0 0 30px;}

.navigation .newPost, .navigation .oldPost { float: left; width: 270px; margin: -20px 0 15px; #margin: -20px 0 0 0; _margin: -20px 0 0 0;}

.navigation .newPost { text-align: right; float: right;}

/* right Column */

#rightCol {
	width: 214px;
	float: right;
	color: #66666b;
	margin-top: 63px;
}

#sidebar {
	background: url(images/sidebar_content.jpg) repeat-y right top #fbd8a1;
	position:relative;
	top:8px;
}

#sidebar ul {
	list-style: none;
	background: url(images/sidebar_bottom.jpg) no-repeat bottom right;
}

#sidebar ul li h2, #sidebar ul li label {
	color: #0e64ae;
	font-family: "Times New Roman", Times, serif;
}

#sidebar ul li h2 {
	background: url(images/sidebarH2_bg.jpg) no-repeat;
	margin: 0 3px;
	padding: 0 5px 0 30px;
	line-height: 31px;
	font-size: 1.7em;
}

#sidebar ul li p {
	margin: 7px;
}

#sidebar ul li ul {
	background: none;
	padding: 5px 5px 10px 30px;
}

#sidebar ul li ul li a {
	color: #66666b;
}

/* social network */

#socialNet {
	
}

#socialNet ul { width: 100%; overflow: hidden; list-style: none; margin-left:5px;}

#socialNet ul li { float: left;}

#socialNet ul li a { text-indent: -9999em; width: 50px; height: 38px; display: block; background-position: bottom; background-repeat: no-repeat;}
#socialNet ul li a:hover { background-position: top; background-repeat: no-repeat;}
#socialNet ul li.youtube a { background-image: url(images/icon_youTube.jpg);}
#socialNet ul li.facebook a { background-image: url(images/icon_faceBook.jpg);}
#socialNet ul li.twitter a { background-image: url(images/icon_twitter.jpg);}
#socialNet ul li.flickr a { background-image: url(images/icon_picasa.jpg);}

/* Search */

#sidebar ul li.search { background: url(images/sidebar_top.jpg) no-repeat top right;}

#sidebar ul li.search label {
	display: block;
	text-align: right;
	padding: 5px 10px 5px 0;
	font-size: 1.1em;
	font-style: italic;
}

#sidebar ul li.search div { margin: 5px 5px 5px 30px;}

#sidebar ul li.search div input#s {
	padding: 3px;
	border: 1px solid #a8c2dc;
	outline: none;
	width: 85%;
}

#sidebar ul li.search div input#searchsubmit {
	margin: 3px 0 0 0;
	background: url(images/search_button.gif) no-repeat;
	width: 77px;
	height: 22px;
	border: 0;
	padding-top: 22px;
	cursor: pointer;
}

/* --------------------- FOOTER ------------------------ */

#footer {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	color: #0e64ae;
	background: url(images/cl_footer.gif) #eaf1f8 no-repeat left top;
	text-align: center;
	margin-top: 20px;
	#margin-top: 0px;
	_margin-top: 0px;
}

#footer ul {
	background: url(images/cr_footer.gif) no-repeat right top;
	list-style: none;
	overflow: hidden;
	height: 34px;
}

#footer ul li {
	display: inline;
	line-height: 34px;
	padding: 0 5px;
	border-right: 1px solid #a8c2dc;
}

#footer ul li.last { border: none;}

#footer ul li a {
	color: #0e64ae;
	text-decoration: none;
}

#footer ul li a:hover { color: #1d4f5d;}