/*

Theme Name: Frank Food and Me
Theme URI: http://www.frankfoodandme.com
Description: Reminds me of yummy cake and comfort. 
Tags: fixed width, two columns, widget ready, widgets, right sidebar, simple, white, clean, cake
Author: liight graphic design
Author URI: http://www.liight.com

*/

/* added
--------------------------------------------------*/

#twitter-box  { font-size: 80% !important }

#allcontent       { background-image: url("../frank-food-and-me/images/melbourne-muffin-bg.jpg");

background-repeat: repeat-x;

background-position: center 0pt;

text-align: left;

margin-right: auto;

margin-left: auto;

padding-right: 11px;

padding-left: 11px;

width: 980px;

clear: both;

vertical-align: top; }

.form-label { padding-top: 5px; padding-left: 20px; }
.form-input { padding-bottom: 10px; padding-left: 15px; }
.form-textarea { padding-bottom: 10px; padding-left: 15px; }
.form-option { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; }
.form-submit  { margin-bottom: 10px; margin-left: 15px; padding-top: 2px; padding-right: 10px }
#rmenu { width: 980px }
#menoo        { background-image: url(../frank-food-and-me/images/organic-bg.gif); background-repeat: no-repeat; background-position: 539px 0; text-align: right; text-transform: uppercase; margin-right: auto; margin-left: auto; width: 980px; height: 39px }
#threes  { margin-right: auto; margin-left: auto; padding-top: 7px; padding-left: 1px; position: inherit; z-index: 2; width: 964px; clear: both }


#faded  {  }

#fullsize1
       { background-color: white !important; width: 978px; border-right: 1px solid #dbdbc3; border-bottom: 1px solid #dbdbc3; border-left: 1px solid #dbdbc3 }
/* body
--------------------------------------------------*/
body   { color: #444; font: 62.5%/1.6em "Lucida Sans Unicode", verdana, geneva, sans-serif; background-image: url(../frank-food-and-me/images/cake-chocolate-brownie-bg.jpg); background-repeat: repeat-x; margin: 0 }

* { margin:0 0 0 0; padding:0; }

code {
font:120% "Courier New", "Lucida Console", Arial;
}

/* header
--------------------------------------------------*/
#header    { margin-right: auto; margin-left: auto; padding-bottom: 25px; width: 980px }

#blog-title a {}
.description   { font-size: 100%; text-transform: uppercase; padding-top: 11px; padding-right: 69px }
.description a   { color: #660; letter-spacing: 2px; padding-right: 13px; padding-left: 13px; float: right }
.description a:hover  { color: #990 }
#header h1         { background-image: url(../frank-food-and-me/images/header-ie6.gif); background-repeat: no-repeat; background-attachment: scroll; text-indent: -9000px; position: relative; z-index: 10; top: 79px; left: 75px; width: 343px; height: 225px }

/* email popup
--------------------------------------------------*/

#PopUpFad   { background: #fff; display: none; margin: 0 auto; padding: 45px; position: absolute; z-index: 1000; top: 286px; width: 470px; border-style: solid; border-width: 0 1px 1px; border-color: #424227; -moz-border-radius: 8px; -moz-opacity: 0; -webkit-border-radius: 8px; border-radius: 8px
; filter: alpha(opacity=0); khtmlopacity: 0; opacity: 0  }
#PopUpFad img  { border: solid 0 #fff }
#PopUpFad h3  { color: #999953; font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; margin-top: 15px; margin-bottom: 15px }
#PopUpFad p  { font-size: 120% !important}
#PopUpFadleft  { width: 220px; float: left }
#PopUpFadright  { width: 220px; float: right }
#PopUpFadno   { font-size: 110%; margin-top: 20px }
#PopUpFad a  { color: #333; font-size: 120%; text-decoration: none; border: none }
#PopUpFad a:hover   { color: #575757; ]: none }

#PopUpFad .PopUpFadClose {
	position: absolute;
	top: 5px;
	right: 5px;
}

#PopUpFad.show {
	display: block;
}


/* navigation
--------------------------------------------------*/
#nav       { margin-right: auto; margin-left: auto; padding-top: 31px; padding-bottom: 3px; padding-left: 65px; width: auto; height: 25px; border-bottom: 4px solid #999953 }

#nav li    { list-style: none; padding-top: 0; padding-right: 30px; float: left }

#nav li a        { color: white; font-size: 125%; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0; margin-left: 0; padding-right: 5px; padding-left: 5px }

#nav li a:hover     { color: #dbdbc3; background-color: #999953; padding-bottom: 13px }

#nav li a.active   { color: #9e8e00; z-index: 3 }


.clear {
clear:both;
}

/* content
--------------------------------------------------*/
#content      { margin: 0 250px 0 0; padding-top: 35px; padding-bottom: 0; padding-left: 69px; width: 570px; overflow: hidden }

#content2 { width: 680px; padding:10px 0 0; }

#content p,#content2 p  { font-size: 130%; line-height: 20px; word-spacing: 1px; margin-top: 25px; margin-bottom: 25px }

#content a,#content2 a  { color: #2f2f00; text-decoration: none }

#content a:hover,#content2 a:hover  { color: #9e8e00 }

#content h2,#content2 h2        { color: #121204; font-size: 270%; font-family: Georgia; line-height: 100%; letter-spacing: 1px; margin-right: 0; margin-bottom: 5px; margin-left: 0; padding-top: 10px; padding-bottom: 2px; padding-left: 0 }

#content h2 a,#content2 h2 a      { color: #121204; text-decoration: none; margin-bottom: 5px; padding-top: 10px; padding-bottom: 2px; border: none }

#content h1  { color: #121204; font-size: 270%; font-family: Georgia; line-height: 100%; letter-spacing: 1px; margin-right: 0; margin-bottom: 5px; margin-left: 0; padding-top: 10px; padding-bottom: 2px; padding-left: 0 }

#content h3  { color: #222; font: 2em Georgia; margin: 10px 0 }

#content h4  { color: #222; font: 1.8em Georgia; margin: 10px 0 }

#content h5 {
font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content2 h3 {
font:160% "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
color:#222;
margin:10px 0;
}

#content ul,ol {
font-size:120%;
margin:10px 10px 10px 25px;
}

