/*  
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#fff url(./images/bg.png) repeat-x;
	color:#555;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	margin:0;
	padding:0;
}
#wrap{
	margin:0 auto;
	text-align:center;
	width:76em;	
}
#content{
        margin: 0 auto;
	font-size:1.2em;
        float:left;
        padding:1em 1em 1em 1.5em;
        width:50em;
}
#sidebar{
	font-size:1.1em;
	float:right;
	padding-top:2em;
	width:20em;
}
#header{
	position: relative;
    	margin: 0 auto;
    	width: 900px;
    	text-align: center;
	
	padding:3em 1em;
}

div#home_header {
        display: block;
        margin: 0 auto;
        width: 900px;
        padding: 0px 0 0 0;
        text-align:center;;
        height: 20px;
}
        div#header_search,
        div#header_login {
                position: relative;
                margin: 0 auto;
                width: 900px;
                text-align: center;
        }
        div#header_login { text-align: center; }
h2#login_title         { background-position: left -260px; }
#header_login p {
        font-size: 11px;
        color: #999;
        margin: 0;
}
#header_login p a,
#header_login p a:visited {
        color: #777;
        text-decoration: none;
}
#header_login p a:hover {
        color: #333;
}


div#footer_links {
        width: 900px;
        margin: 0 auto;
        text-align: center;
    }
div#footer_ad {
                        margin: 30px 0 0 0;
                        background: #2d2d2d;
                        border: 1px solid #434343;
                }

                div#footer_fr {
                        display: block;
                        background: #2d2d2d;
                        margin: 30px 0;
                        padding: 20px 0 20px 0;
                }

                div.footer_col {
                    float: left;
                    text-align: left;
                    width: 205px;
                    margin: 0;
                }

/* Main Banner **************************/

div#frisky_banner,
div#frisky_banner_profile {
        display: block;
        visibility: visible;
    width: 100%;
    height: 50px;
        background-image: url(/images/subscription/shadow.png);
        background-repeat: repeat-x;
}

div#frisky_banner {
        background-position: left bottom;
}
        * html div#frisky_banner,
        * html div#frisky_banner_profile { /* PNG Hack for IE */
                background-image: none;
                filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/images/subscription/shadow.png", sizingMethod="scale");
        }
#content_container {
    margin: 0 auto;
    width: 900px;
    text-align: left;
}       


div#frisky_container {
    position: relative;
    margin: 0 auto;
    width: 880px;
    text-align: left;
}
        #frisky_banner_profile #_container {
                width: 100%;
        }

        ul#_nav li,
                ul#_account_1 li,
                ul#_account_2 li {
            float: left;
            height: 72px;
        }

            #frisky_container ul li a,
            #frisky_banner_profile ul li a {
                display: block;
                height: 44px;
                text-indent: -7777px;
            }
#frisky_container{
        background-repeat: no-repeat;
        background-position: center left;
        display: block;
    	height: 45px;
        background-image: url(/images/friskyBlog_logo.png);
        cursor: pointer;
        }
* html #frisky_container{ /* PNG Hack for IE */
        background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/images/friskyBlog_logo.png", sizingMethod="crop");
}

#frisky_container h1 a {
    background-repeat: no-repeat;
        background-image: url(/images/friskyBlog_logo.png);
        cursor: pointer;
}

* html #frisky_container h1 a,
* html #frisky_banner_profile h1 a { /* PNG Hack for IE */
        background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/images/frisky_blog_hdr.png", sizingMethod="crop");
}
/************************************
 Nav top
/*   *******************************/
ul#fr_profile_nav {
        margin: 0 6px 0 0;
        width: 540px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: left;
        padding: 0;
        }
#fr_banner #home_header ul#fr_nowplaying_nav ul#fr_profile_nav
        {
                margin: 0;
        }
        ul#fr_profile_nav li {
                margin: auto; float: right; height: 23px;
        }
ul#fr_profile_nav li a {
                display: block;
                height: 23px;
          background-repeat: no-repeat;
        }
ul#fr_profile_nav li a:hover {
                 background-position: left bottom;
        }

        ul#fr_profile_nav li em {
            margin-top: 5px;
            font-style: normal;
        }


/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: -1px;
	margin:0;
}
#header h1{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:3em;
	margin:0;
	margin-right:1em;
}
#header h1 a{
	color:#E87830;
}
#header h1 a:hover{
	color:#CC0000;
}
#header p{
	color:#aaa;
	font-size:1.1em;
	margin:0;
	margin-top:-0.5em;
}
.entrytitle h2{
	font-size:1.7em;
}
.entrytitle h2 a
{
	color:#444444;
}
.entrytitle h2 a:hover{
	color:#7FD3EC;
}
.entrytitle h3{
	font-size:.9em;
	color:#6F6F6F;
}
#sidebar h2 {
border-bottom:1px solid #EEEEEE;
color:#555555;
font-size:1.5em;
margin:1em 0pt;
}
#sidebar h3{
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	background:#fff url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background:#fff url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:#fff url(./images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	padding:0.3em;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:46em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#333;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#D0CECD;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a{
	color:#579;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
}
