/*  
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.
Version: 3.3.1
Author: Sadish
Author URI: http://simpleinside.com
*/

#image200 { width: 200px; }
#image250 { width: 250px; }

@media screen and (min-width:300px){#image300 {width: 300px;}}
@media screen and (max-width:300px){#image300 {width: 100%;}}

@media screen and (min-width:400px){#image350 {width: 400px;}}
@media screen and (max-width:400px){#image350 {width: 100%;}}

@media screen and (min-width:400px){#image400 {width: 400px;}}
@media screen and (max-width:400px){#image400 {width: 100%;}}

@media screen and (min-width:450px){#image450 {width: 450px;}}
@media screen and (max-width:450px){#image450 {width: 100%;}}

@media screen and (min-width:500px){#image500 {width: 500px;}}
@media screen and (max-width:500px){#image500 {width: 100%;}}

@media screen and (min-width:550px){#image550 {width: 550px;}}
@media screen and (max-width:550px){#image550 {width: 100%;}}

@media screen and (min-width:600px){#image600 {width: 600px;}}
@media screen and (max-width:600px){#image600 {width: 100%;}}

#image000 {width: 100%;}

#image {width: 95%;}

@media screen and (min-width:400px){#floatright {float: right; clear: right;}}
@media screen and (max-width:400px){#floatright {text-align: center; margin: 21px auto; }}

@media screen and (min-width:400px){#imageright {border: #eeeeee 1px solid; padding: 5px; margin: 0pt 2px 10px 15px; display: block; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}
@media screen and (max-width:400px){#imageright {width: 90%; border: #eeeeee 1px solid; padding: 5px; margin: 0px 0px 0px 0px; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}

@media screen and (min-width:400px){#floatleft {float: left; clear: left;}}
@media screen and (max-width:400px){#floatleft {text-align: center; margin: 21px auto; }}

@media screen and (min-width:400px){#imageleft {border: #eeeeee 1px solid; padding: 5px; margin: 10px 17px 10px 0px; display: block; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}
@media screen and (max-width:400px){#imageleft {width: 90%; border: #eeeeee 1px solid; padding: 5px; margin: 0px 0px 0px 0px; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}

@media screen and (min-width:400px){#imagecenter {border: #eeeeee 1px solid; padding: 5px; margin: 0px 0px 0px 0px; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}
@media screen and (max-width:400px){#imagecenter {width: 90%; border: #eeeeee 1px solid; padding: 5px; margin: 0px 0px 0px 0px; background: #ffffff; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)}}


* {
	margin: 0;
	padding: 0;
}

#layout {
	background: #efefef;
}

#header {
	background-color: white;
}

@media screen and (max-width:750px){#blog-title {
	font-size: 35px;
	font-weight: 700;
	line-height: 45px;
	background-color: white;
}}
@media screen and (min-width:750px){#blog-title {
	width: 750px;
	margin:0 auto;
	font-size: 35px;
	font-weight: 700;
	line-height: 45px;
	background-color: white;
}}

#blog-title p {
	margin: 0;
	padding: 20px;
	font-family: "Open Sans", sans-serif;
}

#blog-title p a 
{
    color:  #222222;
	text-decoration:none;
	margin: 0;
}
#blog-title p a:link, #blog-title p a:visited {
	color: #222222;
}
#blog-title p a:hover, #blog-title p a:active {
	border-bottom: none;
	margin: 0;
}

#nav {
	height: 45px;
	background-color: #222222;
}

#nav p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	line-height: 45px;
}

#nav p a 
{
    color:  #ffffff;
	text-decoration:none;
	margin: 0;
}
#nav p a:link, #nav p a:visited {
	color: #ffffff;
}
#nav p a:hover, #nav p a:active {
	border-bottom: none;
}

@media screen and (max-width:750px){#main {
	margin:15px 0;
	padding: 0;
	background-color: white;
}}
@media screen and (min-width:750px){#main {
	width: 750px;
	margin:15px auto;
	padding: 0;
	background-color: white;
}}

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

#footer {
	height: 45px;
	background-color: #222222;
}
 #footer p {
	text-align: center;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	line-height: 45px;
	margin: 0;
}

.entry-title {
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: 700;
	text-align: center;
}





p {
	margin:  0.5em 0;
	font-family: pmingliu;
	line-height:1.6em;
	text-align:justify;
}

ul {
	margin:0 1em;
    padding:0 1em;
    list-style-image:url(bullet.png);
}

li {
	margin: 0 0 0.3em 0;
	padding: 0;
	font-family: pmingliu;
	line-height: 1.6em;
}
a 
{
    text-decoration:none;
	margin: 0;
}
a:link, a:visited {
	color: #1e73be;	
	color1: rgb(0, 82, 255);
}
a:hover, a:active {
	border-bottom:#963 1px solid;
}

    /*美化的分页链接结束*/

#pic { text-align:center; margin: 21px 0; }

div#pic span {
	margin:12px;
	display: block; 
	color: #555; 
	text-align: center; 
	line-height: 1.5em;
	font-size: 1em;
	font-family:pmingliu}
	
blockquote {
	margin:1em 2px;
	padding-left:1em;
	border-left:3px solid #dbdbdb;
	color: rgba(0, 0, 0, 0.6);
}



.hide { display: none; }

p.zhengwen {text-indent: 2em; margin: 0.75em 0;}
.colorred {color: #B50838; margin: 0; padding:0;}
.links {width:0.7em; margin: 0 7px;}

.fn {
    font-size: 0.75em;
    line-height: normal;
    vertical-align: super
    }

.notecolor { color: rgb(255, 76, 65); }

.zhw { text-indent: 2em; }

.greek { font-family: Palatino Linotype; }