#content2 ul,ol {
margin:10px 10px 10px 25px;
}

/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#eee;
border:dashed 1px #ccc;
margin:10px 0;
padding:5px 15px;
}

a   { color: #660; text-decoration: none }

a:hover  { color: #9e8e00 }

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:0 0 50px 0;
text-align:justify;
}

.post img  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1px 0; border: solid 1px #fff }

.post .info   { color: #121204; font-size: 70%; font-family: Georgia; background-color: #d4d4b7; margin: 40px 0 25px; padding: 5px 3px 6px 8px; clear: left }

.date    { color: #fff; font-size: 90%; font-family: Georgia; margin: 4px 0 35px }

.post small     { background-color: #999953; margin-right: 20px; margin-left: 0; padding-right: 20px; padding-left: 10px }

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news  { color: #333; font-size: 120%; background: #eee; margin-right: 0; margin-bottom: 28px; margin-left: 0; padding: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc }

/* sidebar
--------------------------------------------------*/
#twitter-box   { color: #3d3d3d; font-size: 90% }

#sidebar         { background-color: white; margin-top: 50px; margin-right: 60px; padding: 25px; width: 180px; height: 100%; float: right; border: solid 1px #dbdbc3 }

#sidebar h2   { color: #121204; font-size: 180%; font-family: Georgia; letter-spacing: 1px; margin-top: 0; margin-bottom: 11px; padding: 0 0 10px; border-bottom: 4px solid #d4d4b7 }

#sidebar ul {
list-style:none;
font-size:120%;
margin:0 0 23px;
}

#sidebar li  { color: #121204; list-style: none; padding: 3px }

#sidebar a  { color: #660; list-style: none }
#sidebar p  { font-size: 110% }
#sidebar li a:hover     { color: #990 }

#sidebar input     { color: #444; font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS"; background: #fff; padding: 3px; width: 170px; border-style: solid; border-width: 2px 1px 1px; border-color: #babaa2 }
#sidebar input:hover   { border-style: solid; border-width: 2px 1px 1px; border-color: #1b1b1b }
#sidebar input:focus   { background: #fff; border-style: solid; border-width: 2px 1px 1px; border-color: #999953 }
#contactsubmit   { color: #a5a5a5; margin-top: 5px; margin-left: 5px; padding-right: 5px; padding-left: 5px }
#sidebar #email  { margin-top: 5px }
/* some input
--------------------------------------------------*/
input { font:11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS"; padding:3px; }

input:hover  { border-style: solid; border-width: 2px 1px 1px; border-color: #262626 }

input:focus  { color: #333; border-style: solid; border-width: 2px 1px 1px; border-color: #262626 }

/* comments
--------------------------------------------------*/
input submit {
border:1px solid #262626;
}

#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
}

#commentform {
background:#fff;
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform textarea {
background:#f8f7f6;
border:1px solid #d6d3d3;
width:480px;
font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {}

#gravatar {
align:right;
}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft { float:left; margin-right: 40px; }

.alignright { float:right; margin-left: 40px; }

.navigation {
text-align:center;
font-size:120%;
}

.wp-caption alignleft { float:left; margin-right: 40px; }
.wp-caption alignright { float:right; margin-left: 40px; }


.wp-caption    { background-color: #f3f3f3; text-align: center; margin-bottom: 22px; padding: 11px; border: solid 1px #d4d4b7 }

.wp-caption img  { border: 0 }


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover {
text-decoration:none;
color:#0ff;
background:#555;
}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
padding:10px;
}



/* footer
--------------------------------------------------*/

#footer a { color:black; text-decoration: none; }
#footer    { color: #333; text-align: center; margin-top: 0; margin-right: 0; margin-left: 0; padding: 20px 0 35px; width: 100%; clear: both }

#footcontain  { margin-right: auto; margin-left: auto; width: 100% }
#footcontain1  { margin-right: auto; margin-left: auto; width: 700px }

#foot       { background-image: url(../frank-food-and-me/images/coffee-break-bg.jpg); margin-right: auto; margin-left: auto; padding-top: 50px; width: 100%; height: 330px; clear: both; border-top: 3px dotted #d4d4b7 }
#footbox       { background-image: url(../frank-food-and-me/images/header-bottom-ie6.gif); background-repeat: no-repeat; margin-left: 60px; padding-right: 50px; width: 154px; height: 221px; float: left }
#footbox1 li   { line-height: 180%; text-transform: uppercase; text-align: left; letter-spacing: 1px; list-style: none; }
#footbox1    { text-align: center; margin-top: 35px; margin-left: 20px; padding-left: 20px; width: 160px; float: left; border-left: 1px solid #fff }
#footbox2    { text-align: center; margin-top: 35px; margin-left: 20px; padding-bottom: 0; padding-left: 20px; width: 120px; float: left; border-left: 1px solid #fff }
.page_item1 { line-height: 180%; text-transform: uppercase; text-align: left; letter-spacing: 1px; list-style: none; }