﻿/*  
Theme Name:Ocean Lunar Minus
Code Name:Simplr
Theme URI:http://plod.popoever.com/ocean-lunar-minus.css
Description:Based on Ocean Lunar and optimized for accessibility.
Version:0.5
Author:Andre Li Pan(A.K.A POPOEVER)
Author URI:http://plod.popoever.com/

Table of Contents:
	layout
	typography
	forms
	sidebar
	blog posts
	comments
	search
*/

/* Layout */
* {
	margin:0;
	padding:0;
	border:0;
}
html {
	overflow-x:hidden;
}
body {
	margin:0!important;
	margin:0 0 10px 0;
	background-color:#fff;
	text-align:center;
	overflow-x:hidden;
}

ul,li {
	list-style-type:none;
}

a {
	color:#707070;
	text-decoration:underline;
	font-weight:normal;
}

a:link {
	color:#707070;
}

a:visited {
	color:#707070;
}

a:active {
	color:#303030;
}

a:hover {
	color:#303030;
	text-decoration:none;
}

a img {
	border:0;
}

h1,h2,h3,h6 {
	font-weight:normal;
}


input,textarea,fieldset,button {
	-moz-border-radius:4px;
	border:0;
}

#container {
	line-height:140%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:auto;
	border-style:solid;
	border-color:#fff;
	border-width:3px 3px 0 3px;
	background-color:#fff;
	padding-left:200px;   /* LC width */
	padding-right:230px;  /* RC width */
	overflow:hidden;
/*	padding-bottom:10010px;
	margin-bottom:-10000px;*/
}

#container .cols {
	float:left;
}

#banner {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:16pt;
	background-color:#000048;
	background-image:url(images/ocean-lunar/banner_bg.jpg);
	background-repeat:repeat-x;
	text-align:left;
	padding:0 15px 0 15px;
	font-weight:normal;
	width:auto;
	border-style:solid;
	border-width:0 0 3px 0;
	border-color:#fc0;
	letter-spacing:.2em;
	height:80px;
	margin-left:-200px;
	margin-right:-230px;
}

#slogan {
	float:left;
	height:80px;
	margin-bottom:0!important;
	margin-bottom:-4px;
}

#slogan h1 {
	font-size:14pt;
}

#slogan h2 {
	color:#9cf;
	font-size:8pt;
	font-weight:bold;
	text-transform:none;
}

#nav {
	float:right;
	letter-spacing:.05em;
	line-height:10pt;
	padding-top:58px;
}

#nav,#nav ul,#nav li {
	text-align:right;
	position:relative;
	display:inline;
}

#nav a,
#nav a:link,
#nav a:visited,
#nav a:active,
#nav a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#eee;
	font-weight:normal;
	text-decoration:underline;
	border-bottom:0 solid #fc0;
	border-top:0 solid #fc0;
}

#nav a:hover {
	text-decoration:none;
	padding-bottom:5px!important;
	padding-bottom:3px;
	padding-top:5px!important;
	padding-top:8px;
	border-bottom:3px solid #fc0;
	border-top:60px solid #fc0!important;
	border-top:52px solid #fc0;
}


#left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	overflow:hidden;
	width:100%;
	margin-right:5px;
	margin-left:-200px;
	display:inline; /* Fix IE double padding bug */
}

#left-noindex {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	overflow:hidden;
	width:auto;
}


.content {
	font-family:Verdana, Arial, sans-serif;
	color:#333;
	font-size:9pt;
	font-weight:normal;
	line-height:140%;
	width:auto;
	padding:10px 15px 0 25px;
}

#search-form {
	background-image:url(images/ocean-lunar/search_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:64px;
	padding:24px 0 0 40px;
}

#search-form input {
	border:0 solid #fff;
	background-color:#fff;
	background:transparent;
	-moz-border-radius:0;

}
#search-form input[type="radio"] {
	margin-left:10px;
}

#search-form #q,
#search-form #sa {
	border:2px solid #ccc!important;
	border:1px solid #090;
	background-color:#fdfdfd!important;
	background-color:#f7fff7;
}

#search-form #q {
	padding:2px 0 2px 20px!important;
}
#search-form #sa {
	padding:2px 0!important;
	padding:0;
}

#search-form #q:hover,
#search-form #sa:hover {
	border:2px solid #090!important;
	background-color:#f7fff7!important;
}

