/*
Theme Name: JD
Version: 1.0
*/


/* ----------------------- http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) --------------------- */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ------------------------------ Text, Lists and Links -------------------------------- */

body{
	background-color: #ececec;
	border-top: 6px solid #000;
	color: #6d6c71;
	font: 12px/20px Verdana, Geneva, sans-serif;
}

ol, ul, p{
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6{
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: .75em 0px 3px;
}

h1{
	border-bottom: 1px solid #ccc;
  font-size: 30px;
  line-height: 32px;
	padding-bottom: 10px;
	margin-top: 0px;
}

h2{
	font-size: 26px;
	line-height: 28px;
}

h3{
	font-size: 22px;
	line-height: 24px;
}

h4{
	font-size: 18px;
}

h5{
	font-size: 14px;
}

h6{
	font-size: 9px;
}

a{
	color: #2361a1;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

ol, ul{
	margin-left: 30px;
}

ol{
	list-style: decimal;
}

ul{
	list-style: disc;
}

li{
	padding: 0 0 8px 0px;
}


/* ------------------------------ Main Layout -------------------------------- */

#wrapper{
	margin: 0 auto;
	width: 1037px;
}

#header{
	background: url('images/header_bg.png') 0 0 repeat-y;
	height: 93px;
	overflow: hidden;
	padding: 0 25px 0 22px;
	position: relative;
}

#container{
	background: url('images/container_bg.png') 0 0 repeat-y;
	overflow: hidden;
	padding-bottom: 30px;
}

#sidebar, #mainContent{
	float: left;
	margin-top: 10px;
}

#sidebar{
	margin-left: 24px;
	width: 258px;
}

#mainContent{
	margin-left: 29px;
	width: 699px;
}

#footer{
	background-color: #363636;
	border-top: 2px solid #fff;
}
#school-form{
	background: #FFFFFF 0 0 repeat-y;
	overflow: hidden;
	padding-bottom: 30px;
	text-align: center;
	width: 940px;
	margin-left: 20px;
}

/* ------------------------------ Header -------------------------------- */

img.logo{
	margin-top: 16px;
	position: absolute;
}

#nav{
    float: right;
    font-size: 14px;
	margin-top: 55px;
    overflow: hidden;
}

#nav a, #nav p{
	color: #000;
}

#nav a{
	text-decoration: none;
}

#nav a.selected, #nav a:hover{
	color: #2361a1;
	text-decoration: underline;
}

#nav p{
	margin-bottom: 0;
	padding-top: 4px;
}

#social, #nav p{
	float: right;
}

#social{
	margin: 0 0 0 10px;
}

a.facebook, a.twitter, a.rss{
	background-image: url('images/social_icons.png');
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 29px;
	width: 29px;
}

a.facebook, a.twitter{
	margin-right: 10px;
}

a.twitter{
	background-position: -29px 0;
}

a.rss{
	background-position: -58px 0;
}

a.facebook:hover{
	background-position: 0 -29px;
}

a.twitter:hover{
	background-position: -29px -29px;
}

a.rss:hover{
	background-position: -58px -29px;
}


/* ------------------------------ Sidebar -------------------------------- */

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

#sidebar ul li{
	padding-left: 0;
	margin-bottom: 15px;
}

#sidebar ul ul{
	list-style: disc;
	margin-left: 18px;
}

#sidebar ul ul li{
	margin: 0;
}

#sidebar h3{
	background-color: #363636;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.sharing{
	margin-left: 100px;
}

.like{
	margin-bottom: 10px;
}

.tweet{
	margin-bottom: 7px;
}


/* ------------------------------ Main Content -------------------------------- */

td.schoolLogo{
	padding-right: 10px;
	width: 150px;
}

a.moreinfoBtn{
	background: url('images/more_info.jpg') 0 0 no-repeat;
	display: block;
	height: 32px;
	margin: 0 auto 10px;
	width: 164px;
}

a.moreinfoBtn:hover{
	background-position: 0 -32px;
}

h4.more{
	margin: -10px 0px 30px;
	font-size: 22px;
}

td.schoolLogo p{
	font-size: 10px;
	line-height: 18px;
	margin: 0;
}

.intro-links{
	margin: 0 auto 15px;
	overflow: hidden;
	width: 698px;
}

