n/**
 * Theme Name: Landmark Cities Shared
 * Theme URI: http://www.landmarkeducation.com/
 * Description: A custom responsive WordPress theme for Landmark Education. This theme is for sharing the same page content & navigation structure (in the same language) across many sites
 * Author: Garrick van Buren
 * Author URI: http://garrickvanburen.com
 * Version: 0.3
 */


/* -------------------------------------------------------------- 
   reset.css
   * Resets default browser CSS.
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0 0 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/*-------------------------------------------------------------- */

/**
 * Micro Clear Fix
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}


/**
 * CSS Sprites
 * 
 * Default values
 */
.sprite	{background: url('img/sprites.png') no-repeat top left; overflow: hidden; text-indent: -999px;}
.sprite-blogs-icon{ background-position: 0 0; width: 45px; height: 43px; } 
.sprite-blogs{ background-position: 0 -93px; width: 106px; height: 13px; } 
.sprite-connect-icon{ background-position: 0 -156px; width: 26px; height: 22px; } 
.sprite-facebook-icon{ background-position: 0 -228px; width: 20px; height: 20px; } 
.sprite-facebook{ background-position: 0 -298px; width: 70px; height: 20px; } 
.sprite-googleplus{ background-position: 0 -368px; width: 60px; height: 20px; } 
.sprite-insights-icon{ background-position: 0 -438px; width: 46px; height: 44px; } 
.sprite-insights{ background-position: 0 -532px; width: 112px; height: 15px; } 
.sprite-twitter{ background-position: 0 -597px; width: 71px; height: 21px; } 
.sprite-youtube-icon{ background-position: 0 -668px; width: 19px; height: 15px; } 
.sprite-youtube{ background-position: 0 -733px; width: 47px; height: 17px; }  
.sprite-home-icon{ background-position: 0 -787px; width: 16px; height: 16px; }




body {       
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   
 background: #EDEADD  url('img/LEcities_background_01.png') top left no-repeat;
 font-size: 100%;
 width: 968px;
 margin: 23px auto 15px auto;
}
    

select {
	font-size: 9px;
}

em {
	font-style: italic;
}

a {               
	font-size: 14px;
    color: #62ADC2;
} 

a img {
	border: none;
}    

#header,
#content,
#sidebar-home .widget {
	border: 10px solid white;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; 
	-moz-box-shadow: 2px 2px 1px #8B877E;
	-webkit-box-shadow: 2px 2px 1px #8B877E;
	box-shadow: 2px 2px 1px #8B877E;
	behavior:url('/wp-content/themes/cities-wp-theme/js/PIE.htc');
}


#branding {
	padding-left:14px;
	padding-top: 6px;
	float:left;
}

#branding .slogan	{
	margin:-5px 0 0 1px;
	font-size:11px;
	color:#9f9f9f;
}

.mobile-home-btn, .mobile-nav-btn	{display:none;}

#sidebar-home .widget {
	height: 126px;
	float:left;
}

#sidebar-home .widget-even {
	float:right;
}

#content {
	margin-bottom: 10px;	
	background: white;
	text-align: right;	
}

.home #content {
	height: 297px;    	
	background: white url('img/box-gradient.png') no-repeat 0 4px;	
}

#content img.attachment-post-thumbnail {
	position: relative;
	top: -24px;
	float:right;
	margin-top:-7px;
}

.home #content img.attachment-post-thumbnail {
	top: -314px; 	
	float:none;
}

.Atlanta.home #content img.attachment-post-thumbnail {
	top: -308px; 	
}

.Auckland.home #content img.attachment-post-thumbnail {
	top: -315px; 	
}

.Phoenix.home #content img.attachment-post-thumbnail {
	top: -315px; 	
}

.Orange.County.home #content img.attachment-post-thumbnail,
.Miami.home #content img.attachment-post-thumbnail,
.Fort.Lauderdale.home #content img.attachment-post-thumbnail,
.Denver.home #content img.attachment-post-thumbnail  {
	top: -315px; 	
}

.ie .home #content img.attachment-post-thumbnail {
	float:right;
	top:-19px;
}

           
.home #description {
	width: 675px;
	text-align: center;
	color: #433B30;
	font-size: 14px; 
	margin-top: 5px;
	margin-bottom: 0;
}

.ie .home #description	{
	float:left;
}

.ie #description.has_thumb {
	float:left;
	width:675px;
}

#content .copy	{
	float: left;
	width:582px;
}

#content .sidebar {
	float:right;
 	text-align: left;
	width: 300px; 
	padding: 4px 4px 4px 30px; 	
	border-left: 1px solid #E7E3E0;
}

#content #new-for-schedules {
	color: #6E655E;
}

#content #new-for-schedules p {
	padding-bottom: 12px;
}

