/*
Theme Name: Eastside Partners
Theme URI: -- this is domain --
Description: Custom theme for Eastisde Partners
Author: BrightWhistle
Version: 1.0.0.6
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	background:transparent;	border:0; margin:0; padding:0; vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6 { clear:both; font-weight:normal; }
ol, ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after {
	content:''; content:none;
}
del { text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
a img { border:none; }
a, input { outline:none; }

/* add back common styles */
b, strong { font-weight:bold; }
i, em { font-style:italic; }

/* ------------------------------------------------------------------------------------------
BODY & LINKS */

body { 
	background:#001f41; color:#93b3d5;
	font-family:arial, helvetica, sans-serif;
}

a, a:visited { 
	color:#93b3d5; text-decoration:none;
}
a:hover, a:active { 
	color:#93b3d5; text-decoration:underline;
}

.white a, .white a:visited,
.white a:hover, .white a:active,
.white, .white:visited,
.white:hover, .white:active { color:#ffffff; }

.tagcloud a, .tagcloud a:visited,
.tagcloud a:hover, .tagcloud a:active { color:#ffffff; }

/* ------------------------------------------------------------------------------------------ 
PAGE LAYOUT */

#header {
	background:#f0f0f1 url("images/bgTop.png") repeat-x top left;
	min-height:125px; overflow:hidden;
}

#content {
	background:#001f41 url("images/bgInnerPage.png") no-repeat top center; 
	color:#93b3d5; min-height:600px; overflow:hidden; text-shadow:1px 1px 1px #000000;
}

#footer {
	background:#001f41 url("images/bgFooter.png") repeat-x top left;
	padding:30px 0 30px 0;
}

div.setwidth { margin:0 auto; width:960px; }
div.innerpad { padding:40px 30px 30px 30px; }
div.floatleft, div.columnleft, div.columnmiddle { float:left; }
div.floatright, div.columnright, div.columnright-narrow { float:right; }
div.clear { clear:both; }

div.spacer { clear:both; height:60px; }
div.spacer15 { clear:both; height:15px; }
div.spacer30 { clear:both; height:7px; }

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

#header .floatleft { 
	border-bottom:1px solid #f5f5f5; 
	margin-top:20px; width:260px;
}
#header .floatright { 
	border-bottom:1px solid #f5f5f5; 
	margin-top:30px; width:700px;
}

.site-logo { 
	height:75px; position:relative; width:180px;
}
.site-logo span {
	background: url("images/logo.png"); height:100%;
	position:absolute; width:100%;
}

#menu-primary { 
	list-style:none; 
	margin:0; padding:0;
}

#menu-primary li {
	display:inline; float:left;
	margin:0 15px 0 15px; padding:0;
}
#menu-primary a { 
	color:#000000; font-size:14px; height:85px; line-height:85px; 
	padding-bottom:30px; text-transform:uppercase;
}
#menu-primary a:hover, #menu-primary li.current a { 
	border-bottom:5px solid #02547e; color:#005c8a;
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------------ 
FRONTPAGE ELEMENTS */

#slider { overflow:hidden; margin:10px 0 0 0; }
#slider .caption { margin:0 560px 0 0; }
#slider .caption h1 { color:#000000; text-shadow:1px 1px 1px #ffffff; }
#slider .caption p { color:#707070; }
#slider .caption p.name { color:#1d2218; margin-top:30px; }

.uds-bb-paginator.oldskool .uds-bb-position-indicator-bullets, .uds-bb-paginator.ubbv2 .uds-bb-position-indicator-bullets, .uds-bb-paginator.oldskool-bright .uds-bb-position-indicator-bullets { 
	background: none no-repeat scroll 0 0 transparent !important; 
	left:0px !important;
	width:100px !important;
}

.uds-bb-paginator.oldskool .uds-bb-bullet.active {
    background: url("images/buttonRotator2.png") no-repeat scroll transparent !important;
	background-position: 0 0 !important;
}

