/* @override http://www.motionmediaworks.com/website/index.php?css=pb1/master_css */

body {
	background: #666666;
	font: 11px/19px "Trebuchet MS",Arial,Helvetica,sans-serif;	
	margin: 0;
	padding: 0;
	color: #000000;
	letter-spacing: 1px;
}

/* -- About -- */
.about {
	color: #FFFF00;
}

#textbody {
	background: url(imgs_v2/275v-bar.gif) repeat-x;
	padding: 10px 25px 10px 25px;
	min-height: 40px;
	margin-bottom: 5px;
	border-bottom: 1px solid #333;
}

/*-- Links --*/
a {
	color: #ffffff;
	text-decoration: none;
	outline: none;
	}
	
a:hover { color: #FFFF00; }

a:focus { color: #aaa; } 

img { border: 0; }

p { margin: 0; padding: 0;}

#wrapper {
	background: #666666;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

/* -- Header -- */
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 50px;
	border-bottom: #333 1px solid;
}

#header h1 {
	position: relative;
	top: 25px;
	text-indent: -10000px;
	margin: 0;
	padding: 0;
	width: 200px;
	border: 0px;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 55px;
	background: url(mmediaimages/motionmedialogo.jpg) no-repeat;
}

#header ul {
	list-style: none;
	position: absolute;
	top: 25px;
	margin: 0;
	padding: 0;
}

#header ul#m1 { left: 225px; }
#header ul#m2 { left: 310px;}

#search {
	position: absolute;
	width: 300px;
	top: 20px;
	left: 580px;
}
.slabel { color: #990000; }

.input {
	background: #000;
	border: #333 1px solid;
	color: #000;
}

.inputbtn {
	background: #000;
	border: #333 1px solid;
	font: 12px;
	color: #333;
}

/* -- Container -- */
#container {
	margin: 0;
	padding: 0;
	border-right: #333 1px solid;
	border-left: #333 1px solid;
}
/* -- Topbar and Btmbar -- */
#topbar {
	height: 38px;
	border-bottom: #333 1px solid;
	background: url(imgs_v2/bar-x.gif) repeat-x;
}

#bottombar {
	height: 38px;
	border-top: #333 1px solid;
	border-bottom: #333 1px solid;
	background: url(imgs_v2/bar-x.gif) repeat-x;
}

#topbar ul, #bottombar h1 {
	position: relative;
	top: 10px;
	font: 15px/19px "Arial", Verdana, Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#topbar ul li, #bottombar ul li {
	list-style: none;
	display: inline;
}

#topbar ul#date { float: left; left: 10px; width: 200px; }
#topbar ul#comment { float: right; right: 8px; width: 110px; }
#bottombar h1#hd1 { float: left; left: 25px; width: 190px; color: #990000 }
#bottombar h1#hd2 { float: left; left: 170px; width: 120px; color: #990000 }
#bottombar h1#hd3 { float: left; left: 255px; width: 170px; color: #990000 }

/* -- Date Format and About -- */

.date {
	float: left;
	height: 42px;
	width: 30px;
	margin-right: 8px;
	padding-top: 8px;
	background: url(http://www.motionmediaworks.com/imgs/cal_icon.png) no-repeat;
}

.date p {
	text-align: center;
	color: #666;
	text-transform: uppercase;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

	}
	
.date span.day {
	font-size: 18px;
	display: block;
	}
.date span.month {
	font-size: 10px;
	height: 12px;
	display: block;
	}
	
.body {
	margin-left: 40px;
}
/* -- Daily image and thumbnails almost -- */
#dailyImg {
	background:#000 url(http://www.motionmediaworks.com/website/mmediaimages/imageLoad.gif) 50% 50% no-repeat;
	text-align: center;
	padding: 18px 0 14px 0;
	border-bottom: #333 1px solid;
	margin: 0;
}

#dailyImg img, #thumbnail img { border: #333 1px solid; padding: 3px; }

#thumbnail {
	padding-left: 9px;
	padding-top: 10px;
}

/* -- infoBox -- */

#headbox {
	height: 38px;
	border-bottom: #333 1px solid;
	background: url(imgs_v2/bar-xf.gif) repeat-x; 
	padding: 0 0 5px 0; 
}

#hbox1 {
	display: block;
	width: 130px;
	height: 38px;
	background: url(imgs_v2/image-info.gif) no-repeat;
	margin: 0 0 0 30px;
	padding: 0;
	text-indent: -10000px;
	border: 0px;
	
}

#infoBox {
	background: url(imgs_v2/275v-bar.gif) repeat-x;
	margin: 5px 0 0 0;
	padding: 0;
	height: 280px;
}

#infoBox ul {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	top: 15px;
	height: 245px;
}

#infoBox ul#imgInfo1 { left: 25px; width: 90px; text-align: right; }
#infoBox ul#imgInfo2 { left: 35px; width: 200px; text-align: left; color: #990000; border-right: #333 1px solid; }
#infoBox ul#cat { left: 70px; width: 170px; text-align: left; border-right: #333 1px solid; }
#infoBox ul#mrecent { left: 105px; width: 195px; text-align: left; }

/* -- Footer -- */
#footer {
	background: url(imgs_v2/150v-bar.gif) repeat-x;
	border-top: #333 1px solid;
	border-bottom: #333 1px solid;
	padding: 18px 25px 18px 25px;
	margin: 0 0 25px 0;
}

#footer p {
	color: #990000;
	margin: 0;
	padding: 0;
}