#content #new-for-schedules,
#content #new-for-schedules a {
	font-size: 12px;
	text-decoration: none;
}

 #description h4 {
	color: #6D645B;
	font-size: 23px;
	text-align: left;
	padding-left: 15px;
	margin-top: 12px;
	margin-bottom: 20px;
	line-height: 30px;
}

#forum #description {
	width: 582px;
	float: left;
}

#forum #description a {
	text-decoration: none;
}

#description ul {
	margin-bottom: 10px;
	margin-left: 50px;
}

#description li {
	list-style-type: disc;	
	text-align: left;
	color: #6D645B;
}

#aboutus #description p,
#forum #description p {
	padding-bottom: 10px;
}

#description {
	width: 100%;
	margin-bottom: 47px;
}

#description p { 
	padding-left: 15px;
	padding-right:30px;
	padding-bottom: 10px;
	text-align: left;
	color:#6E655E;
	line-height:21px;
	font-size: 14px;  	
}

#description p a {
	text-decoration: none;
}

.home #description p {
	padding-left: 15px;
	padding-right:30px;
	padding-bottom: 0;
	text-align: left;
	color:#6E655E;
	line-height:19px;
	font-size: 14px;  	
}

#description div.person {
	text-align: left;
	margin: 12px 12px 22px 12px;
}

#description div.person img {
	float: left;
	padding-right:25px;
	padding-left:5px;
	margin-top:3px;
	margin-bottom:20px;
	padding-bottom:20px;
}

#description div.person div.statement {
	display:block;
}

.home h1.entry-title, #contact-us h1.entry-title {display:none;}

.home #description h1 { 
	padding-left: 15px;
	padding-bottom:3px;
	font-size: 36px;
	font-weight: bold; 
	line-height: 40px;
	text-align: left;
	color: #60ACC3;  
}

#description h1 { 
	padding-left: 15px;
	padding-bottom:20px;
	font-size: 36px;
	font-weight: bold; 
	line-height: 40px;
	text-align: left;
	color: #F09000;
}

#description h1 span {
	font-weight: normal;
}

#description h2 {
	font-size: 16px;
	color: #433B30;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px;
	font-weight: bold;

}

#description h2 a {
	font-size: 16px;
	color: #62ADC2;
	text-align: left;
	padding-top: 10px;
	font-weight: bold;
	text-decoration:none;
}

.home #description h2 {      
	font-size: 36px;
	line-height: 37px;
	margin-bottom: 12px;
	font-weight: normal;
	color: #433B30;
	text-align: right;
	padding-top: 0px;
	padding-right: 30px;
}
   
#description h3 {    
	font-size: 36px;
	font-weight: bold; 
	color: #f09000;
}
 
.home #description h3 {
	margin-top: 6px;
}

#description h3,
#description ul {
	text-align: center;
}

#description ul {
	font-size: 14px;
}
    
.home #description ul {
	text-align: center;
	color: #6E655E;
	font-size: 16px;
}

.home #description li {
	text-align:center;
	list-style-type: none;
}

.credit{
	margin-top:10px;
	line-height:21px;
	display:block;
}

#header {  
	padding-top: 6px;
	background: white;   
	margin-bottom: 26px;
}

ul#lang.menu {
	float:right;
}

ul#lang.menu li a {
	font-size: 11px;
}

ul#lang.menu li.current-menu-item a {
	font-weight: bold;
}

#country {
	float: right;
	margin-top:3px;
	padding-right: 15px;
	font-size: 11px;
	color: #6F6858;	
}
    
#city {
	text-transform: uppercase;
	color: #5DAEC1;
	font-size: 36px;
	line-height: 22px;
	font-weight: bold;
	text-align: right;
	margin: -4px 15px 16px 0;
	float:right;
} 

#city small {
	font-weight:normal;
	text-align:left;
	color: #DAD3C9;
	font-size: 11px;
	text-transform:uppercase;
	display:block;
	margin: 0;
	padding:0;
}

#header .connect-btn-top {
	position:relative;
	float: right;
	padding-right: 15px;	
}

#header .sprite-connect-icon	{
	display:block;
}

#header #nav li {
	display:block;
	padding:0;
	margin:0;	
}

#header #nav li a { 
	display:block; 	
	color: #A89C88;
	font-size: 18px;      
	font-weight: bold;
	text-decoration: none;
	margin-left: 6px;
	margin-right: 10px;    
}

#header #nav li.current-menu-item > a {
  color: #43392F; 
}   



ul {
	list-style-type: none;
} 

ul#nav {
	font-weight:bold;
	margin:0 0 0 10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li {
	padding-bottom: 5px;
	float:left;
	position: relative; 
}


