@charset "UTF-8";
/* Global Content Formatting and Styles */
/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, 
blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr
{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

/*html5 display rule*/

address, article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, nav, menu, section, summary
{
	display:block;}


	
/*Basic Layout Styles
_________________________________________________________________________________________*/

body {
	margin:0 auto 2em;
	font:100% Arial, Helvetica, sans-serif;
	line-height:1.3;
	position:relative;
	background:#fff;
	font-size: 14px;
	font-weight:normal;
	font-style:normal;}
.page {
	max-width:610px;
	margin: 0px auto 0px auto;
	position: relative;}

h1 {
	font-size: 2em;
	font-weight: normal;
	color: #a6430a;
	margin: 0;}	
h1 a {
	color: #a6430a;}
h1 a:hover {
	color:rgb(204, 102, 51);} 
h2 {
	font-size: 1.7em;
	margin: 0 0 1em 0;}	
h3 {
	font-size: 1em;
	margin: 0 0 1em 0;}
h4 {
	color:#900;}
p {
	margin: 0 0 .75em 0;}
a {
	text-decoration:none;
	color:black;}
a:hover {
	color:rgb(123, 121, 143);} 

/*Content Region Styles
_________________________________________________________________________________________*/

.mainContent {
	max-width:710px;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight:normal;
	font-style:normal;
	line-height:1.2;
	margin: 0px auto 0px auto;
	position: relative;
	padding:10px 20px 0px 10px;
	border-top:2px solid #ccc;}

.mainContent p a {
	text-decoration:none;
	color:#a6430a;}
.mainContent p a:hover {
	color:rgb(204, 102, 51);}
.mainContent h1 {
	font-size: 2em;
	font-weight: normal;
	color: #a6430a;
	margin: 0;}	
.mainContent h2 {
	font-size: 1.7em;
	font-weight:bold;
	color: #a6430a;
	margin: 0 0 1em 0;}	
.mainContent h3 {
	font-size: 1.1em;
	font-weight:bold;
	color: #a6430a;
	margin: 0 0 1em 0;}
.mainContent p {
	margin: 0 0 .75em 0;}
.mainContent a {
	text-decoration:none;
	color:black;}
.mainContent a:hover {
	color:rgb(204, 102, 51);} 

/*nav styles*/

#mainNav {
	display:block;
	line-height:50px;
	padding-bottom:40px;}
#mainNav li {
	float:left;
	margin-right:1%;
	background-image:url(../images/mainNav_sprites.jpg) no-repeat;}	
#mainNav a {
	text-transform:uppercase;
	display:block;
	color:black;
	border:none;
	font-size:1.2em;
	text-align:center;
	}
#mainNav a:hover {
	color:#a6430a;}
#mainNav a:current {
	color:rgb(123, 121, 143);
	cursor:default;}		
a.drama {
	background:url(../images/mainNav_sprites.jpg) no-repeat -20px 3px;
	padding-left:55px;}	
a.video {
	background:url(../images/mainNav_sprites.jpg) no-repeat -22px -100px;
	padding-left:46px;}	
a.music {
	background:url(../images/mainNav_sprites.jpg) no-repeat -25px -198px;
	padding-left:34px;}	
a.info {
	background:url(../images/mainNav_sprites.jpg) no-repeat -22px -301px;
	padding-left:48px;}
a.cows {
	background:url(../images/mainNav_sprites.jpg) no-repeat -22px -405px;
	padding-left:46px;}
a.cta {
	font-size: .9em;
	font-weight: bold;
	color:#a6430a;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;}
a.cta:hover {
	color:rgb(204, 102, 51);}
.promo h3 {
	font-size: 1.1em;
	margin: 0;}
.promo p {
	line-height: 1.2em;
	font-size: .9em;
	margin-bottom: .5em;}
.promo {
	background-repeat:no-repeat;}
.promo.one {
	background-image:url(../images/logo/logo_my_daily_cow.gif);}
.promo.two {
	background-image:url(../images/logo/logo_grimmly_speaking.gif)}
.promo.three {
	background-image:url(../images/logo/logo_surfer_slang.jpg);}
.promo.four {
	background-image:url(../images/logo/logo_raw_pineapple_trilogy.jpg);}
.promo.five {
	background-image:url(../images/logo/logo_elizabethan_love_songs.gif)}
.promo.six {
	background-image:url(../images/logo/logo_cow_wall.gif);}

#mainNavsmall {
	display:none;}

#footerNav {
	display:block;
	margin-left:10px;}

#footerNav a {
	color:#a6430a;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	font-size:.9em;
	margin-right:12px;}
	
#footerNav a:hover {
	color:rgb(204, 102, 51);}


.clear-fix {
	clear:both;
	line-height:1px;}

@media only screen and (min-width: 321px) {
    /* Larger mobile styles (wider than 320 pixels) */
	.mainContent {
	width:320px;}
}

@media only screen and (min-width: 600px) {
    /* Tablet styles (wider than 600 pixels) */
	.mainContent {
	width:710px;}
}