@charset "utf-8";

.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt100{ margin-top: 100px !important; }

h1{ margin-top: 50px; }

h2.subtitle{
	margin: 80px 0 38px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

.catWrap{ float: left; }
.catWrap + .catWrap{ margin-left: 20px; }
a.cat{
	position: relative;
	display: block;
	width: 205px;
	height: 251px;
	padding: 8px 10px;
	border-bottom: 1px solid #FFF;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.cat:hover{ color: #000; }

.cat h3{ margin-bottom: 15px; }

.cat p{
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}

.tag{
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 205px;
	height: 37px;
	padding: 7px 0;
	background-color: #ffffff;
}
#original .cat{ background-color: #cccc66; }
#weeks .cat{ background-color: #65c96e; }
#cousin .cat{ background-color: #41d9d9; }
#planner .cat{ background-color: #a1a1b3; }

#sub3 li{ float: left; }
#sub3 li + li{ margin-left: 12px; }

#footer{ margin-top: 68px; }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 23px;
	color: #000000;
}

.bold { 
	font-size: 15px; 
	font-weight: bolder; 
	line-height: 30px; 
}
.big { 
	font-size: 24px; 
	font-weight: bolder; 
	line-height: 34px; 
}
.bigred { 
	font-size: 24px; 
	font-weight: bolder; 
	line-height: 34px; 
	color: #FF0000;
}
.middlered { 
	font-size: 15px; 
	font-weight: bolder; 
	line-height: 26px; 
	color: #FF0000;
}
.middle { 
	font-size: 15px; 
	font-weight: bolder; 
	line-height: 26px; 
}
.middlegray { 
	font-size: 20px; 
	font-weight: bolder; 
	line-height: 27px; 
	color: #333333;
}
.middlered { 
	font-size: 15px; 
	font-weight: bolder; 
	line-height: 23px; 
	color: #FF0000;
}
.black11px {
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}
.black12px {
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}
.black13px {
	font-size: 13px;
	line-height: 20px;
	color: #000000;
}
.black14pxspacing {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #000000;
}
.black16px {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #000000;
}
.gray14px {
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}
.gray13px {
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
.gray12px {
	font-size: 12px;
	line-height: 17px;
	color: #666666;
}
.gray11px {
	font-size: 11px;
	line-height: 16px;
	color: #666666;
}
.bkgray {
	background-color: #aaaaaa;
}
.red12px {
	font-size: 12px;
	line-height: 17px;
	color: #FF0000;
}
.red14px {
	font-size: 14px;
	line-height: 22px;
	color: #FF0000;
}
.white13px {
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
}
.white14px {
	font-size: 14px;
	line-height: 22px;
	font-weight: bolder;
	color: #FFFFFF;
}
.whiteboldbig {
	font-size: 20px;
	line-height: 26px;
	font-weight: bolder;
	color: #FFFFFF;
}