/* @override 
	http://eggplant.dev/mu/eastwestpr/wp-content/themes/eastwestpr/style.css
	http://ewpr.eggplantdigital.cn/wp-content/themes/eastwestpr/style.css
*/

/*   
Theme Name: Eastwest PR
Theme URI: www.eastwestpr.com
Description: Custom theme template for Client
Author: Alex Dodkin
Author URI: http://www.eggplantdigital.cn
Version: 1.0
Tags: template, eggplant, digital, custom theme
*/

/* =Header
-------------------------------------------------------------- */
#topbar {
	height:42px;
	background:url(images/bg_topbar.png) left top no-repeat;
	clear:both;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:14px;
	width: 840px; position: relative; left: -39px;
}
#topbar a { color:#999; text-decoration:none; width:113px; display:block; }
#topbar ul { float:right; list-style-type:none; padding:0; margin: 0; position: relative; right: 40px; }
#topbar ul li { float:left; text-transform:uppercase; text-align:center; margin-left:10px; padding-top:10px; }
#wrapper { position: relative; }
#flag-careers-wrap {
	position: absolute;
	top: 136px;
	right: -87px;
	width: 93px;
	height: 51px;
	margin-left: 480px;
	background-image: url('images/careersflag.png');
	cursor: pointer;
	z-index: 50;
	text-indent: -99999px;
	display: block;
}

#masthead { height:112px;}
#branding { float: left; margin:47px 0 0 10px; *margin-left:5px; }
#language-switcher { float: right;margin-top:14px; }
#language-switcher ul{ margin:0; font-size:10px; line-height:10px;}
#language-switcher ul li {
	display: block;
	float: left;
	padding-right: 6px;
}
#language-switcher .separator {
	border-right: 1px solid #ccc;
	padding: 0; margin-right: 6px;
	display: block;
	text-indent: -9999px; overflow: hidden;
}
#clientsLogin {
	float: right;
	margin: -5px 0 0 0;
	padding: 0;
}
html > body .entry .clientsPassword li {
	padding: 5px 0;
	margin: 0;
}
.clientsPassword li {
	list-style-type: none;
}
#clientsLogin input.textstyle {
	width: 100px;
	font-size: 10px;
	padding: 1px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
#clientsLogin .buttonstyle {
	font-size: 11px;
	padding: 0 4px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-weight: bold;
	border: 1px solid #B80029;
	color: #B80029;
	cursor: pointer;
}
#clientsLogin li {
	list-style-type: none;
	float: left;
	line-height: 18px;
	padding: 0 2px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#branding a { display:block; background:url(images/bg.gif) 0 0 no-repeat; width:229px; height:38px; text-indent:-999em; outline: none; }
#client_login {  font-size:10px; line-height:10px;float:right; margin-top:14px; padding-right:28px;*padding-right:14px;}
#searchbar { margin:40px 0 0 0; padding:0;  clear:right; float:right; }
#searchbar input#s { margin:0 10px 0 0; padding:0; text-indent:10px; color:#999; border-style:none;height:24px; line-height:24px; width:175px; background:url(images/bg.gif) 0 -38px;}
#client_login a,#client_login a:visited { color:#ccc;}
/* =Menu
-------------------------------------------------------------- */
/* Main menu */
#suckerfishnav { font-size:12px; border-top: 1px #d2d2d2 dashed; border-bottom: 1px #d2d2d2 dashed; }
#suckerfishnav, #suckerfishnav ul { line-height: 22px; }
#suckerfishnav a { color: #666; }
#suckerfishnav li { }

#suckerfishnav ul { }
#suckerfishnav li li { }
#suckerfishnav li li a { }
#suckerfishnav li ul ul { }
#suckerfishnav li li:hover { background: #fff; }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
	color: #555;
	background-color: #f6f6f6;
}
#suckerfishnav li.current_page_ancestor a:hover, #suckerfishnav li.current_page_ancestor a:focus, #suckerfishnav li.current_page_ancestor a:active {
	color: #777;
	background-color: #f6f6f6;
}
#suckerfishnav li.current_page_ancestor li a {
	background-color: #fff;
}
#suckerfishnav li.current_page_ancestor a, #suckerfishnav li li.current_page_item a {
	color: #555;
	background-color: #f3f3f3;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#ccc; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#999; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { background:#fff; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background: #fff; }