.professorBtn, .blogBtn, .twitterBtn{
	background: url('images/intro_links_new_media.png') 0 0 no-repeat;
	display: block;
	float: left;
	height: 122px;
	width: 228px;
}

.professorBtn:hover{
	background-position: 0 -122px;
}

.blogBtn{
	background-position: -228px 0;
}

.blogBtn:hover{
	background-position: -228px -122px;
}

.twitterBtn{
	background-position: -456px 0;
}

.twitterBtn:hover{
	background-position: -456px -122px;
}

.blogBtn, .twitterBtn{
	margin-left: 7px;
}

#mainContent ul.dd-list{
	margin-left: 0;
}

#mainContent ul.dd-list li{
	background: url('../../../logos/microarrow.gif') 0 0 no-repeat;
	list-style: none;
	padding-left: 21px;
}

.newspaper{
	background: url('images/newspaper_heading.png') 0 0 no-repeat;
	height: 289px;
	margin: 0 auto 5px;
	width: 694px;
}

.newspaper-nav-wrap{
	margin: 91px 0 0 103px;
	position: absolute;
	width: 458px;
}

ul.newspaper-nav{
	overflow: hidden;
}

ul.newspaper-nav, ul.newspaper-nav li{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.newspaper-nav li{
	display: inline;
}

ul.newspaper-nav a{
	border-left: 1px solid #656565;
	color: #fff;
	display: block;
	float: left;
	padding: 3px 30px;
	text-decoration: none;
}

ul.newspaper-nav a:hover{
	background-color: #ccc;
	color: #464646;
}

ul.newspaper-nav a.west{
	border-right: 1px solid #656565;
}

.newspaper p{
	color: #464646;
	display: block;
	height: 150px;
	padding: 127px 0 0 273px;
	width: 380px;
}

.professor-wrap h2{
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

p.to-top{
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	width: 125px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#prof-share-wrap {
   height: 30px;
   margin-left: 345px;
}

#prof-share{
	background-color: #fff;
	padding-left: 30px;
}

.best_2012_header, .best_twitters_header{
	height: 238px;
}

.best_2012_header, .best_twitters_header, .media_law_header{
	margin-bottom: 10px;
	width: 699px;
}

.best_2012_header{
	background: url('images/100_best_sites_for_journalists_in_2012.png') no-repeat 0 0;
}

.best_2012_nav, .best_twitters_nav{
	color: #acacac;
	padding-top: 211px;
	text-align: center;
}

.best_2012_nav a, .best_twitters_nav a{
	color: #000;
	text-decoration: none;
}

.best_2012_nav a:hover, .best_twitters_nav a:hover{
	text-decoration: underline;
}

.best_2012_copy, .exemplary_copy{
	position: relative;
}

.best_2012_copy ol > li, .exemplary_copy ol > li, .new_media_copy ol > li, .best_twitters_copy ol > li, .media_law_copy ol > li{
	clear: both;
	margin-bottom: 10px;
}

.best_2012_share, .exemplary_share{
	background-color: #363636;
	bottom: 10px;
    padding: 10px 0 10px 217px;
    position: fixed;
    width: 482px;
    z-index: 1000;
}

.best_2012_share .fb-like, .exemplary_share .fb-like{
	margin-right: 30px;
}

.exemplary_header{
	background: url('images/100_exemplary_college_newspapers_for_journalism_students.jpg') no-repeat 0 0;
	height: 158px;
	margin-bottom: 15px;
	width: 699px;
}

.new_media_header{
	background: url('images/the_new_media_landscape_105_vital_sources_for_journalists.png') no-repeat 0 0;
	height: 217px;
	margin-bottom: 10px;
	position: relative;
	width: 699px;
}

.new_media_header ul{
	bottom: 8px;
	font-style: italic;
	margin: 0;
	position: absolute;
}

.new_media_header li{
	display: inline;
	padding: 0;
}

.new_media_header a{
	color: #000;
	float: left;
	padding: 7px 19px;
	text-decoration: none;
}

.new_media_header a:hover{
	background-color: #d6d6d2;
}

.new_media_header a.border{
	border-right: 1px solid #c4c4c0;
}

.best_twitters_header{
	background: url('images/best_in_journalism_151_twitters_worth_a_follow.png') no-repeat 0 0;
}

.media_law_header{
	background: url('images/100_key_ethics_and_media_law_resources_for_journalists.jpg') no-repeat 0 0;
	height: 334px;
	position: relative;
}

.media_law_nav, .media_law_nav a{
	color: #464646;
}

.media_law_nav{
	bottom: 9px;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.media_law_nav a{
	text-decoration: none;
}

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

.return{
	clear: both;
	display: block;
}


/* ------------------------------ Footer -------------------------------- */

#footContentWrap{
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0;
	width: 1024px;
}

#footContentWrap h4, #footContentWrap a{
	color: #fff;
}