.content p {
	line-height:150%;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
}

.content p a,
.content p a:link,
.content p a:visited,
.content li a,
.content li a:link,
.content li a:visited,
.quote a,
.quote a:link,
.quote a:visited {
	color:#048;
	text-decoration:underline;
}

.content p a:active,
.content p a:hover,
.content li a:active,
.content li a:hover,
.quote a:active,
.quote a:hover {
	color:#900;
	text-decoration:none;
}

.extended a,
.extended a:link,
.extended a:visited,
.extended a:active,
.extended a:hover {
	text-decoration:underline;
	margin-bottom:5px;
	margin-left:10px;
}

.extended a:hover {
	text-decoration:none;
}

.content blockquote {
	line-height:150%;
}

.content li {
	line-height:150%;
	list-style-type:disc;
	margin-left:25px;
}

.content h2 {
	color:#000;
	background-image:url(images/ocean-lunar/plod_barcode.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:9pt;
	text-align:left;
	margin-bottom:10px;
	margin-right:0;
	border-width:0 0 1px 5px;
	border-style:solid;
	border-color:#fff #fff #eee #ccc;
	background-color:#fff;
	padding:5px;
	font-weight:normal;
}

.content h2 a,
.content h2 a:link,
.content h2 a:visited,
.content h2 a:hover,
.content h2 a:active {
	font-family:Verdana, Arial, sans-serif;
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

.content h2 a:hover.monthly {
	color:#090;
	text-decoration:underline;
}

.content h2 a:hover.daily {
	color:#c30;
	text-decoration:underline;
}

.content h3 {
	color:#000048;
	font-size:9pt;
	text-align:left;
	font-weight:bold;
	margin:0 0 10px 10px;
}

.content h3 a,
.content h3 a:link,
.content h3 a:visited,
.content h3 a:hover,
.content h3 a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000048;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

.content h3 a:hover {
	color:#048;
}

.content h4 {
	color:#000;
	background-image:url(images/ocean-lunar/popo_barcode.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:24pt;
	text-align:right;
	font-weight:bolder;
	margin:0 0 10px 0;
	border-width:0 5px 1px 0;
	border-style:solid;
	border-color:#fff #ccc #eee #fff;
	background-color:#fff;
	height:18px;
	padding:14px 10px 1px 10px;
	overflow:hidden;
}

#aff {
	padding:5px 0 5px 0;
	background-color:#090;
	border-width:1px;
	border-style:solid;
	border-color:#9f9 #070 #070 #9f9;
	color:#fff;
	font-size:14pt;
	text-align:center;
	width:466px;
}

#aff a,
#aff a:link,
#aff a:visited,
#aff a:active {
	color:#fff;
	text-decoration:none;
}

#aff a:hover {
	color:#9f9;
}

#newsticker {
	margin:0 0 20px 0;
}

.gbchar {
	font-family:"经典繁毛楷", "幼圆", "楷体_GB2312", "黑体", Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

.entrytitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000048;
	font-weight:bold;
	text-align:left;
	margin-bottom:0;
	margin-left:10px;
}

.entrytitle a,
.entrytitle a:link,
.entrytitle a:visited,
.entrytitle a:hover,
.entrytitle a:active {
	color:#000048;
	text-decoration:none;
}

.entrytitle a:hover {
	color:#090;
}

.posted {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	color:#036;
	text-align:left;
	font-weight:normal;
	margin:0 0 20px 10px;
	line-height:normal;
	letter-spacing:0.05em;
	padding-bottom:20px;
}

.posted a,
.posted a:link,
.posted a:visited,
.posted a:active,
.posted a:hover {
	font-weight:normal;
	text-decoration:underline;
}

.posted_window {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-align:left;
	color:#700;
	background-color:#fff;
	margin-bottom:15px;
	margin-top:0;
	line-height:normal;
	padding:2px 5px 2px 5px;
	border-color:#ddd;
	border-style:solid;
	border-width:0 1px 1px 1px;
	width:auto;
}

#center {
	width:200px;
	position:absolute;
	right:230px!important;
	right:205px;
	top:100px;
	background-color:#fff;
	background-image:url(images/ocean-lunar/side_lf_bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	display:inline;
	padding-right:0!important;
	margin-right:0!important;
	padding-right:200px;
	margin-right:-175px;
}


