/*
Theme Name:     Craigslist Joe Theme
Theme URI:      http://www.craigslistjoe.com
Description:    Craigslist Joe Wordpress theme.
Author:         Pete Berg
Author URI:     http://www.peteberg.net
Template:       twentyeleven
Version:        2.0
*/

@import url("../twentyeleven/style.css");


img {
  border: none; }


body {
  font-family: 'Calibri', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 110%; 
  background: #515151 url("img/craigslist_backdrop.gif") no-repeat fixed center top;
}

a {
  text-decoration: underline;
  color: #000099; }
  a:visited {
    color: #000066; }
  a:focus {
    color: black; }
  a:hover {
    color: black; }
  a:active {
    color: #cc0099; }


#branding {
	background: url("img/craigslist_joe_logo.png") no-repeat scroll;
	height: 200px;
	border: none;
	background-position: 35px 48px;
}

#page {
	width: 980px;
	margin: 0 auto;
	background: #f4f6fa url("img/sky_background.jpg") no-repeat scroll center top;
}

#primary {
	width: 980px;
	background: url("img/skyline_joe_bottom_cutout.png") no-repeat scroll bottom center transparent;
	padding-bottom: 172px;
}

#branding #searchform {
	display: none;
}

#branding  h1, #branding h2 {
    text-indent: -3000px;                 //sends the text off-screen
    height: 100px;                        //be sure to set height & width
    width:  600px;
    white-space: nowrap;                  //because only the first line is indented
}

#branding h1 a, , #branding h2 a {
    outline: none;  // prevents dotted line when link is active
}

#headerimglink {
	display: none;
	width: 515px;
	height: 175px;
	position: absolute;
	top: 20px;
	left: 20px;
	overflow: hidden;
}

#access {
	background: none;
	box-shadow: none;
}

#access .menu {
	margin: 40px 0 0 560px;
	padding: 0 !important;
}

#access a {
	color: #000066;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0 .6em;
	padding: 0;
	border-bottom: 2px solid transparent;
}

#access a, #access a li a {
	font-size: 1.1em;
}

#access li:hover > a, #access a:focus {
	color: #000099;
	background: none;
	border-bottom: 2px solid #DDDDFF;
}

#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
    font-weight: bold;
	font-color: #000099;
}

#launch_date a {
	width:376px;
	height:40px;
	margin-left: 490px;
}

#launch_date img {
	margin-top: 12px;
}

#watch_now {
	width: 372px;
	padding: 0 0 0 535px;
	white-space: nowrap;
	overflow: hidden;
}

#access div {
	margin: 0 0 0 36px;
}

#watch_now a {
	color: #ff0000;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1em;
	display: inline;
}

#watch_now a:hover {
	text-decoration: underline;
}


#main {
	padding: 0 !important;
}

#primary {
	top: 0;
}

.page #content {
	margin: 0;
}

#post-5 .entry-header, #post-23 .entry-header { display: none; // removes "Home" title on home & crew pages }
#post-5 .entry-content, #post-23 .entry-content { padding: 0 !important; background: none !important; }

#post-5 { padding-top: 0; }

#post-5 .entry-content p {
	margin: 0;
}

#fbbox {
	background-image:url('img/transparent_gray_bg.png');
	width: 224px;
	height: 74px;
	overflow: hidden;
	float: left;
	margin: 0px;
}

.entry-content

#content .page {
	padding-top: 0;
}

.page a {
	color: #FFFFFF;
}

.page a:hover {
	text-decoration: underline;
}

.page .entry-header {
	margin: 0 0 0 48px;
}

.page .entry-header h1 {
	background-image:url('img/transparent_gray_bg.png');
	color: #eeeeee;
	padding: 0 14px 0 14px;
	font-size: 1.6em;
}

.page .entry-content {
	margin: 0 0 0 48px !important;
	background-image:url('img/transparent_gray_bg.png');
	color: #EEEEEE;
	padding: 14px;
	font-size: .9em;
}

.page { border-bottom-width: 0; }

.singular .entry-header {
	width: 489px;
}

#site-generator {
	display: none;
}

.edit-link {
	display: none;
}


/* TWO COLUMN PAGE LAYOUT */

.two-column #content {
	width: 670px;
}



/* SIDE BAR */

#secondary {
	margin-right: 3%;
	width: 23%;
}

.widget h3, .widget h3 a {
	font-size: 13px;
	color: #666666;
}

.widget a {
	color: #666;
}

.widget a:hover {
	color: #222;
	text-decoration: underline;
}

.widget_reallysimpletwitterwidget ul li {
	font-size: 12px;
}

.rstw_comma { display: none; }

.follow_us {
	line-height: 1.5em;
	font-size: 1.5em;
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.home #primary {
	padding-bottom: 118px;
}

#sb-container {z-index:9999999 !important;}

.page-id-9 .widget_reallysimpletwitterwidget {display:none;}  /* Hide Twitter box on trailer page */



/*######################*/
/*### Crew Page      ###*/
/*######################*/

#crewnav { width: 160px; float:left; }

#crewnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Gotham, Calibri, Helvetica, sans-serif;
font-size: .9em;
}

#crewnav span { font-weight: bold; }

#crewnav a
{
display: block;
padding: 0 3px 0 3px;
width: 150px;
	background-color: #4D4D4D;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.80;
text-decoration: none;
margin-bottom: 5px;
}

#crewnav a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#crewnav a:hover
{
background-color: #369;
color: #fff;
text-decoration:none;
}



#crewbox {
        float:left;
        width: 420px;
        margin: -5px 0 0 10px;
        padding: 0 10px 0 10px;
	background-image:url('img/transparent_gray_bg.png');
}

#crewbox h3 {color:#fff; font-family:Gotham, Calibri, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.3em;}

#crewbox h5 {font-weight: bold; line-height: 2em;}

#crewbox p {font-size: .9em;}


/*######################*/
/*### Theaters Page  ###*/
/*######################*/

.tg-widget {
	color: #eee !important;
	font-family: Gotham, Calibri, Helvetica !important;
	font-size: 95% !important;
}

.tg-events-wr {
	width: 100% !important;
	height: auto !important;
	overflow-y: visible !important;
}

.tg-logo-1 img { display:none; }
.tg-request-screening img { display:none; }

.tg-title h1 {
	display:none;
}



.tg-event-venue-addr {
	font-weight: bold;
}

.bluelink {
	color: #18A8EB !important;
}


.page-id-17 .entry-content a {
	text-decoration: none;
	font-style:italic;
}

.page-id-17 .entry-content a:hover {
	text-decoration: underline;
}

.source {
	text-transform: uppercase;
}