/*
Theme Name:     Lianny Custom Design
Theme URI:      http://thechocolatteblogdesign.com/
Description:    Custom Design 2 Column for Lianny Hendrawati
Author:         Shintaries
Author URI:     http://shintaries.com/about/
Template:       twentyten                             
Version:        0.1.0
*/


@import url("../twentyten/style.css");

@import url(http://fonts.googleapis.com/css?family=Muli:300italic,300|Lobster+Two|Flamenco);

#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
display:none;
}

#site-description {
clear: right;
float: right;
font-style: italic;
margin: 15px 0 18px 0;
width: 220px;
display:none;
}

#branding {
border-top:none;
padding-bottom: 10px;
position: relative;
z-index: 9999;
background: url(images/header.png);
height: 410px;
}

#wrapper {
margin-top: 0px;
padding: 0px;
background:none;
}

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
width: 982px;
}

#access {
float: left;
margin: -89px 0 0 30px;
width: 940px;
position: absolute;
z-index: 9999;
background: none;
}

#main {
width: 982px;
background: url(images/body.png);
margin-left: 10px;
}

#colophon {
border-top: none;
margin-top: -4px;
overflow: hidden;
padding: 38px 0;
margin-left: 10px;
background: url(images/footer.png)no-repeat;
}

#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
padding-left: 20px;
}

#site-generator a {
background: none;
color: #666;
display: inline-block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
}

#access a {
color: #fff;
display: block;
line-height: 38px;
padding: 7px 30px;
text-decoration: none;
text-transform: uppercase;
}

#header {
    padding: 0;
}

#access li:hover > a,
#access ul ul :hover > a {
	background: #51aadc;
	color: #fff;
}

body, input, textarea, .page-title span, .pingback a.url {
font-family: Muli, Georgia, "Bitstream Charter", serif;
}

#access div.menu ul {
font-family: Muli, Georgia, "Bitstream Charter", serif;
}

#content {
margin: 0 320px 0 30px;
}

#container {
    float: left;
    margin: 0 -320px 0 0;
    width: 100%;
}
#primary, #secondary {
    float: right;
    overflow: hidden;
    width: 290px;
    padding-right: 20px;
}

.entry-title {
text-align:center;
text-transform: uppercase;
font-family: Flamenco, sans-serif;
}

.entry-title a:link {
color: #51aadc;
text-decoration: none;
}

.entry-title a:visited {
color: #76b1d3;
text-decoration: none;
}

.entry-meta {
    text-align: center;
    font-family: Flamenco, sans-serif;
}

.entry-utility {
font-family: Flamenco, sans-serif;
border-bottom: dashed 1px #bce4fc;
padding : 20px;
}

#entry-author-info {
background: #aaddfb;
border-top: none;
clear: both;
font-size: 14px;
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
border-radius: 15px;
}

.entry-content {
background: url(images/sign.png) bottom right no-repeat;
clear: both;
padding: 12px 0 80px 0;
}

.home .entry-content {
background: none;
padding: 12px 0 20px 0;
}

.navigation {
font-family: Flamenco, sans-serif;
}

#site-generator {
font-style: italic;
position: relative;
width: 982px;
text-align: center;
}

#site-info {
display:none;
}

#social-media{
		margin-left:20px;
                padding-bottom:10px;
		padding:0
		width:45px; 
	}

#social-media a{
		background-image:url(images/socmed.png);
		float:left;
		height:45px;
		margin:0;
		width:45px;
	}

#social-media a:hover{
		height:45px;
		margin:0;
	}


.facebook{
	height               : 45px;
	width                : 45px;
	background-position  : -0px -0px;
 }

.facebook:hover{
	height               : 45px;
	width                : 45px;
	background-position  : -0px -49px;
 }

.twitter{
	height               : 45px;
	width                : 45px;
	background-position  : -52px -0px;
 }

.twitter:hover{
	height               : 45px;
	width                : 45px;
	background-position  : -52px -49px;
 }

.mail{
	height               : 45px;
	width                : 45px;
	background-position  : -103px -0px;
 }

.mail:hover{
	height               : 45px;
	width                : 45px;
	background-position  : -103px -49px;
 }

.plus{
	height               : 45px;
	width                : 45px;
	background-position  : -154px -0px;
 }

.plus:hover{
	height               : 45px;
	width                : 45px;
	background-position  : -154px -49px;
 }

.rss{
	height               : 45px;
	width                : 45px;
	background-position  : -204px -0px;
 }

.rss:hover{
	height               : 45px;
	width                : 45px;
	background-position  : -204px -49px;
 }


#main .widget-area ul {
    margin-left: 0;
padding: 5px;
border: 2px solid rgb(131, 208, 243);
border-radius: 10px;
}

.widget-title {
    background: none repeat scroll 0 0 #ABE0F8;
    border: 1px dashed #80C1EF;
    border-radius: 15px 15px 15px 15px;
    color: #FBFBFB;
    font-family: lobster two,sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2em;
    margin: 5px 0 25px;
    text-align: center;
    text-transform:none;
}
.widget-area ul ul {
list-style: circle;
}

.wp-caption {
background: #ABE0F8;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important;
padding: 2px;
text-align: center;
color: white;
}

h3#comments-title{
font-family: lobster two,sans-serif;
}

.commentlist li.comment {
border-bottom: none;
line-height: 24px;
margin: 0 0 24px 0;
padding: 10px 0 0 56px;
position: relative;
background: rgb(217, 240, 252);
border-radius: 20px;
}

.commentlist .avatar {
position: absolute;
top: 4px;
left: 5px;
padding: 5px;
border-radius: 20px;
}

.comment-meta {
font-family: muli,sans-serif;
}

#content, #content input, #content textarea {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom: 10px;
}

#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: none;
float: left;
}

#attachment-post-thumbnail wp-post-image {
display:none;
}

#subscribe-blog-blog_subscription-2 {
text-align:center;
}

#footer-widget-area {
    background: url("images/body.png") repeat scroll 0 0 transparent;
    padding: 20px;
}

#site-generator {
    background: url("images/footer.png") no-repeat scroll 0 0 transparent;
    border-top: 1px dashed #FFFFFF;
    font-style: italic;
    height: 90px;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 922px;
}

#footer {
    margin-bottom: 0;
}