@charset "utf-8";
/*
Theme Name: LSDN Theme
Theme URI: http://lsdn.lynnstudio.cn/
Description: The default WordPress theme is designed by Wink at <a href="http://www.lynnstudio.cn/">Lynn Studio</a>.
Version: 0.5
Author: Wink
Author URI: http://www.lynnstudio.cn/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Generic Styles */
html * {
color: #555;
background: transparent;
margin: 0;
padding: 0;
}
body {
font: 12px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #444;
}
form fieldset { border: 0; }
form legend { display: none; }
form label { vertical-align: baseline; }
input, select, textarea, button {
font: 12px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #95a5c6;
padding: 2px;
}
button {
font-size: 11px;
display: block;
padding: 0;
height: 21px;
cursor: pointer;
}
button:hover {
background: #f4f5f9;
}
button img {
*margin-left: -5px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li { list-style: none; }
a:link, a:visited {
color: #3b5998;
background: transparent;
text-decoration: none;
}
a:hover, a:active {
color: #3b5998;
background: transparent;
text-decoration: underline;
}
img { vertical-align: middle; }
h1 {
font-size: 14px;
width: 990px;
margin: 0 auto;
padding-top: 15px;
}
h2 {
font-size: 21px;
font-weight: normal;
margin-left: 72px;
}
pre {
background: #fcfcfc;
text-align: left;
overflow: auto;
padding: 13px 16px;
margin-top: 15px;
margin-bottom: 15px;
width: 666px;
border: 1px solid #d7d7d7;
}
code { font: 12px Consolas, "Courier New", Courier, monospace; }
blockquote {
margin: 25px 15px 25px 10px;
padding: 0 10px 0 70px;
border-bottom: 1px dotted #d7d7d7;
border-top: 1px dotted #d7d7d7;
background: #fff url(img/icn_blockquote.gif) 10px 24px no-repeat;
}
blockquote cite {
display: block;
color: #3b5998;;
margin: 15px 2px;
font-style: normal;
}
acronym, abbr { 
border-bottom: 1px dashed #999;
cursor: help;
}
/* End Generic Styles */



/* Begin Structure */
#wrapper {
width: 990px;
margin: 35px auto 0 auto;
}
.narrowcolumn {
float: left;
width: 700px;
}
/* End Structure */



/*	Begin Headers */
#header {
border-bottom: 1px solid #c1c1c1;
height: 80px;
}
#headerimg 	{
height: 65px;
width: 100%;
background: #3b5998;
border-bottom: 15px solid #dfdfdf;
}
#headerimg .description {
color: #fff;
font-size: 13px;
font-weight: normal;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
display: block;
float: left;
background: url(img/logo.png) left top no-repeat;
width: 122px;
height: 30px;
margin-left: 15px;
text-decoration: none;
}
h1 span {
visibility: hidden;
}
#headerimg .description {
margin-left: 150px;
padding-top: 15px;
}
/* End Headers */



