@import url("typography.css");
#content{ /* This is the DIV on the left which will contain the copy... It will automatically add the scrollbar once the writing exceeds the specified height */
	float: left;
	clear: left;
	width: 355px;
	height: 335px;
	overflow: auto;
	padding: 0 0px 5px 20px;
	font-size: 13px;
	font-weight: normal;
}

#content-wide{ /* This is for the pages that have one content DIV that stretches the width of the white box, as opposed to half content/half media like in the original template. It will also scroll */                                                                                                                                                                                          
text-align: left;                                                                                                                                                                                                                                                                                                                                                                                    
padding-left: 20px;                                                                                                                                                                                          
padding-bottom: 5px;                                                                                                                                                                                          
padding-right: 20px;                                                                                                                                                                                          
padding-top: 0px;                                                                                                                                                                                          
float: left;
clear: left;
width: 760px;
height: auto;
overflow: auto;
font-size: 13px;
font-weight: normal;
background-color: white ;
}

h2{ /* This is for the header elements within the content section. The larger-type fonts */
font-size: 16px;
background-color: inherit;
color: #FF0000;
font-weight: bold;
line-height: 16px;
margin: 3px 0 20px 0;
padding: 0;
}

p{ /* Paragraphs within the content section */
margin: 0 0 18px 0;
padding: 0;
line-height: 16px;
background-color: inherit;
color: #333333;
}

#media{ /* The "media" section (for lack of a better word) is the part on the right half, which contains images or whatever you want. It is not scrollable */
float: left;
width: 343px;
height: 325px;
text-align: right;
}