/*
Theme Name: beUtea
Theme URI: http://www.be-u-tea.com
Description: a custom look for beUtea
Author: creativeaspects.net
Author URI: http://www.creativeaspects.net
Template: thematic
Version: 1.0
.
Copyright by be-u-tea.com. all rights reserved.
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* new widths ----*/

#branding {
width:800px;
height: 500px;
}
.menu {
position: relative;
width:800px;
background: none;
z-index: 200;
margin: 0 auto;
}
#main {
width:800px;
top: -107px;
/* without low res header-image preloaded >> top: -150px; */
margin-bottom: 0px;
padding-bottom: 0px;
z-index:100;
}
#container {
width:550px;
}
#content {
margin: 0;
width:484px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.post {
margin: 60px 0 0 0;
}
#primary, #secondary {
width: 220px;
margin: 20px 0 0 0;
text-align:right;
right: 0;
}
#subsidiary .aside {
width:200px;
margin:0 20px 0 0;
}
#siteinfo {
width:800px;
margin-bottom: 30px;
padding: 4px 0 8px 10px;
background: #DDDBD3;
}


/* misc ---- */

#wrapper {
border-top:none;
}
#header {
background: #fff;
margin: 40px 0 0 0;
z-index:1;
}
#branding {
text-indent: -9999px
}
/* display the low res header-image */
#blog-title {
position: relative;
width: 800px;
height: 544px;
border: none;
background: url(http://www.be-u-tea.com/wp-content/themes/beUtea/images/beUtea_header_lr.jpg) no-repeat;
z-index: -10;
}
#footer {
border-top: none;
background: none;
padding:2px 0 3px 0;
}
#siteinfo, #siteinfo a {
color: #666;
}
#siteinfo a:hover {
color: #FF6633;
}


/* typography ----*/

body, input, textarea, .entry-title {
color:#666; 
}
.page-title, #content .page h1 {
color: #FFF;
padding: 0 0 20px 10px;
}
#content .post h1 {
color: #A95308;
}
.entry-title a:link {
color: #9E6C2D;
}
.entry-title a:visited {
color: #9E6C2D;
}
.entry-title a:hover {
text-decoration: underline;
}
.entry-title a:active {
color: #FFF;
background: #9E6C2D;
}
.entry-title a:link, a:visited {
color: #9E6C2D;
}
a:link, a:visited {
    color:#B46B0F;
    text-decoration:none;
}
a:hover {
color:#E7331A;
text-decoration:underline;
}


/* menu --------- */

#access {
position: relative;
width: 800px;
background: none;
border-top:none;
top:-145px;
margin: 0 auto;
}
.skip-link {
display: none;
}
#menu {
list-style: none;
}
#menu ul {
padding: 0px 0 8px 0;
list-style: none;
}
#menu a {
    float:left;
    margin: 0;
    padding: 20px 15px;
    background:#fff;
    color:#666;
    border-top:none;
    text-decoration:none;

filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;

}
#menu a:hover {
    background:#E7331A;
    color:#fff;
    border-color:#FFF;

filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;

}
#menu .current_page_item a {
    background:#fff;
    color:#E7331A;
    padding: 20px 15px;
    border: 1px solid #E7331A;

filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;

}
#menu a:focus {
    background:#A39860;
    color:#fff;
    border-color:#CCC;
}



/*  comments ---------- */

#comments {
    background: #B9B28B;   /*#A7803D;*/
    color: #AAA;
    margin:5px 0 0 0;
    padding:10px 0;
    overflow:hidden;
}
#comments h3 {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    margin:0 0 18px 0;
    padding:0 20px 0 0px;
}
#comments .comments:first-child h3 {
    padding-top:18px;
}
#comments ol {
    margin:0 0 36px 0;
    list-style:none;
}
#comments li {
    background:#FFF;
    border-top:1px solid #735F44;
    margin:0 20px 18px 20px;
    padding:17px 20px 0 20px;
    position:relative;
}
#comments a {
}
#comments li.byuser {
    background:#FFF;
    border-color:#333;
}
#comments li.byuser p a {
}
#comments li.bypostauthor {
}
#comments li.bypostauthor p a {
}
#comments .avatar {
    width:48px;
    height:48px;
    position:absolute;
    top:19px;
    left:20px !important;
    left:0px;
}
#comments .fn {
    font-weight:bold;
    font-size:14px;
    padding:18px 0 0 58px;
    display:block;
}
#comments .fn a {
    color:#333;
}
#comments-list .comment-meta {
    font-size:10px;
    margin:0 0 18px 0;
    padding:0 0 0 58px
}
#comments-list .comment-meta a {
    font-style:italic;
    color:#CCC;
}
#comments-list h3, #respond h3, #login  {
    color: #FFF;
}
#comments li p {
    margin:0;
    padding:0 0 18px 0;
}
#trackbacks-list .comment-author {
    margin:0 0 18px 0;
    font-size:11px;
}
#trackbacks-list .comment-author a {
    font-size:14px;
    font-weight:bold;
    color:#CCC;
}
#respond {
    background:#E0B96E;
    border: 1px solid #735F44;
    border-top: 3px solid #735F44;
    padding:17px 20px 0 20px;
    width:400px;
    margin: 0 auto;
}
#respond h3 {
    padding-top:18px;
}
#respond form {
    padding:0 0 46px 0;
}
#respond #form-section-author {
    width:230px;
    float:left;
}
#respond #form-section-author input {
    width:220px;
}
#respond #form-section-email {
    width:220px;
    float:right;
}
#respond #form-section-email input {
    width:100%;
}
#respond #form-section-url {
}
#respond #form-section-url input {
    width:100%;
}
#respond .form-label {
    font-size:10px;
    color:#FFF;
}
#respond .form-input input {
    margin:0 0 14px 0;
}
#respond textarea {
    width:100%;
    margin:0 0 16px 0;
}
#respond .form-submit {
    float:right;
}
p.subscribe-to-comments {
    width:260px;
    float:left;
}
p.subscribe-to-comments label {
}
p.comment_license {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments:first-line {
    font-style:italic;
}
/*input#solo-subscribe-email {
    width:220px;
    margin:9px 0;
}*/
#respond .required {
    font-weight:bold;
}



/*  sidebar ----------- */

.main-aside {
width:180px;
position:relative;
right:100px;
top: -30px;
}
.aside h3 {
tex-align:right;
}
.aside ul ul {
list-style:none;
}
#search {
margin: 80px 0 40px 0;
}
#search h3 {
display: none;
}
#searchsubmit {
text-transform: uppercase;
font-size: 11px;
}


/* IE6 ---------------- */

#IE6 {
background-color: #FC9;
background-image: url(images/IE6_ALERT_btn.gif);
background-repeat: no-repeat;
border-bottom: 3px solid #F63;
padding: 25px 0 10px 0;
}
#IE6 h2 {
color: #555;
font-weight: bold;
margin: 0 0 15px 140px;
}
#IE6 p {
margin: 0 0 10px 140px;
}
#IE6 a {
color: #F63;
}