/* Posts & Entry */
.post {
margin: 0 0 20px 0;
padding-bottom: 10px;
text-align: left;
border-bottom: 1px dotted #ccc;
}
.image, .multiimage {
text-align: center;
}
.image img, .multiimage img {
/*display: block;*/
border: 1px solid #fff;
padding: 4px;
/*margin: 0 auto;*/
}
.multiimage img {
margin-right: 10px;
}
.image img:hover, .multiimage img:hover {
border: 1px solid #d7d7d7;
}
p.imagenote {
font-size: 12px;
text-align: center;
}
.post h3 {
clear: both;
color: #3b5998;
font: normal 19px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
margin: 30px 0 0 0;
padding-bottom: 5px;
border-bottom: 1px dotted #3b5998;
/*padding-left: 10px;
background: #fff url(img/icn_bullet_point_arrow.gif) left top no-repeat;*/
}
.post h4 {
font: bold 14px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
}
.post h5 {
font: bold 12px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
margin: 15px 2px;
}
.post table {
margin: 15px 2px;
margin: 0 auto;
}
.post table th {
font-weight: bold;
text-align: center;
background: #f7f7f7;
padding: 5px 8px;
border: 1px solid #d7d7d7;
}
.post table td {
padding: 5px 8px;
border: 1px solid #d7d7d7;
}
.postin {
margin-left: 75px;
margin-top: 4px;
margin-bottom: 5px;
}
.postin span {
margin-right: 20px;
}
.postin {
font-size: 12px;
}
.postin span, .postin span a:link, .postin span a:visited, .postin span a:hover, .postin span a:active {
color: #999;
}
blockquote.myword {
background: #fff url(img/icn_myword.gif) 10px 24px no-repeat;
}
.entry {
line-height: 1.5em;
font-size: 14px;
}
.entry p {
margin: 15px 2px;
}
h2.pagetitle {
margin: 0 0 20px 0;
border-bottom: 1px solid #d7d7d7;
}
.entry ul, .entry ol {
margin: 15px;
}
.entry ul ul, .entry ol ul {
margin: 5px 10px;
}
.entry ul ul {
*margin-top: -10px;
}
.entry ul ol {
margin: 5px 10px 5px 25px;
}
.entry ul ol li {
background: none;
padding-left: 0;
}
.entry ul li, .entry ol ul li {
list-style: none;
background: url(img/icn_post_li.gif) 0px 10px no-repeat;
padding-left: 10px;
}
.entry ol {
margin-left: 40px;
}
.entry ol ol {
margin: 5px 10px 5px 25px;
}
.entry ol ol li {
list-style: lower-alpha;
}
.entry ol li {
list-style: decimal;
}
.post-searchpage {
padding-bottom: 20px;
}
.datecode { /* Topic Date */
float: left;
position: relative;
background:url(img/bg_date_code.gif) left top no-repeat;
width: 65px;
height: 70px;
margin-top: 5px;
margin-bottom: 8px;
*margin-bottom: 4px;
}
.theday {
position: absolute;
bottom: 10px;
left: 15px;
font: 30px "Eras Medium ITC", Gulim, Gungsuh;
}
.themonth {
position: absolute;
font-size: 14px;
top: 5px;
left: 14px;
}
.theyear {
color: #999;
position: absolute;
font: 9px "Small Fonts";
top: 8px;
right: 10px;
} /* End Topic Date */
.toc {
font: 12px "Segoe UI", "lucida grande", Verdana, Arial, Helvetica, sans-serif;
float: right;
width: 280px;
padding: 0 0 20px 30px;
background: #fff;
}
.toc .tocwrapper {
padding-bottom: 10px;
background: #f7f7f7 url(img/bg_toc_bottom.gif) left bottom no-repeat;
text-align: left;
}
#contents .toc {
display: none;
}
.toc h3 {
font-size: 17px;
margin: 0;
padding: 15px 10px 10px 20px;
border: 0;
background: #f7f7f7 url(img/bg_toc_top.gif) left top no-repeat;
}
.toc h3 img {
margin-right: 5px;
vertical-align: baseline;
}
.toc ol {
margin: 0 10px 10px 40px;
}
.toc ol ol {
margin-left: 25px;
margin-right: 0;
}
.toc ol li {
line-height: 1.5em;
margin-bottom: 7px;
}
.toc ol ol li {
list-style: upper-alpha;
}
.toc ol ol ol li {
list-style: lower-alpha;
}
.toc a, .toc a:hover {
color: #555;
}
a.download:link, a.download:visited, a.download:hover, a.download:active {
padding-left: 18px;
background: url(img/icn_download.gif) 3px 4px no-repeat;
}
a.external:link, a.external:visited, a.external:hover, a.external:active {
padding-left: 20px;
background: url(img/icn_external.gif) 3px 5px no-repeat;
}
a.ieexternal:link img, a.ieexternal:visited img, a.ieexternal:hover img, a.ieexternal:active img {
border: 0;
margin-right: 3px;
margin-top: 2px;
margin-left: 3px;
vertical-align: baseline;
}
a.previous-button:link, a.previous-button:visited, a.previous-button:hover, a.previous-button:active {
display: block;
font-size: 14px;
padding-left: 18px;
margin-bottom: 20px;
*margin-bottom: 0px;
background: url(img/icn_prev_button.gif) left 4px no-repeat;
}
a.next-button:link, a.next-button:visited, a.next-button:hover, a.next-button:active {
display: block;
font-size: 14px;
padding-right: 18px;
margin-bottom: 20px;
*margin-bottom: 0px;
background: url(img/icn_next_button.gif) right 4px no-repeat;
}
.error {
margin-top: 10px;
padding-left: 125px;
height: 101px;
background: url(img/icn_error.png) left top no-repeat;
}
.error h2 {
margin: 5px 10px 20px 0;
}
a.more-link:link, a.more-link:visited, a.more-link:hover, a.more-link:active {
padding-left: 14px;
background: url(img/icn_more_link.gif) 0 5px no-repeat;
}
/* End Posts & Entry */



