@charset "utf-8";
/* CSS Document */

#main-content {
	display: block;
	width: 906px;
	padding: 20px 20px 20px 35px;
	background: #ffffff url(../images/content-bg.gif) no-repeat;
	margin-top: 8px;
}
.month-container {
	display: block;	
	margin-top:20px;
}
.month-bg {
	display: block;
	background: #f4f4f4;
	width: 843px;
	padding: 0px 30px 40px 30px;
}

h1 {
	display: inline;
	float: left;
}

.month-top-active {
	display: block;
	width: 903px;
	height: 7px;
	background: url(../images/month-top.gif) no-repeat;
}
.month-top-inactive {
	display: block;
	width: 903px;
	height: 7px;
	background: url(../images/month-top-inactive.gif) no-repeat;
}
.month-inactive {
	display: block;
	width: 843px;
	background: #f4f4f4 url(../images/month-bg-inactive.gif) repeat-x;
	padding: 0 30px 0 30px;
}
.month-active {
	display: block;
	width: 843px;
	background: #f4f4f4 url(../images/month-bg-active.gif) repeat-x;
	padding: 0 30px 0 30px;
}
p.month-label-active {
	display: inline;
	float: left;
	color:#FFF;
	font-size: 1.5em;
	margin-bottom: 26px;
}
p.collapse-button {
	display: inline;
	float: right;
	width: 189px;
	height: 21px;
	background: url(../images/expandcollapse-active.gif);
	margin: 1px 0 0 0;
}
p.collapse-button a {
	display: block;
	width: 189px;
	height: 21px;
	text-indent: -5000px;
}
p.collapse-button-inactive {
	display: inline;
	float: right;
	width: 189px;
	height:23px;
	background: url(../images/expandcollapse-inactive.gif);
	margin: 1px 0 0 0;
}
p.collapse-button-inactive a {
	display: block;
	width: 189px;
	height:23px;
	text-indent: -5000px;
}

#month1-left {
	display: inline;
	float: left;
	width: 208px;
	margin-right: 30px;
}
#month1-right {
	display: inline;
	float: right;
	width: 575px;
	margin-right: 30px;
}
#othermonths {
	display: inline;
	float: right;
	
}
p.titles {
	font-weight: bold;
	font-size: 1.1em;
	color:#0070ec;
}
p.month-para {
	line-height: 15px;
	font-size: .95em;
}
p.month-para a {
	font-weight: bold;
	margin-top: 4px;
	display: block;
}
p.watch-video {
	display: block;
	width: 120px;
	height: 28px;
	background: url(../images/watch-video.gif);
	margin: 12px 0 0 0;
}
p.watch-video a {
	display: block;
	width: 120px;
	height: 28px;
	text-indent: -5000px;
}

.m1-project-width {
	display: inline;
	float: left;
	width: 190px;
	margin-top: 15px;
}
.mx-project-width {
	display: inline;
	float: left;
	width: 250px;
	margin-top: 15px;
}
p.logo-design-video {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/logo-design-video.gif);
	margin-bottom: 6px;
}
p.logo-design-video a,p.web-design-video a, p.html-css-video-1 a, p.html-css-video-2 a, p.html-css-video-3 a {
	display: block;
	width: 160px;
	height: 28px;
	text-indent: -5000px;
}
p.web-design-video {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/web-design-video.gif);
	margin-bottom: 6px;
}
p.web-design-video2 {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/web-design-video.gif);
	margin-bottom: 6px;
	margin-top: 10px;
}
p.web-design-video2 a {
	display: block;
	width: 160px;
	height: 28px;
	text-indent:-5000px;
}
p.html-css-video-1 {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/html-and-css-part1.gif);
	margin-bottom: 6px;
	margin-top: 10px;
}
p.html-css-video-2 {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/html-and-css-part2.gif);
	margin-bottom: 6px;
	margin-top: 10px;
}
p.html-css-video-3 {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/html-and-css-part3.gif);
	margin-bottom: 6px;
	margin-top: 10px;
}
p.image-slicing {
	display: block;
	width: 160px;
	height: 28px;
	background: url(../images/image-slicing.gif);
	margin-bottom: 6px;

}
p.image-slicing a {
	display: block;
	width: 160px;
	height: 28px;
	text-indent:-5000px;
}
.month-divider {
	display: block;
	height: 1px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
	margin: 20px 0 20px 0;
}

p.send-project {
	display: block;
	width: 104px;
	height: 28px;
	background: url(../images/send-project.gif);
	margin: 12px 0 0 0;
}
p.send-project a {
	display: block;
	width: 104px;
	height: 28px;
	text-indent: -5000px;
}

.month-bottom {
	display: block;
	height: 7px;
	background: #f4f4f4 url(../images/month-bottom.gif);
}
.alert {
	width: 48px;
	height: 45px;
	background: url(../images/alert.gif);
	display: inline;
	float: left;
	margin-right: 15px;
}
.alert-right {
	display: inline;
	float: left;
	width: 700px;
}
p.unlock {
	font-size: 1.9em;
	font-weight: bold;
	display: block;
	margin-bottom:12px;
}
p.future-months {
	display: block;
	width: 194px;
	height: 28px;
	background: url(../images/future-months.gif);
	margin: 20px 0 0 0;
}
p.future-months a {
	display: block;
	width: 194px;
	height: 28px;
	text-indent: -5000px;
}
p.skip {
	font-weight: bold;	
}
p.skip span {
	display: block;
	font-weight: normal;
	color:#8b8a8a;
	margin-top: -5px;
}

ul#members-nav {
	display: inline;
	float: right;
	list-style-type: none;
}
ul#members-nav li {
	display: inline;
	float: left;
	margin-left: 25px;
}
ul#members-nav li a {
	color:#1595d0;
}
.imgmonth {
	display:inline;
	float: left; 
	margin-right: 20px;
	margin-bottom: 20px;
}	

.author-info {
	display: inline;
	float: left;
	width: 218px;
	margin: 15px 0 15px 0;
}
.comment-container {
	display: inline;
	float: left;
	width: 648px;
	margin: 15px 0 15px 0;
	padding:17px;
	background:#f0f4f9;
}
.comment-container p {
	color:#627386;
}

p.author-name {
	color:#258cfc;
	font-weight:bold;
	font-size: 1.5em;
}
p.date-info {
	color:#258cfc;
	font-size: .95em;
}

#ccformat {
	color:#258cfc;
	font-size: 1.5em;
	font-weight:bold;
}

#txtfld2 {
	width: 603px;
	height: 142px;
}

td { color:#000; }
td a { color:#000; font-weight: bold; }