@charset "UTF-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6{font-weight:bold;}
a{color:#333;}
body{
	background:url(../img/paper_bg.jpg) repeat;
	padding:20px;
	font-size:12px;
}

/* Layouts
====================================*/

#container{
	width:930px;
	padding:0 20px;
	margin:0 auto;
	background-color:#fff;
	-webkit-border-image:url(../img/content_bg.jpg) 18 / 18px repeat;
	-moz-border-image:url(../img/content_bg.jpg) 18 / 18px repeat;
	-o-border-image:url(../img/content_bg.jpg) 18 18 18 18 / 18px 18px 18px 18px repeat;
	border-image:url(../img/content_bg.jpg) 18 / 18px repeat;
}
#header{
	background:url(../img/title_bg.gif) repeat-x 0 100%;
	padding:20px 0 10px;
}
#wrapper{
	padding-top:20px;
}
#main{
	width:600px;
	float:left;
}
#sub{
	width:260px;
	float:left;
	background:url(../img/sub_bg.gif) repeat;
	padding:20px;
	margin-left:30px;
}
#footer{
	text-align:center;
	background:url(../img/title_bg.gif) repeat-x 0 0;
	margin:20px 0;
	padding-top:10px;
	font-size:10px;
}

/*
----- header ------
*/
#header h1{
	margin-left:200px;
}
#header p{
	text-align:right;
	margin-top:10px;
	color:#8d8d8d;
	font-family: 'Cabin', arial, serif;
	font-size:10px;
}
#header p span{
	color:#5d5d5d;
	font-family: 'Cardo', arial, serif;
	font-weight:bold;
	margin-right:10px;
	font-size:12px;
}

/*
----- main ------
*/

.link{
	text-align:right;
	margin:10px 0;
}
.link a{
	background-color:#333;
	color:#fff;
	padding:3px 10px;
	text-decoration:none;
	border-radius:5px;
	font-size:10px;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
	-webkit-transition:background-color 0.3s ease;
	-moz-transition:background-color 0.3s ease;
	-o-transition:background-color 0.3s ease;
	transition:background-color 0.3s ease;
}
.link a:hover{
	background-color:#666;
}

.link a:before{
	content:">> ";
}
#main .special{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
	
#main .special h2{
	font-size:20px;
	margin:10px 0;
}

#main .special #text p{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-rule:1px dotted #ccc;
	-moz-column-rule:1px dotted #ccc;
	column-rule:1px dotted #ccc;
	-webkit-column-gap:40px;
	-moz-column-gap:40px;
	column-gap:40px;
}

#main #labo{
	margin:20px 0;
}
#main #labo h3{
	background:url(../img/title_bg.gif) repeat-x 0 bottom;
	padding-bottom:8px;
	margin-bottom:15px;
}
#main #labo .labox{
	width:190px;
	float:left;
	margin-right:15px;
}
#main #labo div:last-child.labox{
	margin-right:0;
}
#main #labo .labox h4{
	font-size:14px;
}

/*
----- sub ------
*/
#sub h4{
	background:url(../img/title_bg.gif) repeat-x 0 bottom;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size:14px;
}
#sub h5{
	font-size:14px;
}
#sub .popular{
	margin-bottom:15px;
}
#sub .popular:last-child{
	margin-bottom:25px;
}
#sub .popular p img{
	border:1px solid #ccc;
	padding:4px;
	background-color:#fff;
	margin-bottom:5px;
}