/*
CSS for Theme trend
*/

::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a ,
li a ,
dd a ,
dl a,
dt a {
 outline: 0;
 color: #003f8e; 
}
a:hover 			{ color: #0000ff; }
p a:hover 			{ color: #27B3CF; }
a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/
body 				{
	background: #fff;
	color: #333333;
	font-size:85%;
}

h1 {font-size:1.6em; }
h1 a 			{ text-decoration: none;  color:#222;}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 {font-size:1.4em; }
h2 a 			{ text-decoration: none;}
h3 					{ font-family: 'Droid Serif', serif; font-size: 30px; }
h4 					{ font-family: 'Droid Serif', serif; padding: 3px; margin: 5px 0 0 0; }
h4 a 				{ text-decoration: underline; }
h4 a:hover 			{  }

p			{ padding: 0 5px 0 5px; }

ul 		{ list-style: none; }
ul li	{ margin: 0 5px; }

#wrapper {
	position:relative;
	width: 990px;
	margin: 0px auto 0;
	padding: 20px 0 0;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:39px;
	margin:0;
	padding:0;
	background: #3C56A0;
	z-index:10;
}

#navi {
	position:relative;
	width: 990px;
	height:39px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
}

#navi #sitename {
	position:relative;
	float:left;
	font-size:24px;
	font-weight:bold;
	width:180px;
	height:39px;
	line-height:16px;
}
#navi #sitename a{
	line-height:39px;
	font-size:24px;
	color:#fafafa;
	text-decoration:none;
}
#navi #headerSearch {
	position:relative;
	float:left;
	width:350px;
	height:39px;
	line-height:19px;
	margin:0;
	padding:9px 0 0 0;
}
#headerSearch-searchform {
}
#headerSearch-keywords	{
	width: 240px;
	height: 16px;
	padding-left:6px;
}
#headerSearch-searchBtn	{
	position: absolute;
	top: 13px;
	left: 230px;
}

#right-col	{ 
	float: left;
	width:770px;
	padding:10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* #right-col div , #sidebar div {*/
#right-col>div ,#sidebar div {
	padding-bottom:20px;
}
#right-col div h3 , #sidebar div h4 {
	color:#a9a9a9;
	padding-bottom:7px;
}

#latest	{
	padding: 20px 0; 
	margin:0;
}


#right-column {
	float: right;
	width:230px;
	margin:0;
	padding:10px 0 0;
	font-size:85%;
}

#right-column div {
	margin-bottom:10px;
}
#right-column h4 {
	color:#8f8f8f;
}
#center-column {
	float: left;
	width:760px;
	padding:10px;
}
#center-column h3 {
	font-size:14px;
	color:navy;
}
#center-column #cc_wrap {
	width:755px;
}
body.L1R0 #center-column {
	width:760px;
	padding:10px;
}
body.L1R0 #center-column #cc_wrap {
	width:755px;
}

body.L1R1 #center-column {
	width:520px;
}
body.L1R1 #center-column #cc_wrap {
	width:520px;
}

#sidebar	{ 
	width: 180px; 
	float: left; 
	margin-bottom: 10px;
	padding:10px 0 0;
	font-size:85%;
}
#sidebar .sidebar_div {
	width: 180px; 
	padding:0 0 8px 0;
}

#sidebar .sidebar_div form {
	line-height:1.5;
	padding:0 0 7px 7px;
}


/* Center LR Column */
#CenterLColumn { float: left;  width: 49%;}
#CenterRColumn { float: right; width: 49%;}
#CenterLColumn div ,
#CenterRColumn div {
	line-height: 1.5;
	padding-bottom:20px;
	clear: both;
}

footer {
	width: 100%;
	padding: 5px 0;
	text-align:center;
	line-height:30px;
	color:#fafafa;
	font-size: 80%;
	background: transparent;
}
footer a {
	color:#4c6cb3;
	text-decoration:none;
}

pre {overflow: auto; font-size: 12px; }

.floatleft {
	float:left;
}

/* XOOPS Code & Quote */
.xoopsCode {
  font-family: "Courier New",Courier,monospace;
	font-size:12px;
  padding: 6px;
	margin:10px;
	margin-bottom:0;
	word-break: break-all;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#dcdcdc;
}
.xoopsQuote {
  padding: 3px;
}

