@charset "utf-8";

/* ===========================================
 * Downloads
 * -------------------------------------------
 * 
=========================================== */


/* Over Write
=========================================== */

#wrapper {
	padding-bottom: 20px;
	border-bottom: 1px solid #B3B3B3;
}

#container {
	padding-bottom: 5px;
}


/* container
=========================================== */

h1 {
	padding: 20px 0 16px;
}

h2 {
	padding: 12px 0 11px;
	text-align: center;
}

.box {
	margin-bottom: 20px;
	width: 950px;
	background: url(../../downloads/img/box_bg_y.png) repeat-y;
}
.box .bg_t {
	width: 950px;
	background: url(../../downloads/img/box_bg_t.png) no-repeat;
}
.box .bg_b {
	padding-bottom: 15px;
	width: 950px;
	background: url(../../downloads/img/box_bg_b.png) no-repeat left bottom;
}


/* screensaver
=========================================== */

#screensaver ul {
	float: left;
	width: 258px;
}
#screensaver ul li {
	padding-top: 8px;
	width: 258px;
	height: 37px;
}
#screensaver ul li.preview {
	position: relative;
	padding: 1px;
	border: 1px solid #B3B3B3;
	width: 254px;
	height: 190px;
	font-size: 0;
	line-height: 0;
}

#screensaver ul li a {
	display: block;
	width: 258px;
	height: 37px;
	background: url(../../downloads/img/sc_bt_n.png) no-repeat;
	text-align: center;
	line-height: 37px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	color: #795200;
}
#screensaver ul li a:hover { background-image: url(../../downloads/img/sc_bt_o.png); }

#screensaver ul li span {
	margin-left: 5px;
	font-size: 77%;
	font-weight: normal;
	color: #666;
}

#screensaver ul li img.icon {
	position: absolute;
	top: 6px;
	right: 6px;
}

#screensaver p {
	padding: 15px 0 2px;
	text-align: center;
}

#screensaver #two {
	padding-left: 176px;
}
#screensaver #two ul {
	padding: 0 23px;
}


/* wallpaper
=========================================== */

#main {
	float: left;
	padding-left: 22px;
	width: 490px;
}

#main ul {
	display: none;
}
#main ul#calendar {
	display: block;
}
#main ul li {
	float: left;
	padding: 10px 6px 0 0;
	width: 155px;
	height: 45px;
}
#main ul li.preview {
	padding: 1px;
	border: 1px solid #B3B3B3;
	width: 473px;
	height: 355px;
	font-size: 0;
	line-height: 0;
}

#main ul li a {
	display: block;
	padding-top: 7px;
	width: 155px;
	height: 38px;
	background: url(../../downloads/img/wa_bt_n.png) no-repeat;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	color: #795200;
}
#main ul li a:hover { background-image: url(../../downloads/img/wa_bt_o.png); }

#main ul li span {
	font-size: 77%;
	font-weight: normal;
	color: #666;
}

/* ---------------------------------------- */

#side {
	float: right;
	margin-top: -3px;
	width: 432px;
}

#side ul {
	font-size: 0;
	line-height: 0;
}
#side ul li {
	position: relative;
	float: left;
	padding: 0 4px 4px 0;
	width: 135px;
	height: 102px;
	background: url(../../downloads/img/wa_empty.gif) no-repeat 3px 3px;
}

#side ul li img {
	display: block;
	border: 3px solid transparent;
	cursor: pointer;
}
#side ul li img.icon {
	position: absolute;
	top: 7px;
	left: 7px;
	border: none;
}