.yourad {
	font-size:9pt;
	text-align:center;
	overflow:auto;
	margin-bottom: 10px;
}

#right {
	width:230px;
	position:absolute;
	right:-233px!important;
	right:-31px;
	top:0;
	background-color:#fff;
	padding-bottom:0;
	padding-top:14px;
	margin-top:-14px;
	overflow:hidden;
}

.sidebar {
	background-image:url(images/ocean-lunar/side_rg_bg.gif);
	background-position:right;
	background-repeat:repeat-y;
}

.sidebar-right {
	background-image:url(images/ocean-lunar/side_rg_corner.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.sidebar-header {
	padding-top:20px;
	width:auto;
	background-image:url(images/ocean-lunar/side_lf_corner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
}

#feedicon {
	width:96px;
	height:96px;
	margin:0 auto;
}

a#feedicon {
	text-indent:-1000em;
	overflow:hidden;
	display:block;
	width:96px;
	height:96px;
	background:url(images/ocean-lunar/feeds.jpg) 0 0 no-repeat;
}

a#feedicon:visited,
a#feedicon:active {
	background-position:0 -192px;
}

a#feedicon:hover {
	background-position:0 -96px;
}

#calendar {
	color:#555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	font-weight:normal;
	line-height:140%;
	text-align:center;
	margin:0 auto 8px auto;
	padding-top:10px;
	width:80%;
}

#calendar table {
	padding:2px;
	border-collapse:collapse;
	font-size:7.5pt;
	border:0;
}

#calendar caption {
	font-family:Verdana, Arial, sans-serif;
	color:#048;
	font-size:9pt;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
}

#calendar th {
	text-align:center;
	font-weight:normal;
	background-color:#fafafa;
}

#calendar td {
	text-align:center;
	width:26px;
}

#calendar a,
#calendar a:link,
#calendar a:visited {
	color:#048;
	font-weight:bold;
}

#calendar a:active,
#calendar a:hover {
	color:#900;
}

.sidebar h2,
#right h2 {
	color:#700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7.5pt;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	border-width:0 5px 1px 0;
	border-style:solid;
	border-color:#fff #fc0 #eee #fff;
	background-color:#fcfcfc;
	line-height:140%;
	letter-spacing:.2em;
	padding:2px;
	margin:12px 20px 0 3px;
}

.sidebar ul,
#right ul {
	margin:10px 8px 10px 0;
	text-align:left;
}

.sidebar li,
#right li {
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	line-height:140%;
	list-style-type:none;
	list-style-position:outside;
	
}

.sidebar img {
	border:0;
}

.photo {
	text-align:left;
	margin-bottom:20px;
}

.link-note,
.link-note-center,
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:9pt;
	font-weight:normal;
	background-color:#fff;
	line-height:140%;
	text-align:left;
	margin:0 10px 5px 3px;
	padding:8px 0 2px 15px;
}


.sidebar h5 {
	padding:0;
	margin:0;
}

.sidebar .listclose {
	display:none;
}

.sidebar .listopen {
	display:block;
}

.listopen ul {
	margin-top:5px!important;
	margin-top:-5px;
}

.ext {
	cursor:se-resize;
}

.link-note-center {
	text-align:center;
}

.syndicate {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:bold;
	line-height:140%;
	padding:2px;
	margin-top:10px;
	margin-right:10px;
	text-align:center;
	background:#eee;
}

#powered {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:bold;
	line-height:140%;
	text-align:center;
	text-transform:uppercase;
	color:#003366;
	margin-top:10px;
	padding:2px;
	letter-spacing:.2em;
}

#counter {
	height:10px;
	text-align:center;
	overflow:hidden;
}