/* =Content
-------------------------------------------------------------- */
h1.entry-title, h1.page-title {
	font-size: 18px;
	color: #BE1E2D;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
h1.entry-title {
	margin-bottom: 5px;
}

.home h1 {
	margin: 10px 0 0 0;
	color: #656565;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-transform: capitalize;
}

h2.entry-title {
	margin-bottom: 5px;
	line-height: 1.3em;
}
h2.entry-title, h2.entry-title a {
	font-size: 18px;
	color: #333;
	text-decoration: none;
}
.archive-meta, .entry-meta { color: #777; }
.entry-meta {
	margin-bottom: 10px;
}

.entry-content h1 { font-size: 20px; }
.entry-content h2 { font-size: 18px; }
.entry-content h3 { font-size: 16px; }
.entry-content h4 { font-size: 14px; }
.entry-content h5 { font-size: 12px; font-weight: bold; }
div a, span a, li a { color: #d21f1b; }
div a:hover, span a:hover, li a:hover,
div a:focus, span a:focus, li a:focus,
div a:active, span a:active, li a:active {
	text-decoration: none;
}

/* Home page */
.home .page .section {
	width: 350px;
	float: left;
}
.home .page .section .inner {
	padding: 5px;
}
#caroussel .intro { float:right; width:292px;}
#caroussel h3{  margin:10px 0 0 0; color:#656565; font-size:14px; font-weight:bold; line-height:40px; text-transform:capitalize;}
#caroussel p { margin:0; color:#8a8a8a; width:248px; font-family:Arial, Helvetica, sans-serif;}
#caroussel h2 { margin:0; position:absolute; right:23px; bottom:15px; color:#d21f1b; font-size:18px; font-weight:bold; }
/*#latest_blog_posts ,#latest_releases,#latest_coverage,#upcoming_events{ float:left;}*/
#home_media { float:left; margin-top:30px;}
#home_media img { float:left; margin-right:20px; border:1px #ccc solid;}
.media_info { float:left; width:260px; font-family:Arial, Helvetica, sans-serif; line-height:18px; margin-bottom: 20px; }
.media_info p { margin-bottom:10px;}
#latest_blog_posts h3.title { width:500px; padding-bottom:5px; font-size:18px; border-bottom:1px #bcbdbf solid; color:#333; margin-top:18px; line-height:16px;}
#office-locations h3.title {
	padding-bottom: 5px;
	font-size: 18px;
	border-bottom: 1px #bcbdbf solid;
	color: #333;
	margin-top: 18px;
	line-height: 16px;
}
#office-locations .posts_listing {
	margin-right: 50px;
}
#office-locations h4 {
	color: #bc1e2c;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
	text-decoration: none;
	padding: 0;
}

.posts_listing img { border:1px #ccc solid; float:left; margin-right: 10px;}
.posts_listing { float:left; margin-bottom:30px;}
.posts_listing .post_info { float:left; width: 310px; margin-left:20px; /*margin-bottom: 25px;*/ }
.case-studies .post_info, .clients .post_info {
	width: 390px;
	margin-left: 0;
}
.case-studies .post_info img, .clients .post_info img {
	margin-bottom: 10px;
}
.posts_listing p { margin-bottom:0;}
.posts_listing p.date_author { margin-bottom:10px;}

.post_info h3 { margin: 0; line-height: 1.1em; }
.post_info h3, .post_info h3 a { color:#bc1e2c; font-size:16px; font-weight:bold; margin:0; text-decoration:none; padding:0;}
.post_info h3 a:hover { text-decoration: underline; }
.post_info p { font-family:Arial, Helvetica, sans-serif; color:#333333;}
.post_info p.date_author{ font-size:10px; color:#b2b2b2;}

.stButton .chicklets { margin-top: 10px; }

#latest_releases h3.title { width:500px; padding-bottom:5px; font-size:18px; border-bottom:1px #bcbdbf solid; color:#333; margin:18px 0 10px 0; line-height:16px; text-transform:capitalize;}
.releases_listing p{ color:#333; margin-bottom:11px;}

.releases_listing .title { font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0; color:#000;}
.releases_listing .title span {font-weight:normal; }

#latest_coverage h3.title { width:500px; padding-bottom:5px; font-size:18px; border-bottom:1px #bcbdbf solid; color:#333; margin:25px 0 10px 0; line-height:16px; text-transform:capitalize;}
.coverage_listing p{ color:#333; margin-bottom:11px;}
.coverage_listing .title { font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0; color:#000;}
.coverage_listing .title span {font-weight:normal;}

#upcoming_events h3.title { width:500px; padding-bottom:5px; font-size:18px; border-bottom:1px #bcbdbf solid; color:#333; margin:25px 0 10px 0; line-height:16px; text-transform:capitalize;}
.events_listing ul{ color:#333; margin:0; padding-left:15px;font-family:Arial, Helvetica, sans-serif;}
.events_listing ul li { line-height:22px;}
.events_listing ul li span { color:#666;}

ul.xoxo { list-style-type:none; margin:0; padding:0;}
#contact a.contactus {
	display: block;
	background: url(images/bg.gif) 0 -62px;
	width: 190px; height: 27px;
	text-indent: -9999px; overflow: hidden; outline: none;
	margin: 13px 0 15px 0;
}
.widget-area { padding-left:30px;}
#contact p {
	padding-left: 10px;
	line-height: 14px;
	color: #666;
	font-size: 12px;
}
#contact textarea {
	height: 45px;
	width: 175px;
	color: #999;
	margin: 0 0 10px 0;
	font-size: 12px;
	border: 1px #ccc solid;
	font-family: Arial, Helvetica, sans-serif;
}
input.submit {
	background: url(images/bg.gif) 0 -89px;
	width: 80px; height: 21px;
	border-style: none;
	text-indent: -9999px;
	margin-left: 105px;
	cursor: pointer;
}

#our_clients h3 ,#subscribe h3{ border-bottom:1px #666 solid; color:#666; font-size:14px; margin-top:30px; padding-bottom:3px;} 

#subscribe input.text { width:187px; height:21px; line-height:21px; text-indent:3px; color:#666; padding:0;}
#site-info ul { margin:0; padding:0;}
#site-info ul li { display:inline;}
#site-info ul li a,#site-info ul li a:visited { color:#999; text-decoration:none;}
#footer { font-size:10px; color:#999; text-align:center; padding-bottom: 10px;}
#footer p { margin: 0; }
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer-links {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}
/* =Navigation
-------------------------------------------------------------- */
/* Sidebar navigation */
#sidebar-navigation h4 {
	display: none;
}
#sidebar-navigation ul {
	list-style: none; padding: 0;
}
#sidebar-navigation li {
}
#sidebar-navigation li a {
	display: block;
	color: #BE1E2D;
	text-decoration: none;
	padding: 0 0 10px 0;
	font-size: 11px;
}
#sidebar-navigation a:hover, #sidebar-navigation a:focus, #sidebar-navigation a:active {
	text-decoration: underline;
}
#sidebar-navigation .current_page_item a {
	color: #777;
}
#sidebar-navigation .post-count {
	color: #999;
}

