@charset "utf-8";
/* CSS Document */
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fdece0;
}
.offline{
	color:#999;
}
.online{
	color:#FFC;
}
.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}
.welcome a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#C00;
}
.welcome a:visited {
	color: #C00;
}
.welcome a:hover {
	color:#F00;
}
.welcome a:active {
	color: #C00;
}
.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.red_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #f00;
}

.green_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#060;
}

.black_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.white_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.white_text a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
.white_text a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}

.white_text a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#F90;
	text-decoration:none;
}

.black_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.black_text a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}
.black_text a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}
.black_text a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#F60;
	text-decoration:none;
}

.black_fade_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
.front_list{
	border-bottom:#ddd 0px solid;
	height:70px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#600
}
.title a:link, .title a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#600
}
.title a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f00;
	text-decoration:none;
}
.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#AAA;
	text-decoration:none;

}
.more_article{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f00;
}

.more_article a:link, .more_article a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F00;
	text-align:right;
}
.more_article a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C30;
	text-align:right;
}
#notice {
position:fixed;
bottom: 0px;
float:left;
z-index: 10;
width:100%;

}
#slider{
	display:inline-block;
	overflow:hidden;
	height:300px;
}
/* panes */
	#nav {
		background-image:url(images/bottom_tab.png);
		border-bottom:1px solid #FADBC5;
		height:156px;	
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;


	}
	
	#nav ul {	
		width:100%;
		margin:0 auto;	
	}
	
	#nav li {	
		border-right:1px solid #FADBC5;
		float:left;
		padding-left:1px;
		width:175px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		font-size:10px;
	}
	
	#nav a {
		display:block;
		padding:17px;
		position:relative;
		height:122px;
		text-decoration:none;
	}	
	
	#nav a.current {
				background-image:url(images/bottom_tab_active.png);

	}
	
	#nav img {
		background-color:#fff;
		border:1px solid #FADBC5;
		margin:3px 0 5px 27px;
		padding:4px;		
		display:block;
	}
	
	/* panes */
	#panes {
		background-image:url(images/pan.png);
		background-repeat:repeat-x;
		width:100%;	
		height:255px;
		margin-bottom:-20px;
		padding-bottom:20px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		font-size:13px;
		color:#444;	
		width:900px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#713F39
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}
/* OverLay */


/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:540px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#love{
    	padding:5px;
    }
.submit_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:#CCC 1px solid;
	height:37px;
	background-color:#FFCC00;
	padding:10px;
}