/*
Theme Name: PJA Advertising
Theme URI: http://agencypja.com
Description: the PJA theme is a custom theme built by Joel Oliveira and designed by January Spalatro.
Version: 0.1
Author: January Spalatro & Joel Oliveira
Author URI: http://joeloliveira.com
Tags: white, black, 2 column, fixed, background, wide
*/
/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* -------------------------------------------------
     BASIC FORMATTING 
------------------------------------------------- */

body{ font-family:"Lucida Sans",Verdana,Tahoma,Helvetica,Arial,sans-serif; font-size:62.5%; background:#88d8f5 url(images/bg.jpg) 964px top no-repeat; }

h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; margin-top:10px;}
h3 {font-size: 1.2em; margin-top:10px;}
h4 {font-size: 1em;}
h2, h3, h4 { }

a{ color:#00abea; text-decoration:none;}
a:visited, a:active { color:#00abea; }
a:hover { color:#00abea; text-decoration:none; }
a img { border:none; }

ul { margin:5px 0 5px 20px; }
ol { margin:5px 0 5px 20px; }

blockquote{
margin:10px 0 10px 20px;
padding:10px;
font-size:1.4em;
font-style: italic;
color:#999;
}

pre, code{ margin:10px; font-family:"Courier New", Courier, monospace; }

/* -------------------------------------------------
HEADER
------------------------------------------------- */
#header { padding:0px; overflow:hidden; margin-left:246px; background:transparent url(images/bg_header.jpg) left 30px no-repeat; height:144px; width:1600px; }
#header h1 { 
	height:99px;
	left:0;
	position:absolute;
	width:330px;
	z-index:1;
	top:43px;
}
#header h1 a { background:transparent url('images/bg_h1.gif') no-repeat top left; display:block; height:99px; width:330px; display:block; 	text-indent:-9999px;}
#header img { }
#header h2 {
	position:absolute;
	padding:0px;
	margin:0px;
	text-transform: uppercase;
	background:transparent url('images/bg_h1.gif') no-repeat left -65px;
	width:330px;
	height:99px;
	text-indent:-9999px;
	left:0;
	top:108px;
	z-index:2;	
}
#header ul { margin:0; overflow:hidden; padding:0 0 0 163px; }
#header ul li { display:block; float:left; margin-top:13px; }
#header ul li a { display:block; height:140px; width:557px; text-indent:-9999px;}
#header ul li.team a { background:transparent url(images/header_team.png) left 0px no-repeat; }
#header ul li.phil a { background:transparent url(images/header_phil.png) left 0px no-repeat; }
#header ul li.mike a { background:transparent url(images/header_mike.png) left 1px no-repeat; width:151px; }
#header ul li.hugh a { background:transparent url(images/header_hugh.png) left 5px no-repeat; width:155px; }
#header ul li.doug a { background:transparent url(images/header_doug.png) left 8px no-repeat; width:144px; }

/* -------------------------------------------------
NAVIGATION
------------------------------------------------- */
#nav { background:#000; margin-left:246px; }
#nav ul { clear:both; margin:0px; padding:0px; list-style:none; height:33px; }
#nav ul li { display:inline; padding:0 34px 0 0; margin:0; font-size:1.3em; font-weight: bold; font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; float:left; }
#nav ul li a { height:33px; display:block; padding:0px; width:90px; cursor: pointer;}
#nav ul li.ebooks a { width:100px; }
#nav ul li.podcasts a { width:120px; }
#nav ul li a span { color:#fff; font-weight:normal; line-height:33px; height:33px; display:block; padding:0px; padding-left:26px; }
#nav ul li.first 		a span { background:transparent url(images/sprites_header_bullets.gif) no-repeat scroll 6px 9px; }
#nav ul li.second 	a span { background:transparent url(images/sprites_header_bullets.gif) no-repeat scroll 6px -19px; }
#nav ul li.third 		a span { background:transparent url(images/sprites_header_bullets.gif) no-repeat scroll 6px -47px; }
#nav ul li.fourth 	a span { background:transparent url(images/sprites_header_bullets.gif) no-repeat scroll 6px -75px; }

body.home #nav ul li.home,
body.single #nav ul li.home,
body.archive #nav ul li.home,
body.page-id-415 #nav ul li.ebooks,
body.page-id-417 #nav ul li.podcasts,
body.page-id-2 #nav ul li.about { background:#fff url(images/bg_nav.gif) top right no-repeat; }

body.home #nav ul li.home a,
body.single #nav ul li.home a,
body.archive #nav ul li.home a,
body.page-id-415 #nav ul li.ebooks a,
body.page-id-417 #nav ul li.podcasts a,
body.page-id-2 #nav ul li.about a { background:transparent url(images/bg_nav_active.gif) 5px center no-repeat; padding:0 0 0 29px; }

body.home #nav ul li.home a span,
body.single #nav ul li.home a span,
body.archive #nav ul li.home a span,
body.page-id-415 #nav ul li.ebooks a span,
body.page-id-417 #nav ul li.podcasts a span,
body.page-id-2 #nav ul li.about a span { color:#000; }


#nav ul li.about   { float:right; }
#nav ul li.about a span { color:#88d8f5; }
body.page-id-2 #nav ul li.about a span {   }

/* -------------------------------------------------
SOCIAL MEDIA
------------------------------------------------- */
#social_media { margin-left:246px; margin-bottom:10px; }
#social_media ul { float:right; display:block; }
#social_media ul li { float:left; display:block; }
#social_media ul li a { width:35px; height:35px; overflow:hidden; display:block; text-indent:-9999px;}
#social_media ul li.fb      a { background:transparent url(images/sprites_sm.gif) 2px center; }
#social_media ul li.twitter a { background:transparent url(images/sprites_sm.gif) -68px center; }
#social_media ul li.flickr  a { background:transparent url(images/sprites_sm.gif) -32px center; }
#social_media ul li.youtube a { background:transparent url(images/sprites_sm.gif) -102px center; }

/* -------------------------------------------------
MAIN CONTENT
------------------------------------------------- */
#pagewrap { width:965px;margin:0;color:#666;position:relative;background-color:#fff; }
#contentwrap { margin-left:246px; min-height:600px; }
#content { float:left; width:454px; font-size:1.2em; margin:10px 0; min-height:500px;}


.post { color:#323232; font-size:14px; }
.post h2 a { color:#000; font-size:18px; text-decoration:none; line-height:1.1em; }
.post h2 a:hover { color:#000; text-decoration:underline; }
.post p { margin:1.2em 1em 1.2em 0; line-height:1.3em; } 
.post a { text-decoration:underline; }
.post img {  } 
.post ul { list-style-position: outside; list-style: disc; padding: 0 20px 0 22px; margin: 0 20px 0 22px;}
.post ul li { padding:2px 0 2px 10px; line-height:18px; margin:0 0 20px 0; }
.post small { font-size: .9em; }
.post small.byline { line-height:1.4em; margin:13px 0; display:block; font-size:13px; }
.post small.byline img { float:left; margin-right:5px;}

.postmetadata { padding:10px 0; border-top:dotted 1px #ddd; border-bottom:solid 1px #ddd; color:#999; font-size:11px;}
.postmetadata a { text-decoration: none; color:#999; }
.postmetadata a:hover { color:#333; text-decoration:underline; }

/* styling for Marketer's Action Plan */
.marketerActionPlan { width:400px; margin: 0 0 30px 10px; padding: 0 0 30px 0px; background-color: #cccccc; }
.marketerActionPlan h3 { color:#ffffff; width:360px; border-bottom:1px solid #ffffff; font-size:14px; font-weight:normal; padding: 15px 15px 15px 25px; margin: 0 0 15px 0; background-color:#000000; line-height:20px; }
.marketerActionPlan ol { list-style-position: outside; list-style-type: decimal; padding: 0 20px 0 22px; margin: 0 20px 0 22px; }
.marketerActionPlan ol li { padding: 0 0 0 5px; margin:0 0 15px 0; line-height:19px;}

/* archives page */
.archivetitle { font-size:1.2em; border-bottom: solid 1px #ddd; }
ul.archivelist { margin: 0; list-style: none; }
ul.archivelist li { padding:2px 0; }

/* single post nav for previous/next entries */
.navigation { height:30px; }
.navigation div { padding:0; font-size:.9em;float:left;width:98%;}

.alignleft {float:left;}
.alignright {float:right;}

/* styling for 'continued' page links */
p.continued{padding:5px; background:#f0f0f0;}
p.continued a{padding:5px; font-weight:bold;}

/* -------------------------------------------------
SIDEBAR
------------------------------------------------- */		
#sidebar_left { width:246px; position:absolute; top:30px; left:0px;  background:#fff url(images/bg_sidebar_header.jpg) top left no-repeat; padding-top:184px; }
#sidebar_right { width: 265px; float:right; }
.sidebar h2 { background:transparent url(images/sprites_h2.gif) left bottom no-repeat; color:#FFFFFF; font-size:14px; font-weight:normal; height:34px; padding-left:29px; padding-top:16px; }
.sidebar p {}
.sidebar a { }
.sidebar a:hover { text-decoration:underline; }
.sidebar ul{margin:0;padding:0;list-style:none;}
.sidebar ul li {padding: 2px;}
.sidebar ul li a{ display:block; }
.sidebar ul ul { padding-left:29px; }
.sidebar ul ul li { padding-left:0; }
.sidebar ul ul li a { padding-left:15px; background:transparent url(images/bg_bullet.gif) left center no-repeat; font-size:1.4em; line-height:1em;}

li.widget_categories h2 { background:transparent url(images/sprites_h2.gif) left -40px no-repeat; height:34px;  text-indent:-9999px; padding:0px; }
li.widget_tag_cloud h2 { background:transparent url(images/sprites_h2.gif) left -76px no-repeat; height:34px; text-indent:-9999px; padding:0px; }
li.widget_links h2 { background:transparent url(images/sprites_h2.gif) left -165px no-repeat; height:45px; text-indent:-9999px; padding:0px; }
li.widget_youtube h2 { background:transparent url(images/sprites_h2.gif) left -214px no-repeat; height:45px; text-indent:-9999px; padding:0px; }
li.widget_youtube object { margin-left:29px; }
li.widget #twitter_div h2 { background:transparent url(images/sprites_h2.gif) left -255px no-repeat; height:45px; text-indent:-9999px; padding:0px; }
li.widget #twitter_div ul li { font-size:12px; padding-bottom:10px;}
li.widget #twitter_div ul li a { background:none;font-size:10px;line-height:1em;padding:0;display:inline;}
li.widget #twitter_div ul li span a { background:none; display:inline; text-indent:0px; }
li.widget #twitter_div ul li span:after { content:" - "; }
li.widget_flickrRSS h2 { background:transparent url(images/sprites_h2.gif) left -300px no-repeat; height:45px; text-indent:-9999px; padding:0px; }
li.widget_flickrRSS a { margin-left:29px; clear:both; width:200px; border:solid 1px #efefef; padding:15px; }
li.widget_flickrRSS a img { width:200px;  }
li.widget_tag_cloud div { padding:5px 29px;}
li.widget_tag_cloud div a { display:inline; font-size:auto;}
li .upb_header { font-weight:bold; font-size:1.1em; padding:4px 0;}
li .upb_event,
li .upb_more  { padding:5px 0px;}
li .upcoming_badge { padding-left:29px;}

/* -------------------------------------------------
SEARCH
------------------------------------------------- */
#searchform { margin:10px 0;}
#searchform input { border: solid 1px #ddd;}
#searchform #s { width:200px; padding:2px;}
#searchsubmit{ font-weight: bold; color:#666; pointer; padding: 1px;}

/* -------------------------------------------------
THIS WEEK IN SOCIAL MEDIA
------------------------------------------------- */
#twism_nav { overflow:auto; padding:0; margin:15px 0; list-style:none; }
#twism_nav li { float:left; padding:0 10px; margin:0; border-left:dotted 1px gray; }
#twism_nav li:first-child { border:none; padding-left:0; }

.sidebar li.new_twism { 
	background:#e4e4e4 url(images/bg_twism~.gif) no-repeat scroll left top;
	padding:0 !important;
	width:245px;
	margin-left:7px;
}
.sidebar li.new_twism div.textwidget { padding:51px 25px 11px !important; }
.sidebar li.new_twism h2 { display:none; }
.sidebar li.new_twism p { line-height:14px; padding:5px 0; color:#000; font-size:11px; }
.sidebar li.new_twism a { color:#1cb2e9; display:inline;  line-height:20px; padding:2px; }
.sidebar li.new_twism a.reminder { background:transparent url(images/icon_reminder.gif) left center no-repeat; padding-left:24px; }
.sidebar li.new_twism .twitter { background:transparent url(images/icon_twitter.gif) left center no-repeat; padding-left:24px; }
.sidebar li.new_twism .linkedin { background:transparent url(images/icon_linkedin.gif) left center no-repeat; padding-left:24px; }


/* -------------------------------------------------
FEATURE LINKS
------------------------------------------------- */
.rss {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	background: #f0f0f0;
	padding-left: 5px !important;
	margin-top:10px;
}

.rss a {
	padding-left:25px;
	background: transparent  url(images/feed-icon-16x16.png) left no-repeat; 
}

/* -------------------------------------------------
COMMENTS
------------------------------------------------- */
#comments { margin:0px 10px 10px 0; padding:0px 10px 10px 0; }
#comments h3 { margin:0 0 10px; }
ol.commentlist { margin:0; padding:0; overflow: hidden;}
ol.commentlist li { background:#ececec;margin:0px 0 10px; padding:10px;}
ol.commentlist li.alt {}
ol.commentlist a {}
cite {font-style: normal; font-weight: bold;}
small.commentmetadata {}

/* -------------------------------------------------
COMMENT FORM
------------------------------------------------- */
#commentform { margin:0px 10px 10px 0; padding:0px 10px 10px 0; }
#commentform h3 { margin:0; }
#commentbox { width:100%; min-width:400px; margin:5px 5px 0 0; }
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea, 
#commentform #submit { border:solid 1px #ccc; margin:5px 5px 0 0; }
#submit { cursor:pointer; }

/* -------------------------------------------------
FOOTER
------------------------------------------------- */
#footer { clear:both; margin:0; border-top:dotted 1px #ddd; padding:30px; }
#footer p {  }


* html #content {   }
* html #contentwrap {   }
* html #sidebar_left {   }
* html #sidebar_right { width: 250px; background-color:#fff; overflow:hidden; }
* html li.widget_flickrRSS a { width:auto; padding:10px 0 10px 10px; margin-left:24px; }

/* -------------------------------------------------
CLEARS (if needed with further customizations)
------------------------------------------------- */
.clear{clear:both;}
.clearfix{display:inline-block;}
.noborder{border:none !important; vertical-align:middle;}
.left{float:left; border:none !important; }
.right{float:right; border:none !important; }