.uds-bb-paginator.oldskool .uds-bb-bullet, .uds-bb-paginator.oldskool-bright .uds-bb-bullet, .uds-bb-paginator.uTube .uds-bb-bullet, .uds-bb-paginator.modern .uds-bb-bullet, .uds-bb-paginator.ubbv2 .uds-bb-bullet {
    background:url("images/buttonRotator1.png") no-repeat scroll transparent !important;
	height:14px !important; width:14px !important;
}

.uds-stage, .uds-bb-description-inside {
	margin:0 !important; padding:0 !important; top:0 !important; left:0 !important;
}

.uds-bb-description {
	margin:30px 0 0 0 !important; padding:0 !important; top:0 !important; left:0 !important;
}

#featured {
	background:#001f41 url("images/bgHome.png") no-repeat top center; 
	border-top:1px solid #ffffff; color:#ffffff; padding-bottom:15px; text-shadow:1px 1px 1px #000000;
}

#featured .columnleft {
	padding-top:20px; width:550px;
}

.entry-post { color:#93b3d5; font-size:14px; line-height:1.5em; }
.entry-post-news a, .entry-post-news a:visited { 
	color:#93b3d5; text-decoration:none;
}
.entry-post-news a:hover, .entry-post-news a:active { 
	color:#93b3d5; text-decoration:underline;
}

.spacer25 { height:20px; }

.portfoliolist { list-style:none; margin:0 0 20px 0; padding:0; }
.portfoliolist li { 
	background:transparent url("images/divHorizontal.png") no-repeat bottom left;
	margin:0; overflow:hidden; padding:15px 0 5px 0;
}
.portfoliolist li a { color:#ffffff; }
.floatthumb { float:left; padding-top:30px; width:150px; }
.floatexcerpt { float:right; width:400px; }
.title { font-weight:bold; }

#featured .columnright {
	background:transparent url("images/divVertical.png") no-repeat top left;
	margin:0 0 30px 30px; width:360px;
}

#featured .listnews { list-style:none; margin:0 0 20px 0; padding:0; }
#featured .listnews li { 
	background:transparent url("images/divHorizontal2.png") no-repeat bottom left;
	font-size:12px; overflow:hidden; padding:10px 0 10px 0;
}
#featured .listnews li a { color:#ffffff; }
#featured .listnews .entry-date { color:#93b3d5; text-transform:uppercase; }

h3.showicon {
	background:transparent url("images/iconTitle.png") no-repeat top left; 
	display:block; padding-left:30px;
}

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

#content .columnleft { 
	background:transparent url("images/bgLeftMenu.png") no-repeat top right; 
	overflow:hidden; padding-top:30px; width:232px; 
}
#content .columnright { padding-top:30px; width:700px; }

#content .columnmiddle { 
	padding:30px 0 0 30px; text-shadow:1px 1px 1px #000000; width:460px;
}
#content .columnright-narrow {
	padding-top:30px; text-shadow:1px 1px 1px #000000; width:180px;
}

.columnright-narrow img { border:1px solid #09375c; padding:5px; }
.columnright-narrow a, .columnright-narrowa:visited { 
	color:#93b3d5; text-decoration:none;
}
.columnright-narrow a:hover, .columnright-narrow a:active { 
	color:#93b3d5; text-decoration:underline;
}

#content .listnews { list-style:none; margin:0 0 20px 0; padding:0; }
#content .listnews li {}

.alllink { float:right; font-size:12px; margin-bottom:15px; }

a.external  { 
	background:transparent url("images/iconExternal.png") no-repeat center right;
	padding-right:15px;
}

#testimonial { 
	background:transparent url("images/bgTestimonial.png") repeat-x top left;
	clear:both; color:#f7f8f3; text-shadow:1px 1px 1px #000000;
}
#testimonial .setwidth {
	border-top:1px solid #0d3c5f; padding:30px 0 30px 0; 
}