/*--- DROPDOWN ---*/
#nav ul {
	background: #EDEADB; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li {
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	padding-bottom: 11px;
	float:none; 
}
#nav ul a {
	/* white-space:nowrap; Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */   
	background: white;     
	border-left: 1px solid #67675F;
	border-right: 1px solid #67675F;
	border-bottom: 1px solid #67675F;	
} 


#header #nav li ul li a,
#header #nav li.selected ul li a,
#header #nav li.current_menu_item ul.subm-menu li a
 {  
	font-weight: normal;
	font-size: 12px;
	color: #62ADC2; 
	padding: 3px 3px 8px 3px; 
	vertical-align:bottom;
}

#header #nav li ul li a:hover {  
	text-decoration: underline;
}

#header li,
#footer li {
	display: inline;
}

#footer {
	margin-top: 28px;
	margin-bottom:15px;
	color:#6E655E;
}

#footer a {
	text-decoration: none;
}

#footer li {
	text-transform: lowercase; 
}

#footer li:before {
	content: " | ";
}

#footer li:first-child:before {
	content: "";
} 

#footer {
	font-size: 14px;
}

#footer p {
	margin-top: 15px;
	font-size:13px;
}

.connect-btn-bot {
	position:relative;
}

#sidebar-connect {
	display:none;
	position:absolute;
	top:33px;
	bottom:auto;
	left:-257px;
	width:270px;
	padding:10px;
	color:#41352f;
	background:#fff;
	font-size:10px;
	border:1px solid #bfb6a8;
	z-index:99;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.3)
}

#sidebar-connect .pointer	{
	position:absolute;
	top:-6px;
	right:15px;
	display:block;
	width:10px;
	height:10px;
	background:#fff;
	border-top:1px solid #bfb6a8;
	border-right:1px solid #bfb6a8;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067690849304, M12=0.7071067690849304, M21=-0.7071067690849304, M22=0.7071067690849304,sizingMethod='auto expand');
}

#sidebar-connect.bottom {
	top:auto;
	left:0;
	bottom:30px;
	box-shadow: 0 -3px 3px 0px rgba(0, 0, 0, 0.3)
}

#sidebar-connect.bottom .pointer {
	left:15px;
	right:auto;
	top:auto;
	bottom:-6px;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067690849304, M12=-0.7071067690849304, M21=0.7071067690849304, M22=-0.7071067690849304,sizingMethod='auto expand');
}

#sidebar-connect .widget {
	margin:5px 0;
	padding:5px 0;
	border-bottom:1px solid #bfb6a8;
	line-height:12px;
}

#sidebar-connect .widget:last-of-type	{
	border-bottom:none; margin-bottom:0;
}

#sidebar-connect .widget-title	{background-image:url('img/sprites.png'); overflow:hidden; text-indent:-999px; margin-bottom:5px;}
#sidebar-connect .widget p		{margin-bottom:5px; margin-top:0; text-transform: none;}
#sidebar-connect .widget a		{white-space:nowrap; font-size:10px; text-decoration:none;}
.blogs .textwidget				{background:url('img/sprites.png') 0 2px no-repeat; padding-left:55px; min-height:45px;} 
.blogs .widget-title			{background-position: 0 -93px; width: 106px; height: 13px;} 
.facebook .widget-title			{background-position: 0 -298px; width: 70px; height: 20px;} 
.facebook .textwidget p			{background:url('img/sprites.png') 0 -226px no-repeat; padding-left:25px; min-height:20px;}
.googleplus .widget-title		{background-position: 0 -368px; width: 60px; height: 20px;}
.insights .widget-title			{background-position: 0 -532px; width: 112px; height: 15px;}
.insights .textwidget 			{background:url('img/sprites.png') 0 -438px no-repeat; padding-left:55px; min-height:45px;}
#sidebar-connect .twitter .widget-title			{background-position:0 -597px; width: 71px; height: 21px;}
.youtube .widget-title			{background-position: 0 -733px; width: 47px; height: 17px;} 
.youtube .textwidget p			{background:url('img/sprites.png') 0 -666px no-repeat; padding-left:25px; min-height:19px;}
#sidebar-connect .linkedin .widget-title {background-image:url('img/linkedin_logo.gif');background-position: 0 0; width: 89px; height: 25px;} 
.linkedin .textwidget p			{background:url('img/linkedin_logo.gif') 0 0 no-repeat; padding-left:25px; min-height:19px;}

#sidebar-connect .pinterest .widget-title {background-image:url('img/logo-pinterest.png');background-position: 0 0; width: 60px; height: 16px;} 
.pinterest .textwidget p			{background:url('img/icon-pinterest.png') 0 0 no-repeat; padding-left:25px; min-height:19px;}
.twitter .textwidget p			{background:url('img/icon-twitter.png') 0 0 no-repeat; padding-left:25px; min-height:19px;}


