/* @override https://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: 0px;
}

article {
		  display: block;
      position: relative;
      width: 90%;
			background: #ccc;
			-moz-border-radius: 4px;
			border-radius: 4px;
			padding: 1.5em;
			color: rgba(0,0,0, .8);
			text-shadow: 0 1px 0 #fff;
			line-height: 1.5;
			text-align: center;
			display: block;
      margin: 20em auto;
		}

article:before, article:after {
      z-index: -1; 
      position: absolute; 
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%; 
      top: 80%;
      max-width:300px;
      background: rgba(0, 0, 0, 0.7); 
      -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   
      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
      -webkit-transform: rotate(-3deg);    
      -moz-transform: rotate(-3deg);   
      -o-transform: rotate(-3deg);
		}

	 article:after {
			-webkit-transform: rotate(3deg);
			-moz-transform: rotate(3deg);
			-o-transform: rotate(3deg);
			right: 10px;
			left: auto;
		}
/* -- Article Text --*/
p.articletext
{
border-style:solid;
border-width:20px;
border-style:solid;
border-color:#ffffff #ffffff;
}



/* -- 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: #000000;
	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(https://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(https://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;
}