.footShadow{
	background: url('images/foot_shadow.png') 0 0 repeat-x;
	height:9px;
	margin-top: -9px;
}

.footDivide{
	float: left;
	width: 250px;
}

.footDivide ul{
	margin-left: 0;
}

.footDivide ul li{
	list-style: none;
	padding-left: 0;
}

.copyright{
	clear: both;
	overflow: hidden;
}

.copyright img{
	float: right;
	margin: 20px 12px 0 0;
}


/* ------------------------------ Blog Stuff -------------------------------- */

.entry-meta{
	font-style: italic;
	margin-bottom: 10px;
}

.entry-utility{
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	font-size: 10px;
	margin-bottom: 20px;
	padding: 10px 5px;
}

#nav-below{
	background-color: #ececec;
	margin: 20px 0;
	overflow: hidden;
	padding: 10px;
}

.nav-previous, .nav-next{
	width: 300px;
}

.nav-previous{
	float: left;
	text-align: left;
}

.nav-next{
	float: right;
	text-align: right;
}


/* ------------------------------ Tables -------------------------------- */

td{
	vertical-align: top;
}

table#top5 td{
	padding-bottom: 20px;
}

td.schoolDfw{
	padding-bottom: 20px;
}

td.schoolLogo p{
	font-size: 11px;
	line-height: 1.2em;
	margin-bottom: 4px;
}

/* ------------------------------ Forms -------------------------------- */

input[type="text"], select{
	margin-bottom: 10px;
}

label{
	font-weight: bold;
	margin-bottom: 3px;
}

select{
	width: 200px;
}

input.find_now_button{
	background: url('images/find_now.png') 0 0 no-repeat;
	border: none;
	cursor: pointer;
	height: 48px;
	margin-top: 5px;
	width: 212px;
}

input.find_now_button:hover{
	background-position: 0 -48px;
}

.sidebarDfw{
	margin-left: 25px;
}

.sidebarDfw input[type="text"], .sidebarDfw select, .contentDfw input[type="text"], .contentDfw select{
	display: block;
}

.sidebarDfw input[type="text"], .sidebarDfw select, .contentDfw input[type="text"], .contentDfw select{
	margin-left: 7px;
}


/* ------------------------------ Miscelaneous -------------------------------- */

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}


/* ------------------------------ Wordpress Images -------------------------------- */

/*
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;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

#bw_arrow{
	float: right;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: -12px !important;
	position: relative !important;
	right: 0px !important;}
	
/* ------------------------------ Simply Hired -------------------------------- */

table#listings th{
	font-size: 14px;
	font-weight: bold;
}

table#listings td, table#listings th{
	padding: 10px;
}

table#listings td{
	border-color: #fff;
	border-style: solid;
	border-width: 0 3px 3px 0;
}

td.posted_date{
	background-color: #f0faf0;
}

td.title, td.company, td.location{
	background-color: #f4f4f5;
}

/* -------------------------------- custom sidebar ------------------------------------ */

.video{
	margin-left: 45px;
}

img.kevin{
	float: left;
	margin-right: 10px;
}

/* --------------------------------- hey, the navbar links have never worked properly ------------------ */
#nav{
    position:relative;
    z-index:99;
}

/* ------------ video sidebar ---------- */
a.video{
    display:block;
    height:124px;
    width:220px;
    background: url(images/vidsprite.png) no-repeat 0 0 ;
    margin:auto;
}

a.video:hover{
    background-position: 0 -124px ;
}

#_oss_container{
    display:none;
}