/* Breadcrumbs */
#breadcrumbs a, #breadcrumbs span {
	font-size: 11px;
	color: #999;
	text-decoration: none;
}

/* Post Navigation */
#nav-below.navigation {
	line-height: 2em;
	margin-bottom: 25px;
}
.nav-prev { text-align: left; }
.nav-next { text-align: right; }
#nav-below.navigation a {
	color: #BE1E2D;
}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-container { margin-bottom: 15px; }
h3.widget-title {
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #666;
}

#text-3 .widget-title { display: none; }
#sns-services {
	margin: 15px 0;
	padding: 5px 5px 3px;
	background-color: #eee;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#sns-services a { margin: 0; padding: 0; line-height: 0; }
#sns-services img {
	margin: 3px;
}
/* MailChimp */
#mc_signup_form {
	padding: 0 !important;
}
.mc_error_msg { color: red; }
.mc_success_msg { color: green; }
.mc_merge_var{ padding:0; margin:0; }
.mc_custom_border{ padding:5px; border-width: 1px;border-style: solid;border-color: #C4D3EA; color: #555555;background-color: #EEF3F8;
}
.mc_custom_border legend {border-width: 1px;border-style: solid;border-color: #E3E3E3;color: #CC6600;background-color: #FFFFFF;font-size: 1.2em;padding:5px 10px;
}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:both; color: #555; font-weight: normal; font-size: 11px; }
#mc_signup_form .mc_input {
	padding: 4px;
}
#mc_signup_form legend { padding:.5em;margin:0; }
#mc-indicates-required { float: right; clear:both; font-size: 11px; padding-right: 32px; }
#mailchimp-widget #mc-indicates-required { float:none; }
#mc_display_rewards { clear:both; }
#mc_interests_header { font-weight:bold; clear:both; padding-top:.2em;}
div.mc_interest{ clear:both;}
input.mc_interest { float:left; }
label.mc_interest_label {float:left; clear:right;}
.mc_signup_submit { width:100%; text-align:center; clear:both; padding:.2em; }

/* Our Cliens */
#our-clients img {
	width: 190px !important;
	height: 60px !important;
}



/* =Image Caroussel
-------------------------------------------------------------- */
#caroussel {
	width: 503px; /* width of frame/image */
	height: 358px; /* same as above, but in height */
	position: relative;
	background:url(images/company_intro.gif) no-repeat;
	margin:3px 0 20px;
}
#caroussel-item {
	position: absolute;
	left: 0; top: 0; z-index: 1;
	float: left;
	width: 720px; /* equal to the frame/image */
	height: 320px; /* same as above, but in height */
}
#caroussel-item h3 {
	position: absolute;
	bottom: 0;
	z-index: 999;
	display: block;
	margin: 0; padding: 10px;
	line-height: 1.4em;
	background-color: #333;
	color: #fff;
}

#caroussel-item #slide-1,
#caroussel-item #slide-2,
#caroussel-item #slide-3 {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#caroussel-item #slide-2,
#caroussel-item #slide-3 {
	display: none;
}

#caroussel-items {
	margin: 0;
	position: absolute;
	right: 0; bottom: 40px; z-index: 10;
	width: 85px;
}