.xoopsCode pre{
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

#avatar {
	height:50px;
	width:180px;
	margin:0;
	font-size:120%;
}
#avatar .avatar_img {
	float:left;
	width:50px;
	height:50px;
}
#avatar .uname {
	float:left;
	width:110px;
	height:50px;
	line-height:44px;
	font-weight:bold;
	color:#003f8e;
	padding-left:10px;
}
#menu_m {
	width:180px;
}

ul.mm li {
	padding:4px;
	line-height:0.8;
	margin:0;
	background:url(images/ctrl_next.png) no-repeat 5px 3px;
}
ul.mm li a {
	display:block;
	padding:2px 0 2px 22px;
}
#sidebar ul li a:hover {
	background: url(images/shine.gif) no-repeat right center;
}
ul.mm li.mm_home ,
ul.mm li.mm_homes {
	background:url(images/house.gif) no-repeat 5px 1px;
}
ul.mm li.bulletin {
	background:url(images/clover.gif) no-repeat 5px 1px;
}
ul.mm li.d3diary {
	background:url(images/bud.gif) no-repeat 5px 1px;
}
ul.mm li.wordpress ,
ul.mm li.xpress {
	background:url(images/memo.gif) no-repeat 5px 1px;
}
ul.mm li.pico {
	background:url(images/book.gif) no-repeat 5px 1px;
}
ul.mm li.webphoto ,
ul.mm li.gnavi {
	background:url(images/camera.gif) no-repeat 5px 1px;
}
ul.mm li.xpwiki {
	background:url(images/chick.gif) no-repeat 5px 1px;
}
ul.mm li.d3forum {
	background:url(images/cafe.gif) no-repeat 5px 1px;
}
ul.mm li.d3download {
	background:url(images/down.gif) no-repeat 5px 1px;
}
ul.mm li.liaise {
	background:url(images/mail.gif) no-repeat 5px 1px;
}

ul.mm li.bulletin_selected {
	background:#dfe0f2 url(images/clover.gif) no-repeat 5px 1px;
}
ul.mm li.d3diary_selected {
	background:#dfe0f2 url(images/bud.gif) no-repeat 5px 1px;
}
ul.mm li.wordpress_selected ,
ul.mm li.xpress_selected {
	background:#dfe0f2 url(images/memo.gif) no-repeat 5px 1px;
}
ul.mm li.pico_selected {
	background:#dfe0f2 url(images/book.gif) no-repeat 5px 1px;
}
ul.mm li.webphoto_selected ,
ul.mm li.gnavi_selected {
	background:#dfe0f2 url(images/camera.gif) no-repeat 5px 1px;
}
ul.mm li.xpwiki_selected {
	background:#dfe0f2 url(images/chick.gif) no-repeat 5px 1px;
}
ul.mm li.d3forum_selected {
	background:#dfe0f2 url(images/cafe.gif) no-repeat 5px 1px;
}
ul.mm li.d3download_selected {
	background:#dfe0f2 url(images/down.gif) no-repeat 5px 1px;
}
ul.mm li.liaise_selected {
	background:#dfe0f2 url(images/mail.gif) no-repeat 5px 1px;
}


#usermenu li {
	line-height:1;
	padding-left:20px;
	margin:0 0 0 7px;
}
#usermenu li.userMenuTop {
	background:url(images/virgo.gif) no-repeat;
}
#usermenu li.userMenuEdit {
	background:url(images/memo.gif) no-repeat;
}
#usermenu li.userMenuComments {
	background:url(images/note.gif) no-repeat;
}
#usermenu li.userMenuLogout {
	background:url(images/run.gif) no-repeat;
}
#usermenu li.userMenuEmail {
	background:url(images/mail.gif) no-repeat;
}
#usermenu li.userMenuAdmin {
	background:url(images/clover.gif) no-repeat;
}
#privatemessages ,
#mainmenu li {
	line-height:1;
	padding-left:0px;
	margin:0 0 0 7px;
}

#mainmenu li a.menuTop {
	padding-left:18px;
	background:url(images/house.gif) no-repeat;
}
#mainmenu li a.menuMain {
	padding-left:18px;
	background:url(images/aa02.gif) no-repeat;
}

/* for xugj_date */
.new1 {
	margin-left:5px;
	font-weight:bold;
	color:red;
}
.new2 {
	margin-left:5px;
	color:glay;
}

#ModuleContents {
	line-height:1.5;
}

#theme_login_block_div ,
#theme_login_block {
	width:220px;
	height:220px;
}


