/*
Theme Name: looli store theme
Theme URI: http://looli.com/
Description: The default WordPress theme for store.looliwun.com
Version: 1.0
Author: Clay Lua
Author URI: http://hungred.com/
Tags: hungred, custom header, fixed width, one columns, widgets
*/

html{
background: #F78E1E  url(images/falling-clothes.jpg) repeat-y 50% 50%;
height: 100%;
}
body{
font-size: 62.5%;
height: 100%;
width: 100%;
background: #F78E1E  url(images/falling-clothes.jpg) repeat-y 50% 50%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #808080;
cursor: default;
margin: 0 auto;
text-align: center;
}
textarea{
overflow: auto;
}

input, textarea{
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #808080;
}
strong{
	font-weight: bold;
}
italic{
font-style:italic
}
oblique{
font-style:oblique
}
a{
text-decoration: none;
color: #3399cc;
}
h1,h2,h3{
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size: 1.8em;
font-weight: bold;
margin: 0.67em 0 0.67em;
}
p img{
	margin: 0 auto;
	text-align: center;
}
p{
	margin: 1em 0;
}
.order{
	background: transparent url(images/order-now.png) no-repeat;
	width: 125px;
	height: 80px;
	border: 0;
	cursor: pointer;
}
/********************************
*								*
*			Header				*
*								*
*								*
********************************/

#header #background{
	position: absolute;
	width: 960px;
	margin-left: -480px;
	left: 50%;
	top: 0;
}
 #background{
 background: #F78E1E url(images/background.jpg) no-repeat;
 z-index: -1;
 height: 468px;
 }

#header{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#logo{
	position: absolute;
	width: 960px;
	margin-left: -480px;
	left: 50%;
	top: 60px;
	text-align: left;
}
#logo_title{
	font-size: 5em;
	margin: 0.67em 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#logo_desc{
	color: #FFF;

}
#logo-image{
	background: transparent url(images/logo.png) no-repeat;
	width: 300px;
	height: 65px;
}
#logo h2, #logo h1{
	text-indent: -9999px;
	font-size: 0px;
}
#menu ul{
margin: 0 auto;
display: block;
overflow: hidden;
}
.byline{
margin: 0
}

#menu ul li,  #menu div, #menu a{
	float: left;
	margin-right: 18px;
	color: #FFF;
	font-size: 1.3em;
}
#social{
	color: #FFF;
	position: relative;
	height: 85px;
}
/********************************
*								*
*			Search				*
*								*
*								*
********************************/
#searchbar_father{
width:350px;
height:80px;
background: transparent url(images/searchbar.png) no-repeat;
position: relative;
}
#s{
width:230px;
height:65px;
border: 0;
font-size: 3.5em;
margin-top: 6px;
font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;

float: left;
margin-left: 35px;
}
#search_button{
height:50px;
width:62px;
border: 0;
background: transparent url(images/search-icon.png) no-repeat 100% 100%;
cursor: pointer;
position: absolute;
right: 10px;
}

#search{
position: absolute;
bottom: 0;
right: 0;
width: 360px;
}
#twitter{
background: #F78E1E url(images/looli-twitter.jpg) no-repeat 100% 100%;
width: 80px;
height: 80px;
position: absolute;
bottom: 0;
left: 25px;
}

#rss{
background: transparent url(images/rss_bag.png) no-repeat 100% 100%;
width: 48px;
height: 48px;
position: absolute;
bottom: 0;
left: 0;
}

/********************************
*								*
*			Footer				*
*								*
*								*
********************************/

#footer, #page, #background, #menu, #social{
	width: 959px;
	margin: 0 auto;
}
.post, #comments, .sidebar, .pagetitle{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #FFF;
}

#footer{
color: #FFF
}
#footer p{
	margin: 10px;
}
#footer a{
	color: #EEE;
}
/********************************
*								*
*			Comment				*
*								*
*								*
********************************/
.commentC {
background:#FFF url('images/comment2.png') no-repeat;
height:50px;
line-height:50px;
text-align:center;
width:50px;
}
.commentC a{
color: #FFF;
}
.commentP {
float:right;
margin-right:10px;
padding-left: 4em;
}