.sidebar-footer {
	background-image:url(images/ocean-lunar/side_lf_footer.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.sidebar-rg-footer {
	background-image:url(images/ocean-lunar/side_rg_footer.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#comment-data {
	float:left;
	width:180px;
	padding-right:15px;
	margin-right:15px;
	text-align:left;
	border-right:1px solid red;
}

textarea[id="comment-text"] {
	width:80%;
}

#prev-comment  {
	list-style-position:inside;
	list-style-type:decimal;
	margin:0;
	padding:0;
	color:#666;
	font-weight:bolder;
}

/*
#prev-comment li  {
	margin:0 0 5px 0;
	padding:0;
	background-color:#fff;
}
*/

.rim,
.crim,
.orim,
.prim {
	border-color:#ddd #ddd #eee #ddd;
	border-style:solid;
	border-width:1px;
	background-color:#eee;
	padding:2px 5px 0 5px;
	cursor:default;
	text-decoration:none;
}

a:hover .rim,
a:hover .crim,
a:hover .orim,
a:hover .prim {
	border-color:#090 #ccc #fff #ccc;
	border-style:solid;
	border-width:3px 1px 1px 1px;
	background-color:#fff;
	padding-top:0;
	cursor:default;
}

a:hover .crim {
	border-color:#c30 #ccc #fff #ccc;
}

a:hover .orim {
	border-color:#fc0 #ccc #fff #ccc;
}

a:hover .prim {
	border-color:#906 #ccc #fff #ccc;
}

.content p.comment-id {
	 text-align:right;
	 margin:0;
	 padding:0;
}

.warning,
.prev_entry { 
	font-family:Georgia, Verdana, Arial, sans-serif;
	font-size:9pt;
	color:#c00;
	border:1px solid  #e00;
	background-color:#f5dddd;
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
}

.prev_entry {
	padding-top:0;
	margin-top:70px;
	width:auto;
}

.prev_entry ul {
	padding-top:0;
	margin-top:0;
}

.prev_entry ul li a,
.prev_entry ul li a:link {
	color:#c00;
	font-weight:bold;
}

.prev_entry ul li a:visited,
.prev_entry ul li a:active {
	color:#900;
}

.prev_entry ul li a:hover {
	color:#048;
}

.prev_head {
	position:relative;
	top:-24px!important;
	top:-25px;
	left:-6px;
	font-family:Verdana, Arial, sans-serif;
	font-size:7.5pt;
	color:#c00; 
	border:1px solid #e00;
	border-bottom:0;
	background-color:#f5dddd;
	padding:10px;
	margin-top:0;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	width:auto;
	display:inline;
}

.crimson,
.viridian,
.skyblue,
.sunny,
.oceandeep {
	text-decoration:none;
}

.crimson {
	color:#c30;
}

.viridian {
	color:#090;
}

.skyblue {
	color:#06c;
}

.sunny {
	color:#fc3;
}

.oceandeep {
	color:#000048;
}

input, textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000048;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #eee #eee #ccc;
	background-color:#fcfcfc;
}

.techstuff {
	text-decoration:underline;
}

.quote {
	font-family:verdana, arial, sans-serif; 
	font-size:9pt;
	color:#000;
	border-top:1px solid #f5f5f5;
	border-right:10px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	border-left:10px solid #048;
	background-color:#f5f5f5;
	padding:15px;
	font-weight:normal;
}

.quote a {
	text-decoration:underline;
}

.code,
.code p {
	font-family:courier new, courier, verdana, arial, sans-serif;
	font-size:8pt;
	color:#000048;
}
.code {
	border-top:1px solid #f5f5f5;
	border-right:10px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	border-left:10px solid #048;
	background-color:#d7efff;
	background-image:url(images/code_view_bg.gif);
	padding:15px;
	font-weight:normal;
	word-wrap:break-word;
	overflow:hidden;
}
.code p {
	margin-left:0;
}

.imgborder0 {
	border:0;
}

.imgborder1 {
	border-style:solid;
	border-width:1px;
	border-color:#ccc #666 #666 #ccc;
}

.imgborder2 {
	border-style:solid;
	border-width:1px;
	border-color:#333;
}

.imgborder3 {
	border-style:solid;
	border-width:10px;
	border-color:#fff;
}

.imgborder4 {
	padding:10px;
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
}

.foto {
	width:300px;
	border-style:solid;
	border-width:1px;
	border-color:#eee;
	background-color:#fff;
	font-weight:bold;
	text-align:right;
	padding:20px 20px 5px 20px;
	line-height:24px;
}

.bolderit {
	font-weight:bold;
}

.larger {
	font-size:28px;
}

#blogmarker {
	background-color:#f9f9f9;
	padding-left:35px;
	text-align:center;
	margin-right:2px;
}

#blogmarker li img {
	padding-bottom:5px;
}

#gallery {
	margin:5px 0 20px 0;
}
#footer {
	clear:both;
	position:relative;
}
.adcontainer {
	margin-bottom:15px;
}
* html body {
	overflow:hidden;
}

/* EOF */