.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #CCCCCC;
}
div, p, blockquote, ol, ul, dl, li, dt, dd, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}


/* - - - IMAGE STYLING  - - - */
/* 
the below style makes the text wrap to the RIGHT of the image, and adds a little background and padding and border to it. 
Use it on the images that are not as wide as the text (e.g. little thumbnails 
*/

img.img-left {
float: left;
margin: 0 3px 6px 0;
padding: 0px;
border: 0px solid #e7c957;
}

/* 
the below style makes the text wrap to the LEFT of the image, and adds a little background and padding and border to it. 
Use it on the images that are not as wide as the text (e.g. little thumbnails 
*/

img.img-right {
float: right;
margin: 0 0 6px 3px;
padding: 0px;
border: 0px solid #e7c957;
}


/* 
the below style is for images as wide as your text. 
You could also use this for videos.
Make sure you always go no WIDER than 390. 
This style does not have the little background and padding on it. 
If you have an image that is about 370 wide or a bit smaller, you could use the "img-left" class (above) if you want to add the padding and background style and border
but don't add it to any that are wider than 370, or else the addition of padding may break some browsers 
Also, best to make sure you have a p tag wrapped around it (even if it's a video embed) for alignment purposes
*/

.img-large {
float: left;
}