/*
Theme Name: Bits of Beauty
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Ms. Jenn
Author URI: http://dailybitsofbeauty.com/
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");

body {
    background: url("http://www.dailybitsofbeauty.com/wp-content/uploads/2011/09/bitsBG.jpg") repeat-y fixed center center transparent;
}

body, input, textarea {
    color: #373737;
    font: 300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#page {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    margin: 2em auto;
    max-width: 95%;
}

#primary {
    float: left;
    margin: 0 -28.4% 0 0;
    width: 100%;
}

#content {
    margin: 0 34% 0 7.6%;
    width: 56.4%;
}

#secondary {
    float: right;
    margin-right: 7.6%;
    width: 20.8%;
}

#branding {
    border-top: 0;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}

#branding img {
    height: auto;
    margin-bottom: -7px;
    width: auto;
}
#site-title {
    margin-right: 270px;
    padding: 0;
}
#site-title a {
    color: #939393;
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: inherit;
}
#site-description {
    color: #7A7A7A;
    font-size: 14px;
    margin: 0;
}

.singular .entry-title {
    color: #000000;
    font-size: 36px;
    font-weight: inherit;
    line-height: 48px;
    text-transform: lowercase;
}

#access {
    background: -moz-linear-gradient(#FAEAE5, #FFC8CE) repeat scroll 0 0 transparent !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    background: #FFC8CE; /* Show a solid color for older browsers */
	background: -o-linear-gradient(#FAEAE5, #FFC8CE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAEAE5), to(#FFC8CE)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FAEAE5, #FFC8CE);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
}

#access a {
    color: #222222;
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
    text-decoration: none;
    text-shadow: 1px 1px 0.06em #FFFFFF;
}

#access div {
    margin: 0 7.6%;
    text-transform: uppercase;
}

a, #site-title a:focus, #site-title a:hover, #site-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .widget_twentyeleven_ephemera .comments-link a:hover, section.recent-posts .other-recent-posts a[rel="bookmark"]:hover, section.recent-posts .other-recent-posts .comments-link a:hover, .format-image footer.entry-meta a:hover, #site-generator a:hover {
    color: #FF0066;
    text-shadow: 1px 1px 0 #EDEDED;
}

.entry-title, .entry-title a {
    color: #222222;
    text-decoration: none;
    text-shadow: 1px 1px 0 #EEEEEE;
    font-size: 26px;
    font-weight: inherit;
}

.widget-title {
    background: -moz-linear-gradient(#FAEAE5, #FFC8CE) repeat scroll 0 0 transparent !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    background: #FFC8CE; /* Show a solid color for older browsers */
	background: -o-linear-gradient(#FAEAE5, #FFC8CE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAEAE5), to(#FFC8CE)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FAEAE5, #FFC8CE);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; 
    color: #222222;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin-bottom: 1em;
    padding: 0 1em;
    text-shadow: 1px 1px 0.06em #FFFFFF;
    text-transform: uppercase;
}

.widget {
    clear: both;
    margin: 2em 0 2em;
}

.widget a {
    font-weight: inherit;
    text-decoration: none;
}

.widget ul {
    font-size: 15px;
    list-style: none outside none;
    margin: 0;
}

#text-30 a {
	text-shadow: none;
}