/*  

Theme Name: mnf1

Theme URI: http://www.muffinsandfruit.net

Description: Photoblog by Ryan Allen

Version: 1.0

Author: Ryan Allen

Author URI: http://www.avantgrape.com/

*/



@import 'reset.css';







body{

	margin:0;

	font-family:helvetica, ariel, Sans-serif;

 	font-size:11px;

	text-align:left;

	vertical-align:top;

        background-color:#fff;

	color:#999;

}





#wrapper{

	background:transparent;

	margin:0 auto 0 auto;

	width:720px;

	height:auto;

	overflow:hidden;

}



#header{

        background:transparent url(images/header_logo.gif) no-repeat;

	float:left;

	display:inline;

	width:720px;

	height:80px;

	overflow:hidden;

        margin:30px 0 5px 0;

}







.container_1 {

	background:transparent;

	float:left;

	display:inline;

	width:500px;

        height:auto;

	margin:0;
        border-right:1px;

}







.container_1 ul {

	float:left;

	display:inline;

	width:598px;

        height:auto;

	margin:0 0 0 30px;

        overflow:hidden;

}






.container_1 ul li span {

        display:block;

        width:158px;

        color:#999;

        font-size:11px;

        font-weight:normal;

        margin:-10px 10px 0 10px;

        line-height:13px;

}



.container_1 ul li span.btn_title {

        display:block;

        font-size:15px;

        color:#999;

        font-weight:bold;

	margin:10px 0 0 10px;

}



.container_1 ul li {

        float:left;

        display:inline;

        padding:0;

        margin:0;

}









.container_2 {

	background:#fff;

	float:right;

	display:inline;

	width:200px;

        height:auto;

	margin:0;

}



#container_home{

	float:left;

	display:inline;

	width:440px;

	margin:0 0 0 20px;

}



.post{



	padding: 0;

}



.sidebar, .sidebar_blog{

	float: right;

	width:200px;

	margin: 0;

	display: inline;

}



.sidebar_home_old{

	float: left;

	width:235px;

	margin: 30px 0 20px 0;

	padding-bottom:30px;

	border-left: 1px solid #212121;

	display: inline;

}



#footer{

	margin: 0 auto 30px auto;

	width: 720px;

	height:auto;

	overflow:auto;

        padding-top:10px;

        border-top:1px solid #ccc;

}



/* typography */





h1{

	font-weight:bold;

	font-size: 24px;

	padding: 0 0 10px 0;

}





h2{

	font-weight:bold;

	font-size: 18px;



	padding:0;

}





h3{

	font-weight:bold;

	font-size: 12px;

}



h4, h5{
	font-weight:bold;
        color:red;
	font-size: 18px;

}



h6 {

	margin-left:-9999px;

}



a, a:link, a:visited {

	text-decoration: none;

	color:red;

	margin:0;

	padding:0;

	border:0;

} 

a:hover, a:active {

	text-decoration: line-through;

	color:red;

	margin:0;

	padding:0;

	border:0;

}



a:hover{

        text-decoration:line-through;

}



ul {

	margin:0 0 0 20px; 

	list-style-type: none; 

	list-style-image: none;

}



label {

	font-size:11px;

	margin: 10px 0 5px 0;

	color:#212121;

}



.entry {

	font-size:12px;

        line-height:18px;

	border-bottom: 0 solid #e9e9e9;

	margin:20px 0 60px 0;

        background:transparent;

}



p.postmetadata{

	font-size:12px;

	margin: 10px 0 10px 0;

	color:#999;

}



.navigation{

	padding: 10px 0 20px 30px;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;



}



#navmenu_wrap {

	width:1080px;

	background-image:url(images/bg_nav.jpg)repeat-x;

	height:43px;

	float:left;

	display:inline;

}



#navmenu {

	width:720px;

	margin-left:10px;

	height:43px;

	float:left;

	display:inline;

	overflow:hidden;

}



#header h1, #header p {

	text-indent:-999px;

}



#navmenu ul {

	margin: 12px 0 0 -5px; 

	padding: 0; 

	list-style-type: none; 

	list-style-image: none; 

	display:block;

	overflow:hidden;

}



#navmenu li {

	display: inline;








}




p {

        font-size:12px;
        margin-bottom:20px;
}

.tentop {

	margin-top:10px;

}



#navmenu ul li a {

	font-size:13px;

	color:#555;

	text-decoration:none; 

	margin:4px;

	padding:0 8px 0 18px; 

	border-left:0 solid #000;

}



#navmenu ul li a:hover {

	font-size:13px;

	color: #ccc;

	border-left: 0 solid #000; 

}



#portfolio{

	float: left;



	width: 724px;

	height:276px;

}



