/*  
Theme Name: Impression
Theme URI: http://blog.missui.com/
Description: This WordPress theme was designed by <a href="http://blog.missui.com/">Jinxuan</a>.
Version: 0.1
Author: jinxuan
Author URI: http://blog.missui.com/
*/
body{
background:url('images/bg.jpg') no-repeat;
font-size:12px;
font-family:'Tahoma';
background-attachment:fixed ;
min-width:1263px;
margin:0;
}
a{
color:#fff;
}
a:focus { outline:none }
.clear{
clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
form{
margin:0;
padding:0;
}
h3{
font-size:14px;
}


#header{
height:110px;
min-width:1263px;
}
.logo{
margin-top:24px;
width:277px;
height:46px;
margin-left:90px;
background:url('images/logo.png') no-repeat;
}
.logo a{
display:block;
width:277px;
height:46px;
}
.rss{
width:59px;
height:58px;
margin-top:52px;
margin-left:320px;
background:url('images/rss.png') no-repeat;
}
.rss a{
display:block;
width:59px;
height:58px;
}
.search{
margin-top:24px;
background:url('images/searchbg.png') no-repeat;
height:31px;
padding:3px 5px;
}
form.searchform{
width:185px;
position:relative;
}
form.searchform input{
background:none;
border:none;
color:#A4104A;
font-size:12px;
}
input.key{
width:105px;
margin:7px 0 0 10px;
}
input.ssearch{
width:40px;
height:18px;
margin-left:15px;
}

#page{
width:800px;
color:#fff;
float:left;
height:565px;
background:url('images/pagebg.png') no-repeat;
overflow:hidden;
}
#content{
width:600px;
padding:0 100px;
color:#fff;
float:left;
}
.leftbutton{
width:102px;
height:102px;
background:url('images/leftbutton.png') no-repeat;
margin-top:250px;
}
.rightbutton{
width:102px;
height:102px;
background:url('images/rightbutton.png') no-repeat;
margin-top:250px;
}
.ulimg{
width:800px;
height:89px;
}
.ulimg a{
position :  relative ;
}

.post_list{
background:url('images/titlebg.png') ;
width:533px;
margin:0 0 0 134px;
}
.post_list a img{
margin:5px 0 5px 5px;
border:1px solid #222;
padding:1px;
width:57px;
height:45px;
}
.mp_pagenavi{
margin-left:103px;
margin-top:10px;
}
.mp_pagenavi a{
text-decoration : none;
margin:0 3px;
font-size:11px;
background:url('images/pagenavbg.png') no-repeat;
display:block;
width:17px;
height:17px;
text-align:center;
float:left;
}





.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 35px 0 0 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw { 
		overflow: hidden;
		width:533px;
		height:360px;
		margin: 0 0 0 134px;
		}
		.csw .loading {
		margin: 0 0 0 260px; 
		text-align: center;
		background:url('images/loading.gif') no-repeat;
		height:32px;
		width:40px;
		}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			clear: both;
			width:533px;
			height:400px;
		}
		.wrapper img{
		width:533px;
		height:400px;
		}
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 800px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		

		.stripNav li a.current{
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 200px;
		}
		
		.stripNavL a{
			display: block;
			width:72px;
			height:72px;
			
			}
		.stripNavR a {
			display: block;
			width:72px;
			height:72px;
			
			}
		.stripNavL {
			left: 0;
			background:url('images/leftbutton.png') no-repeat;
			background:url('images/leftbutton.png') no-repeat !important;
			*background:url('images/leftbutton.gif') no-repeat;
		}
		
		.stripNavR {
			right: 0;
			background:url('images/rightbutton.png') no-repeat;
			background:url('images/rightbutton.png') no-repeat !important;
			*background:url('images/rightbutton.gif') no-repeat;
		}
		
.wrapperh2{
margin:0;
padding:5px 0;
text-align:center;
background:url('images/titlebg.png');
height:20px;
width:533px;
position :  absolute ;
}
.wrapper h2 a{
font-size:12px;
font-weight:100;
text-decoration:none;
}
#sidebar{
		width:390px;
		float:right;
padding-right:10px;
		}
.widgett{
background:url('images/boxt.png') no-repeat;
width:190px;
height:16px;
}
.widget{
width:160px;
padding:0 15px;
background:url('images/boxm.png') repeat-y;
}
.widget a{
color:#000;text-decoration:none;
}
.widget a:hover{
color:#AD104E;
}
.widget table{
width:160px;
}
.widget table td{
text-align:center;
}
.widget table td a{
font-weight:bold;
}
td#today{
background:#fff;
}
.widgetb{
background:url('images/boxb.png') no-repeat;
width:190px;
height:16px;
margin-bottom:10px;
}
.widget h2{
margin:0;
font-family:'Tahoma';
font-size:16px;
font-weight:100;
margin-bottom:5px;
}
.widget ul{
margin:0;
list-style:none;
padding:0;
}
.widget ul li{
padding:3px 0 3px 5px;
}


.photometa{
line-height:22px;
background:url('images/titlebg.png');
padding:4px;
color:#aaa;
}
img.small{
background:url('images/titlebg.png');
border:1px solid #000;
padding:4px;
width:80px;
height:60px;
float:left;
margin-right:10px;
}
.post{
background:url('images/titlebg.png');
margin:0;
padding:10px 0;
}
.entry{
text-align:center;
}
.entry img{
background:url('images/titlebg.png');
border:1px solid #000;
padding:4px;
margin:4px;
}
.navigation{
padding:10px 0;
line-height:24px;
}
#commentform textarea{
border:1px solid #fff;
background:url('images/titlebg.png');
width:590px;
height:80px;
padding:5px;
color:#fff;
}
#commentform input{
border:1px solid #fff;
background:url('images/titlebg.png');
}
#commentform input.button{
background:#B0144A;
color:#fff;
border:1px solid #E70A78;
width:160px;
height:30px;
font-weight:bold;
font-size:14px;
}
h3#respond{
background:url('images/pagenavbg.png') no-repeat;
padding-left:30px;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
ol.commentlist{
list-style-position : inside ;
margin:0;
padding:0;
}
ol.commentlist li{
margin:5px 0;
padding:5px;
background:url('images/titlebg.png');
}
ol.commentlist li p{
padding:9px 0;
margin:0;
}
ol.commentlist li a{
text-decoration :  none;
}
.commentmetadata,.commentmetadata a{
color:#fff;
}
.entry input[type="submit"] {
background:#B0144A;
color:#fff;
border:1px solid #E70A78;

}

#footer{
height:55px;
padding-top:50px;
color:#fff;
text-align:right;
background:url('images/footerbg.png') repeat-x;
}
.wpamu{
float:right;
width:184px;
height:30px;
margin-right:10px;
background:url('images/wpamu.png') no-repeat;
}
.copyright{
float:right;
font-size:12px;
padding-right:5px;
}