/* ======================================================
      DigitalCC - CSS - Hungry Hamster ~ Landing pages
   ====================================================== */



/*  .::: HH MISSION :::.  */

#missioncontents {
	padding: 0 30px 0 0;
	width: 512px;
}

#missioncontents p {
	padding: 0 0 10px 0;
}




/*  .:::  TRAILERS :::.  */

#trailerscontents {
	padding-top: 1px;
}

#trailerscontents h3 {
	padding: 0px;
	height: 18px;
	width: 163px;
}

#trailerscontents h3.trailer01 { background: url(../images/trailers/trailertit-small.png) no-repeat; }
#trailerscontents h3.trailer02 { background: url(../images/trailers/trailertit-medium.png) no-repeat; }
#trailerscontents h3.trailer03 { background: url(../images/trailers/trailertit-large.png) no-repeat; }

#trailerscontents h3.trailer04 { background: url(../images/trailers/trailertit-HD.png) no-repeat; }
#trailerscontents h3.trailer05 { background: url(../images/trailers/trailertit-iPod.png) no-repeat; }


#trailerscontents div {
	float: left;
	padding: 0 13px 18px 0;
}

#trailerscontents img {
	margin-left: 4px;
}

#trailerscontents p {
	padding: 0 0 20px 0;
}




/*  .::: THE HAMSTERS :::.  */


ul#hamster_submenu {
	float: left;
	padding: 6px 0 0 4px;
}

#hamster_submenu li {
	float: left;
	padding-right: 7px;
}

#hamster_submenu li a {
	font-size: 1.1em;
	padding-right: 8px;
}

#hamster_submenu li a:hover {
	text-decoration: underline;
}


#thehamsters {
	float: left;
	padding-top: 25px;
}

#thehamsters p {
	padding-bottom: 14px;
}

#thehamsters a.top, #thehamsters a:hover.top, #thehamsters a:visited.top {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

.hamster {
	float: left;
	padding-bottom: 21px;	
}

.hamsterImg {
	float: left;
	width: 118px;
}

.hamsterTxt {
	float: left;
	width: 280px;
}


.icon {
	padding-top: 5px;
}



/* .::: PRODUCTION BLOG :::. */

/* general styles */

#blog img {
	margin-bottom: 10px;

}

#blog h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#blog .date {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
}

#blog a, #blog a:active, #blog a:hover, #blog a:visited {
	color: #999;
	
}

/* Main entry */

#entry {
	float: left;
	width: 316px;
	padding: 0 32px 1px 0;
}

#entry p {
	padding: 0 0 10px 0;
}


/* Sidebar for teasers */

#sidebar {
	float: left;
	width: 178px;
	padding: 0 5px 1px 0; 
}

#sidebar h3 {
	padding: 0px;
}

#sidebar .teaser {
	padding: 0 0 20px 0;
}





/* .::: PRESS :::.  */

#press {
	overflow: hidden;
}

#press h3 {
	font-size: 1.1em;
}

#press p {
	padding-bottom: 15px;	
}

#press form {
	float: left;
}

#press img {
	padding-bottom: 6px;
}


#press input {
	margin-bottom: 4px;
	padding: 3px 5px;
	border: solid 0px;
	font-size: 1em;
	width: 123px;
}

#press dl {
	margin: 0px;
}

#press dt {
	clear: both;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 6px 0;
}

#press dd {
	margin: 0px;
	clear: both;
}


.line {
	width: 538px;
	height: 20px;
	border-bottom: #FFF solid 1px;
	margin-bottom: 20px;
}

/* two form columns */

#mailinglist {
	float: left;
	width: 209px;
	padding: 0 50px 0 0;
	border-right: #999 solid 1px;
}

#pressarea {
	float: left;
	width: 180px;
	padding: 0 0 0 25px;
}

#pressarea p{
	height: 48px;
	
}

#mailinglist .why {
	padding-top: 20px;
}



input.email, input.password {
	margin-bottom: 8px;
}
#press input.buttonsubmit {
	width: auto;
	padding: 5px 0 0 0;
	margin-bottom: 0px;
}



/* List of radiobuttons of reasons why subscribe */


#press dd.reasonslist {
	padding-bottom: 10px;
}

#press dd.reasonslist input {
	width: auto;
}

#press dd.reasonslist label {
	float: left;
	width: 100px;
	padding: 3px 0 0 0; 
	
}

#press dd.reasonslist input {
	margin: 3px 0 0 50px;	
}




/*  .::: CONTACT :::.  */

#contact {
	padding: 0 30px 0 0;
	width: 512px;
	font-size: 1.1em;
}

#contact h3 {
	font-size: 1em;
}

#contact p {
	padding: 0 0 10px 0;
}

#contact p.contactnote {
	font-size: 0.9em;
}