#header ul {

	margin:0;

	padding:0;

	border:0;

}





ul#portfolio li {

	margin:0;

	padding:0;

	border:0;

}



#footer p {

	font-size:11px;

	margin:0;

	padding:0; 

	}



#footer ul {

	margin:0 0 0 -6px;

	padding: 0; 

	list-style-type: none; 

	list-style-image: none; 

	display:block;

	overflow:hidden;

}



#footer li {

	display: inline;

	padding:0 3px 0 5px;

	border-left:#333 1px solid;

}



#footer ul li a {

	font-size:11px;

	text-decoration:none;

}



#footer ul li a:hover {

	font-size:11px;

	text-decoration:none;

}



.submit {

	border:0;

	background-color:red;

	color:white;

	padding:2px 5px;

	margin:5px 0 20px 0;

	cursor:pointer;

}



#commentsubmit {

	border:0;

	background-color:red;

	color:white;

	margin:5px 0 20px 0;

	cursor:pointer;

	padding:2px 5px;

}



.date{

	font-style:italic;

        line-height:5px;

	color:#999;

	margin:0 0 15px 0;

}





.comments-template{

	margin: 10px 0 0;

	border-top:#333 0 solid;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 5px 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

}



.comments-template h2, .comments-template h3{

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-size: 12px;

}



.commentfield {

width:350px;

}



ul#portfolio li img{

	border:0;

	padding:0;

	margin:0;

}



.standard_field{

	font-family: ariel, helvetica, Sans-serif;

	width:170px;

	padding:5px;

	margin:4px 0 10px 0;

	background:#e9e9e9;

	border:0;

	color:#000;

}



.standard_area{

	font-family: ariel, helvetica, Sans-serif;

	width:390px;

	padding:5px;

	margin:4px 0 10px 0;

	background:#e9e9e9;

	border:0;

	color:#000;

}



.tabs {

	width:200px;

	height:auto;

	margin:0 0 0 5px;

	padding:0;

	border:0;

	color:#000;

	float: left;

	display:inline;

}



.tabs ul {

	font-weight:bold;

	margin:0;

        padding:5px;

	width:190px;

	height:auto;

	display:block;

	border:0;

	color:#000;

	float: left;

	list-style-type:none;

	overflow:hidden;

}



.tabs ul li a {

	width:160px;

	display:block;

	padding:5px 10px;

	margin-top:-1px;

	border-top:1px solid #333;

	border-bottom:1px solid #333;

	color:red;

}



.tabs ul li a:hover {

	padding:5px 10px;

	margin-top:-1px;

	background:#111;

	border-top:1px solid #333;

	border-bottom:1px solid #333;

	color:red;

}



#container_home img {

	margin:10px 0 40px 0;

}

img {

	margin:0 0 0 0;

}

































/* Skin */

.ui-tabs-nav, .ui-tabs-panel {

    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;

    font-size: 12px;

}

.ui-tabs-nav {

    list-style: none;

    margin: 0;

    padding: 0 0 0 4px;

}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.ui-tabs-nav li {

    float: left;

    margin: 0 0 0 1px;

    min-width: 84px; /* be nice to Opera */

}

.ui-tabs-nav a, .ui-tabs-nav a span {

    display: block;

    padding: 0 10px;

    background: url(tab.png) no-repeat;

}

.ui-tabs-nav a {

    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */

    padding-left: 0;

    color: #27537a;

    font-weight: bold;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */    

    outline: 0; /* prevent dotted border in Firefox */

}

.ui-tabs-nav .ui-tabs-selected a {

    position: relative;

    top: 1px;

    z-index: 2;

    margin-top: 0;

    color: #000;

}

.ui-tabs-nav a span {

    width: 64px; /* IE 6 treats width as min-width */


    min-width: 64px;

    height: 18px; /* IE 6 treats height as min-height */

    min-height: 18px;

    padding-top: 6px;

    padding-right: 0;

}

*>.ui-tabs-nav a span { /* hide from IE 6 */

    width: auto;

    height: auto;

}


.ui-tabs-nav .ui-tabs-selected a span {

    padding-bottom: 1px;

}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {

    background-position: 100% -150px;

}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {

    background-position: 100% -100px;

}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {

    background-position: 0 -50px;

}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

    background-position: 0 0;

}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,

.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.ui-tabs-disabled {

    opacity: .4;

    filter: alpha(opacity=40);

}

.ui-tabs-panel {

    border-top: 1px solid #97a5b0;

    padding: 1em 8px;

    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */

}

.ui-tabs-loading em {

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}



/* Additional IE specific bug fixes... */

* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */

    display: inline-block;

}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */

    display: inline-block;

}