/* Begin Form Elements */
#searchform {
*margin-top: -15px;
}
#googlesearch {
*margin-top: -15px;
padding-bottom: 10px;
}
#sidebar #searchform input, #protectform input, #googlesearch input {
float: left;
width: 140px;
margin-right: 5px;
}
#googlesearch label {
float: left;
margin-right: 20px;
*padding-top: 1px;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
background: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 8px;
}
/* End Comments */



/* Begin Sidebar */
#sidebar {
margin-left: 730px;
width: 230px;
padding-left: 20px;
border-left: 1px solid #d7d7d7;
}
#sidebar h2 {
font-size: 12px;
padding-bottom: 2px;
margin-bottom: 12px;
margin-left: 0;
border-bottom: 1px solid #d7d7d7;
}
#sidebar ul li {
margin-bottom: 25px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 0;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 0 0 5px 0;
}
#sidebar ul ul li {
padding-left: 20px;
background: url(img/icn_bullet_point_arrow.gif) 10px 4px no-repeat;
}
#sidebar ul ul li.xhtml {
background: url(img/icn_xhtml_validator.gif) 0px 2px no-repeat;
}
#sidebar ul ul li.css {
background: url(img/icn_css_validator.gif) 0px 2px no-repeat;
}
#sidebar ul ul li.rss {
background: url(img/icn_rss_url.gif) 0px 2px no-repeat;
}
#sidebar ul ul li.xfn {
background: url(img/icn_xfn.gif) 0px 2px no-repeat;
}
/* End Sidebar */



/* Begin Footer */
#footer {
float: left;
width: 950px;
padding: 15px 20px 10px 20px;
margin: 0 auto;
background: #fafafa;
border: 1px solid #d7d7d7;
}
a.wordpress:link, a.wordpress:visited, a.wordpress:hover, a.wordpress:active {
height: 16px;
display: block;
padding-left: 18px;
margin-left: 5px;
margin-right: 15px;
background: url(img/icn_wordpress_16.gif) left top no-repeat;
}
a.lynnstudio:link, a.lynnstudio:visited, a.lynnstudio:hover, a.lynnstudio:active {
width: 85px;
height: 20px;
margin-left: 7px;
background: url(img/logos.gif) 0px 0px no-repeat;
}
a.lynnstudio:hover, a.lynnstudio:active {
background: url(img/logos.gif) 0px -70px no-repeat;
text-decoration: none;
}
.lynnstudio span, .lsdn span {
visibility: hidden;
}
a.lsdn:link, a.lsdn:visited, a.lsdn:hover, a.lsdn:active {
width: 49px;
height: 15px;
margin-right: 7px;
background: url(img/logos.gif) 0px -140px no-repeat;
}
a.lsdn:hover, a.lsdn:active {
background: url(img/logos.gif) 0px -220px no-repeat;
text-decoration: none;
}
a.pagetoplink:link, a.pagetoplink:visited, a.pagetoplink:hover, a.pagetoplink:active {
display: block;
float: right;
padding-left: 14px;
margin: 10px 0;
background: url(img/icn_back_to_pagetop.gif) left 3px no-repeat;
}
a.beian:link, a.beian:visited, a.beian:hover, a.beian:active {
margin-left: 15px;
}
/* End Footer */



/* Begin Various Tags & Classes */
.clear { clear: both; }
.center { text-align: center; }
.hidden { display: none; }
.display { display: block; }
.alignright { float: right; }
.alignleft { float: left }
.small {
font-size: 11px;
line-height: 1.5em;
}
/* End Various Tags & Classes*/