#comments{
margin-bottom: 20px;
padding: 18px;
overflow: hidden;
}
#commentform {
text-align:left;

}
#commentform  small{
	font-size: 1.1em;
}
.commentlist {
margin:0;
padding:0;
text-align:left
}

#commentlist4tb {
display:none
}

#pingNtb {
color:#600;
cursor:pointer;
}

.commentlist li {
clear:both
}

.commenter_details {
background-color:#fafafa;
float:left;
height:auto !important;
margin:20px 0;
min-height:140px;
position:absolute;
width:120px
}

.comment_box {
clear:both;
height:auto !important;
min-height:185px;
overflow:auto
}

.commenter_comment {
border:#c6c4c4 solid 1px;
height:auto !important;
margin:10px;
min-height:185px;
height: 185px;
overflow:auto;
padding-left:120px;
padding-top:20px;
width:auto !important
}
#submit{
background: transparent url(images/post-button.png) no-repeat 0% 0%;
width: 250px;
height:80px;
border: 0;
cursor:pointer;
}

#submit:hover{
background: transparent url(images/post-button.png) no-repeat 100% 47%;
width: 250px;
height:80px;
border: 0;
cursor:pointer;
}

#submit:active{
background: transparent url(images/post-button.png) no-repeat 100% 95%;
width: 250px;
height:80px;
border: 0;
cursor:pointer;
}

.alt .commenter_comment{
border: #e0b264 solid 1px;
}
/********************************
*								*
*			Page Navi			*
*								*
*								*
********************************/
.wp-pagenavi a, .wp-pagenavi span{
	border: #252525 solid 0px!important;
}
.current{
	color:#2D2C2C !important;
}
.pages{
	border: #252525 solid 0px!important;
	color:#2D2C2C !important;
}
/********************************
*								*
*			Content				*
*								*
*								*
********************************/
#content_only ul li, #content_only ol li, .entry ol li, .entry ul li   {
line-height:1.65em;
list-style-type:disc;
margin: 2px 50px;
padding:0 3px;
}

#content_only ol li, .entry ol li {
list-style:decimal;
}
#menu_position{
	margin-top: 17em;
	text-align: left;
}
#page{
	margin-top: 26em;
	text-align: left;
}

#content{
	width: 959px;
}

.post{
	margin-bottom: 10px;
	padding: 18px;
	position: relative;
}

.entry, .home_title{
	margin: 0.67em 0 0;
}

.edit_link{
margin: 15px 0;
}

.pagetitle{
	color: #3399cc;
	padding: 18px;
	position: relative;
}
/********************************
*								*
*			Author				*
*								*
*								*
********************************/
.postauthor {
background-color:#FFF;
border:1px solid #c6c4c4;
height:auto !important;
min-height:100px;
height: 100px;
padding:10px;
margin: 15px 0;
}

.postauthor h4 {
font-size:1.2em;
margin:0 0 10px
}

.postauthor img {
float:left;
margin:0 15px 8px 0
}

/********************************
*								*
*			Sidebar				*
*								*
*								*
********************************/

.sidebar{
	width: 925px;
	margin: 0;
	padding: 18px;
	position: relative;
	margin-top: 20px;
	
}
.sidebar-content ul li{
	float:left;
	width: 180px;
	margin-right: 20px;
}
.sidebar-content ul{
	
}
.sidebar-content{
	width: 825px;
	margin: 0 auto;
	overflow: hidden;
}
.sidebar-banner{
	margin-top: 20px;
}
#sidebar-logo{
	background: transparent url(images/shoes.png) no-repeat 100% 100%;
	width: 150px;
	height: 85px;
	position: absolute;
	top: -50px;
	left: -80px;

}

/********************************
*								*
*			Global				*
*								*
*								*
********************************/
#comments, .sidebar, .pagetitle{
	background: #FFF;
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
}
.post{
	background: #FFF;
}

.widget_links img{
	width: 220px;
	height: 135px;
}
.widget_links{
	clear: both;
	display: block;
}
