body
{
background-color: #FFFFFF; 
width: 1000px;
margin: 5px;
}

#home
{
margin-top:30px;
}

p
{
color: #6C5F50; 
font-family: Arial; 
font-size: 12px; 
line-height: 20px; 
text-align: left; 
margin-top: 0px;
margin-left: 43px;
}

p.caption
{
color: #333; 
font-family: Arial; 
font-size: 12px;  
text-align: left; 
margin: 0px 0px 5px 3px;
}


p.writing_links
{
color: #6C5F50; 
font-family: Arial; 
font-size: 11px; 
text-align: right;
margin-top: 0px;
margin-bottom: 20px;
}

p.contact
{
font-family: Arial; 
font-size: 16px; 
font-weight: bold;
line-height: 20px; 
padding-left:40px;
margin-top: 80px;
margin-left: 215px;
}

p.contact a:link, #nav a:visited
{color: #0073DA; text-decoration: none;}

p.contact a:hover 
{color: #FFFFFF; text-decoration: none; background:#3C7E00;}

.line_item
{
padding:3px;
margin-left:40px;
margin-top:15px;
/*border-bottom: solid 1px #AD0650;*/
border-bottom: solid 1px #CCCCCC;
width:auto;
}

img.banner
{
margin: 5px 0px 0px 0px; 
border: none;
}

#nav
{
padding: 0px;
margin-top: -40px;
margin-left: 40px;
font-family: Arial, sans-serif;
letter-spacing:0.03em;
font-size: 12px;
}

p.writing_links a:link, #nav a:visited
{color: #0073DA; text-decoration: none;}

p.writing_links a:hover 
{color: #FFFFFF; text-decoration: none; background:#3C7E00;}

#nav a:link, #nav a:visited
{color: #6C5F50; text-decoration: none;}

#nav a:hover 
{color: #3C7E00; text-decoration: none;font-weight:bold;}

a:link
{color: #0073DA; text-decoration: none;}

a:hover
{color: #3C7E00; text-decoration: none;}

a:link, a:visited
{color: #04404A; text-decoration: none;}

/* this defines a two column layout for the writing page*/

#left_column {
margin-top: 20px;
float: left;
width: 49%;
}

#left_column img
{
margin-right: 15px;
float:left;
border: 1px solid black;
}

#right_column {
margin-top: 20px;
float: right;
width: 49%;
}

#right_column img
{
margin-right: 15px;
float:left;
border: 1px solid black;
}

h1
{
color: #333; 
font-family: Arial; 
font-size: 14px; 
line-height: 18px; 
text-align: left; 
margin: 15px 40px 5px 0px;
}

h2
{
color: #352b23; 
font-family: Arial; 
font-size: 14px; 
line-height: 20px; 
margin: 15px 0px 0px 40px
}

h4
{
color: #6C5F50; 
font-family: Arial; 
font-size: 13px; 
font-weight: normal;
white-space: pre-wrap;
font-style: italic;
line-height: 18px; 
margin: 10px 0px 30px 40px
}


/*
#pm p
{
color: #666; 
font-family: Arial; 
font-size: 12px; 
line-height: 18px; 
text-align: left; 
width: 360px; 
margin: 10px 40px 0px 0px;
}
*/

/*
#pm p
{
color: #666; 
font-family: Arial; 
font-size: 12px; 
line-height: 18px; 
text-align: left; 
width: 360px; 
margin: 10px 100px 0px 0px;
float:right;
}
*/

#pm h2
{
color: #666; 
font-family: Arial; 
font-size: 13px; 
line-height: 18px; 
text-align: left; 
width: 350px; 
margin: 30px 140px 20px 0px;
float: right;
}

li
{
list-style-position:inside;
list-style-type:square;
font-family: Arial; 
font-size: 13px; 
color: #666; 
line-height: 18px; 
text-align: left; 
width: 350px; 
margin: 0px 140px 10px 0px;
float: right;
}

.pm_left h1
{
font-size: 16px; 
margin-bottom:15px;
margin-top:35px;
}

.pm_left
{
display: inline;
float: left;
margin: 0px 10px 20px 100px;
width:400px;
}

.pm_left img
{
border: 1px solid black;
}

.name
{
letter-spacing: .1em;
font-size:1.1em;
}


.journalism, .literary, .curriculum{
	margin-top:30px;

}
.journalism{
	float:left;
	width:45%;	
	margin-left:40px;
}

.conference{
	padding-bottom:8px;
	
}

.literary{
	float:left;
	width:45%;
	margin-left:4%;
}

dt.conf-name{
	font-size:16px;
	font-weight:bold;
	clear:both;
	margin-top:12px;
}

h1.conference{
	margin-left:0;
	padding-left:0;
	margin-bottom:10px;
	font-size:15px;
	line-height:1.1em;
	font-family:Arial, sans-serif;
	margin-top:14px;
	float:left;
	display:block;
	text-transform:uppercase;
}

dd{
	text-decoration: none;
	margin-left:0px;
}

.writing-nav{
	font-weight:bold;

}

.books{
	text-align:left;
	padding-top:10px;
}

h1.curriculum{
	font-size:20px;
	padding-bottom:12px;
}

@media only screen and (max-width: 992px) {
      .article { 
       width: 100%;
    }
}

@media only screen and (max-width: 992px) {
  .article {
    font-size: 30px;
  }
}