/*
Theme Name: foodarama
Theme URI: Version: 1.0
Author: Uno Design Studio
Author URI: Tags: dark, fixed width, 2 columns, widgets, adsense enabled
The CSS, XHTML and design is released under GPL:
*/
/*
*/
body
{
margin: 0px auto 0px auto;
padding: 0px;
background: #000000; background-image: url(images/ws-bg.jpg); background-repeat: repeat-x; background-position: top;
font-family: Times New Roman, Arial, Sans-Serif;
font-size: 14px;
color: #cfae77;
}
#wraper
{
width: 878px;
margin: 0px auto 0px auto;
}
#header
{
height: 346px;
margin: 0px auto 0px auto;
background: url(images/header-bg.jpg) center top no-repeat;
}
#header-menu
{
float: left;
margin: 29px 30px 30px 30px;
color: red;
font-size: 14px;
font-weight: bold;
}
#header-menu li, #footer-menu li
{
display: inline;
margin: 0px;
padding: 0px;
list-style: none;
}
div #header-text h1 {margin: 0px;
font-size: 42px;
font-weight: bold;
color: #c5481a !important;
} div #header-text h2 {margin: 0px;
font-size: 20px;
font-weight: bold;
color: #c5481a !important;
} div #header-text h3 {margin: 0px;
font-size: 42px;
font-weight: bold;
color: #c5481a !important;
} #header-text
{
margin: 0px;
padding: 210px 0px 0px 390px;
font-size: 36px;
font-weight: bold;
}
#header-text a
{
color: #c5481a !important;
}
div #header-desc h2 {margin: 0px;
font-size: 20px;
font-weight: bold;
color: #c5481a !important;
} div #header-desc h3 {margin: 0px;
font-size: 20px;
font-weight: bold;
color: #c5481a !important;
} #header-desc
{
float: left;
margin: 0px;
padding: 0px 0px 0px 70px;
color: #000000;
font-size: 18px;
}
#page
{
clear: both;
height: 100%;
padding: 15px 10px 20px;
background: #2f2617;
overflow: hidden;
}
#content
{
float: left;
width: 564px;
margin: 0px 20px 0px 0px;
padding: 0px;
}
.postheader
{
width: 564px;
margin: 0px;
padding: 0px;
background: #111111 url(images/postheader-bg.jpg) left top no-repeat;
overflow: hidden;
}
.postdate
{
float: right;
width: 70px;
height: 57px;
margin: 6px 15px 0px 0px;
padding: 7px 0px;
color: #e0c6a9;
background: url(images/postdate-bg.jpg) left top no-repeat;
font-weight: bold;
text-align: center;
}
.postdateM, .postdateY
{
font-size: 14px;
}
.postdated
{
margin: -5px 0px;
font-size: 32px;
}
h1.posttitle {margin: 0px;
color: #e0c6a9 !important;
font-weight: bold;
font-size: 22px;
}
.posttitle
{
margin: 0px;
padding: 16px 0px 0px 15px;
color: #e0c6a9;
}
.posttitle a
{
color: #e0c6a9 !important;
font-size: 22px;
}
.posthed
{margin: 0px;
font-size: 14px;
font-weight: bold;
padding: 0px 0px 0px 15px;
color: #c5481a !important;
}
.postmeta
{
margin: 0px;
padding: 30px 0px 0px 15px;
font-size: 12px;
font-weight: bold;
}
.postmeta span
{
color: #e0c6a9 !important;
}
.postmeta a
{
color: #e0c6a9 !important;
font-weight: bold;
}
.postcontent
{
width: 534px;
margin: 0px;
padding: 10px 15px 20px;
background: #111111;
overflow: hidden;
}
.postfooter
{
width: 564px;
margin-bottom: 5px;
background: #111111 url(images/postfooter-bg.jpg) left bottom no-repeat;
overflow: hidden;
}
.postfootercomment
{
display: block;
margin: 0px 0px 0px 0px;
padding: 50px;
font-weight: bold;
text-align: right;
}
blockquote
{
margin: 0px auto 10px auto;
padding: 0px;
color: #f6b748;
font-style: italic;
}
#page-nav-prev
{
float: left;
margin: 0px;
padding: 10px 15px 0px;
}
#page-nav-next
{
float: right;
margin: 0px;
padding: 10px 15px 0px;
}
#sidebar
{
float: left;
width: 271px;
margin: 0px;
padding: 0px;
}
.sidebar-header
{
height: 31px;
padding: 8px 0px 0px 20px;
border: 1px dashed #4f2f0c;
color: #e0c6a9;
background: url(images/sidebar-header-bg.jpg) left top no-repeat;
font-size: 18px;
font-weight: bold;
}
.sidebar-content
{
margin: 10px 0px;
padding: 25px 40px;
border: 1px dashed #4f2f0c;
background: #000000;
font-size: 14px;
font-weight: bold;
}
.sidebar-widget
{
width: 271px;
}
.sidebar-widget ul
{
list-style: none;
margin: 0px;
padding: 0px;
}
.sidebar-widget li
{
list-style: none;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #6D3202;
}
#sidebar a:link, #sidebar a:visited
{
color: #cfae77;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active
{
color: #e0c6a9 !important;
}
#footer
{
clear: both;
height: 100%;
margin: 0px auto 0px auto;
padding: 20px 0px 60px;
color: #e0c6a9;
font-weight: bold;
text-align: center;
overflow: hidden;
}
a, a:link, a:visited
{
color: #e0c6a9;
text-decoration: none;
}
a:hover, a:focus, a:active
{
color: #e0c6a9 !important;
outline: none;
}
a img
{
border: none;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
form
{
margin: 0px;
padding: 0px;
}
input, textarea, select
{
padding: 2px 4px;
border: 1px dashed #4f2f0c;;
background: #8e7355;
font-family: Times New Roman, Arial, Sans-Serif;
}
input.submit
{
padding: 2px 5px;
border: 1px dashed #4f2f0c;
color: #e0c6a9;
background: #e0c6a9; background-image: url(images/sidebar-header-bg.jpg);
font-family: Times New Roman, Arial, Sans-Serif;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}