.subnav, .columnleft ul.menu { list-style:none; margin:0; padding:0; }
.subnav li, .columnleft ul.menu li {
	background:transparent url("images/divLeftMenu.png") no-repeat bottom left;
	color:#ffffff; font-size:14px; padding:10px 0 10px 15px;
}
.subnav li a, .columnleft ul.menu li a { color:#ffffff; }

.post-thumbnail { float:left; width:25%; }
.post-content { float:right; width:75%; }

.teamphotos { margin:0 auto; width:98%; }
.teamphotos .floatleft, .teamphotos .floatright { width:49%; }
.teamphotos img { border:1px solid #09375c; padding:5px; }


/* ------------------------------------------------------------------------------------------ 
FORMS */

.longform td { padding-bottom:10px; }
.longform input[type="text"] { 
	color:#454545; padding:3px 0; background-color:#d0d0d0;
}
.longform textarea {
	color:#454545; padding:3px 5px; background-color:#d0d0d0;
}
.longform select {
	color:#454545; padding:3px 10px 3px 5px;
}
.btnsubmit {
	background:#f0f0f1; border:1px solid #ffffff; 
	color:#000000; padding:5px 10px;
}

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

#footer .floatleft { width:760px; }
#footer .floatright { width:200px; }

#footer ul { 
	list-style:none; margin:0; padding:0;
}

#footer ul li {
	display:inline; float:left;
	margin:0 15px 0 15px; padding:0; text-transform:uppercase;
}

#footer ul a { color:#8a8a8a; }

.copyright { 
	color:#8a8a8a; font-size:12px;
}

.social-links {
  text-align: right;
  margin: -8px 0 6px 0;
}

.social-links .facebook-link {
  display: inline-block;
  height: 36px;
  width: 35px;
  background: url('images/linkFacebook.png');
  font-size: 0px;
  color: transparent;
  vertical-align: top;
}

.social-links .linkedin-link {
  display: inline-block;
  height: 36px;
  width: 35px;
  background: url('images/linkLinkedIn.png');
  font-size: 0px;
  color: transparent;
  vertical-align: top;
}

.social-links .twitter-link {
  display: inline-block;
  height: 36px;
  width: 35px;
  background: url('images/linkTwitter.png');
  font-size: 0px;
  color: transparent;
  vertical-align: top;
}

.social-links .linkedin-link:hover, .social-links .facebook-link:hover, .social-links .twitter-link:hover {
  background-position: 0px -46px;
}

/* SIDEBAR ELEMENTS */
.tagcloud {
  text-align: center;
}

/* ------------------------------------------------------------------------------------------ 
GLOBAL ELEMENTS */

/* Main global 'theme' and typographic styles */
body,
input,
textarea { font-size:14px; line-height:1.5em; }
hr {
	background:transparent; border-top:0; border-right:0; border-bottom:1px solid #152e4d; border-left:0;
	clear:both; color:#093a5f; height:2px; margin:15px 0 15px 0;
}

/* Text elements */
h1, h2, h3, h4, h5, h6 { 
	color:#f2f2f2; 
	font-family:"Droid Serif", serif; font-smooth:auto; font-weight:normal;
	line-height:1.1em; margin-bottom:20px; text-shadow:1px 1px 1px #000000;
}
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

h1.page-title { color:#f2f2f2; }

p {
	margin-bottom:20px;
}

p.sub-title {
  margin-top: -20px;
}

ul { 
	list-style:square;
	margin:0 0 20px 1.5em;
}
ol { 
	list-style:decimal;
	margin:0 0 20px 1.5em;
}

li { margin-bottom:5px; }

ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }

ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 20px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }

big { font-size:131.25%; }
ins { background:#ffc; text-decoration:none; }

blockquote { font-style:italic; padding:0 3em; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

pre { background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; }
abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
sup, sub { height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }

/* Text meant only for screen readers */
.screen-reader-text { position:absolute; left:-9000px; }

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto, img.size-full, img.size-large,
img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}

img.icon { vertical-align:middle; }

img.addborder { border:1px solid #09375C; padding:5px;  }