.home #content img.attachment-post-thumbnail.mobile {display:none;}

@media screen and (max-width: 480px) {
	.home #content img.attachment-post-thumbnail.desktop, div.desktop, #city small.desktop {display:none;}
	.home #content img.attachment-post-thumbnail.mobile {display:inline;}
	body {width:100%; min-width:320px; margin:0;}
	
	

	#header, #content	{border:0; border-radius:0; box-shadow:none;}
	
	/* Masthead */
	#header				{margin:0;}
	#branding			{float:none;}
	.slogan 			{display:none;}
	.mobile-banner		{background:#edeadd;}
	.mobile-home-btn	{display:block; float:left; width:27px; height:27px; margin-left:15px; background-color:#ee8f23; background-position:6px -780px; color:#fff; text-indent:-999px;}
	#country			{margin-top:5px; padding-right:10px;}
	#country select		{max-width:103px;}
	.connect-btn-top	{top:3px;}
	#city	{margin:15px 15px 10px; font-size:29px; text-align:left;float:none;}
	
	/* Main Nav */
	#primary-nav		{position:absolute; top:9px; right:0; width:100%;}
	ul#nav				{display:none; position:relative; top:33px; left:0; float:none; overflow:hidden; margin:0; background:#edeadd; border-top:1px solid #edeadd; border-bottom:1px solid #edeadd; z-index:999; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);}
	#nav li				{float:none; border-bottom:1px solid #fff;}
	#nav li.home		{display:none!important;}
	#nav li:last-of-type	{border-bottom:none;}
	#nav a				{margin:0!important; font-size:17px!important; padding:5px 15px;}
	#nav a:hover		{background:#fff;}
	#nav ul				{display:none;}
	#nav li:hover ul	{display:none; left:-9999px;}
	.mobile-nav-btn		{display:block; position:absolute; top:0; right:15px; padding:0 15px; color:#ee8f23; font-size:12px; font-weight:bold; white-space:nowrap; text-decoration:none; text-transform:uppercase; background:#fff; border:1px solid #9b9e9e; }
	.mobile-nav-btn small	{color:#aaa; font-size:15px;}
	
	/* Default entry */
	#content img.attachment-post-thumbnail {display:none;}	
	#content .copy		{float:none; width:auto; margin-bottom:15px;}
	#content .sidebar	{float:none; width:auto; margin:15px; padding:15px 0 0; border-left:none; border-top:1px solid #E7E3E0;}
	
	#description h1		{font-size:22px; padding-bottom:0;}
	#description ul		{margin-left:30px;}
	#description div.person		{border-top:1px solid #9d9d9d; padding:15px 0;}
	#description div.person img	{display:block; float:none; margin:0 auto;}
	#description div.statement p	{margin-bottom:15px; padding:0; text-align:justify;}
	
	/* Homepage */
	.home #content			{height:auto; margin-bottom:15px; padding-bottom:15px; background:#fff;}
	#home					{position:relative;}
	.home #description		{margin-top:0; width:auto; margin:0;}
	.home #description h1	{font-size:22px; padding-bottom:0; line-height:1.2;}
	.home #description h2	{font-size:22px; padding-right:0; text-align:left; line-height:1.2;}
	.home #content img.attachment-post-thumbnail	{display:inline; position:relative; top:0; max-width:35%; height:auto; float:right; margin:-40px 15px 5px 10px;}
	.home #description h3	{font-size:22px; margin:5px 15px 0; text-align:left;}
	.home #description ul	{font-size:14px; margin:0 15px 0 30px;}
	.home #description li	{text-align:left; list-style-type: none;}
	
	#sidebar-home .widget	{float:none!important; width:auto; height:auto; margin:0 15px 15px;}
	#sidebar-home .widget img	{display:block; max-width:100%; height:auto;}
	
	/* Footer */
	#footer	{margin-top:0; padding:0 15px;}
	#footer li			{display:block;}
	#footer li:before	{content:none;}
	
	#menu-footer-nav	{position:relative;}
	.connect-btn-bot	{position:absolute; bottom:0; right:0;}
	.connect-btn-bot>a	{font-size:14px; font-weight:700; text-transform:uppercase; padding:3px 33px 3px 0; background:transparent url('img/sprites.png') 77px -155px no-repeat;}
	
	#menu-legal-nav		{margin-top:15px; padding-top:15px; border-top:1px solid #a3a3a3;}
	
	/* Connect Menu */ 
	#sidebar-connect				{width:298px; left:-279px;}
	#sidebar-connect .pointer		{right:23px;}
	#sidebar-connect.bottom 		{top:auto; left:auto; right:-15px; bottom:35px;}
	#sidebar-connect.bottom .pointer {left:auto; right:21px;}
	
}