/*
Theme Name: Yfi
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
Template:       twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url("../twentyeleven/style.css");

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* rollover */
.rollover:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#access div {
	margin:0 20px;
}

.entry-content ,
.entry-content p,
.entry-content span{
    font-size: medium;
}

.yfi-archives {
    
}

.yfi-archives-nav {
    width: 180px;
    margin-right: 50px;
    float: left;
}

.yfi-archives-nav h4{
    margin: 0 0 1px 0;
    font-size: 13px;
    padding: 6px 44px 6px 12px;
    background: #fcabfc;
    color: #000;
    line-height: 160%;
    background: url(images/yfi-archives-nav_bg.png) repeat-y;
    position: relative;
    cursor: pointer;
}

.yfi-archives-nav h4.expanded{
    opacity: 0.8;
}

.yfi-archives-nav h4:hover{
    opacity: 0.8;
}

.yfi-archives-nav h4 i{
    width: 21px;
    height: 11px;
    display: block;
    position: absolute;
    margin-top: -6px;
    top:50%;
    right:5px;
    background-image:url(images/yfi-archives-nav_expand.png);
}
.yfi-archives-nav h4.expanded i{
    background-image:url(images/yfi-archives-nav_collapse.png);
}

.yfi-archives-nav h4 a{
    display: block;
    color: #000;
    text-decoration: none;
    display: block;
}

.yfi-archives-nav ul{
    margin-left: 0.3em;
    margin-left: 0.3em;
}

.yfi-archives-nav ul ul{
    margin-left: -0.7em;
}

#main .yfi-archives-nav ul li{
    padding:2px 0px 0px 23px;
}

.yfi-archives-nav ul a{
    font-size:12px;
    font-weight:normal;
}

.yfi-archives-nav ul li.current-cat,
.yfi-archives-nav ul li.current-cat a,
.yfi-archives-nav ul li.current-month,
.yfi-archives-nav ul li.current-month a,
.yfi-archives-nav ul li.current-tag,
.yfi-archives-nav ul li.current-tag a
{
    font-weight: bold;
}

#main .yfi-archives-nav ul li:before{
    top: -15px;
}

.yfi-archives-nav .widget-title{
	margin-top: 20px;
	margin-bottom: 10px;
}

.yfi-archives-nav #s{
	width: 77%;
}

.yfi-archives-contents{
    width: 354px;
    float: left;
}

.yfi-archives-search-result{
    width: auto;
    float: none;
}

.yfi-archives-contents h1{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.yfi-archives-contents div.order{
    font-size: 10px;
    text-align: right;
}

.yfi-archives-contents ol,
.yfi-archives-contents li{
    margin:0;
    padding:0;
    list-style: none;
}

.yfi-archives-contents li{
    margin-bottom: 2px;
}


.yfi-archives-contents li div.title{
    border-bottom: 1px dotted #777;
    font-size: 14px;
}

.yfi-archives-contents li div.meta{
    font-size: 10px;
    text-align: right;
    color: #777;
}

.yfi-archives-contents .empty{
    padding-top: 10px;
}


/* =asumeru
----------------------------------------------- */

#asumeruform{
    width: 100%;
}

#asumeruform table {
	border-collapse: collapse;
	margin: 0 0 10px;
	width: 100%;
	table-layout: fixed;
	border-color: #ccc;
}

#asumeruform table th {
	width: 150px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #ffffcc;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #000;
}

#asumeruform table tr{
    border-color: #ccc;
}

#asumeruform table td {
	padding: 10px;
	border: 1px solid #ccc;
	color: #000;
	font-size:12px;
}

#asumeruform input{
	font-size: 12px;
}

#asumeruform .inputSelect {
	padding: 3px;
	font-size: 12px;
	color: #000;
}

#asumeruform .inputText.inputTextShortest {
	width: 30%;
}

#asumeruform .inputText.inputTextShort {
	width: 55%;
}

#asumeruform .inputText.inputTextLong {
	width: 98%;
}

#asumeruform textarea {
	font-size: 12px;
	width: 98%;
	height: 150px;
	padding: 3px;
}

#asumeruform .formBtn {
	font-size: 16px;
	width: 40%;
	height:35px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 2px #ccc;
}

#asumeruform .center-text {
	text-align: center;
}

#asumeruform span.require {
	color: red;
	font-weight: bold;
}