/*=================================================================================================================================================*/
/*------------------------------------------------------- LAYOUT 68: BEAUTIFUL EMPTINESS ----------------------------------------------------------*/
/*------------------------------------------------------------- S2 STYLE: EXPRESSIVE --------------------------------------------------------------*/
/*----------------------------------------------------------------- DATE: MAY 2009 ----------------------------------------------------------------*/
/*-------------------------------  AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/
/*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/
/*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/
/*=================================================================================================================================================*/


/*----------------------------------------*/
/*---------- GENERAL FORMATTING ----------*/
/*----------------------------------------*/

* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/bg.jpg);
background-attachment: fixed;
background-position: center;
text-align: center;
font-family: calibri, sans-serif;
font-size: 64.5%;
color: #301D05;
}

a{
font-weight: bold;
color: #E2514F;
text-decoration: none;
}

a:hover{
color: #3DA7A8;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/user.png);
padding: 16px 0 9px 24px!important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/community.png);
padding: 16px 0 9px 24px!important;
}

/*------------------------------------*/
/*---------- PAGE STRUCTURE ----------*/
/*------------------------------------*/

#container {
width: 731px;
margin: 0 auto;
}

#alpha, #beta {
display: inline; /*  HACK - Win IE float bug workaround */
float: left;
position: relative;
top: 0;
}

#alpha-inner, #beta-inner {
position: static;
overflow: hidden; /* hide content that is larger than the element dimensions */
}

#alpha {
width: 540px;
}

#beta {
width: 190px;
}

/*----------------------------*/
/*---------- HEADER ----------*/
/*----------------------------*/

#header {
margin: 0 0 0 -10px;
padding: 0;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/header.jpg) no-repeat center;
width: 750px;
height: 205px;
}

#header-name {
text-align: left;
padding: 25px 0 0 340px;
}

#header-name a{
font-size: 3.0em;
letter-spacing: 0.2em;
font-weight: normal;
color: #301D05;
}

#header-description {
text-align: left;
padding: 0 0 0 400px;
font-size: 1.8em;
letter-spacing: 0.1em;
font-variant: small-caps;
}
/*--------------------------------*/
/*---------- NAVIGATION ----------*/
/*--------------------------------*/

ul.nav {
position: relative;
top: 210px;
width: 750px;
margin: 0 auto;
background: #F2EDE1;
font-size: 1.8em;
}

ul.nav li.item  {
display: inline;
}

ul.nav li.item a{
display:inline;
padding: 0 15px;
font-weight: normal;
}

ul.nav li.item a:hover{
}


/*-----------------------------*/
/*---------- CONTENT ----------*/
/*-----------------------------*/

#content {
margin: 50px 0 0 0;
}

/*-----------------------------------*/
/*---------- PREVIOUS/NEXT ----------*/
/*-----------------------------------*/

.stream-footer, .stream-header {
display: block;
margin: 0 0 0 20px;
}

.stream-footer {
margin-top: 20px;
}

a.prev {
font-size:0px;
display:block;
width:102px;
height:93px;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/previous.jpg) no-repeat top left;
visibility:visible;
float:left;
line-height:0px;
}

a:hover.prev{
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/previous.jpg) no-repeat top right;
}

a.next {
font-size:0px;
display:block;
width:102px;
height:93px;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/next.jpg) no-repeat top left;
visibility:visible;
float:right;
line-height:0px;
}

a:hover.next{
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/next.jpg) no-repeat top right;
}

.prevnext {
font-size:0px;
line-height:0px;
clear:both;
}

.prevnext a {
line-height:0px;
font-size:0px;
color:#CCC6C1;
}

/*-----------------------------------*/
/*---------- ENTRY STYLING ----------*/
/*-----------------------------------*/
.asset {
clear:both;
padding: 8px;
}

.asset-body {
text-align: justify;
font-size: 1.3em;
line-height: 1.5em;
}

.asset-body ol, .asset-body ul {
margin: 0 0 0 50px;
}

/*------ SUBJECT ------*/
h2.asset-name.page-header2 {
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/subject.jpg) no-repeat top left;
font-size: 3.0em;
text-transform: uppercase;
text-align: left;
padding: 15px 0 15px 60px;
font-weight: normal;
}

h2.asset-name.page-header2 a{
font-weight: normal;
}

/*------ ENTRY DATE ------*/
.asset-header .asset-meta-list {

}

.asset-header .datetime {
display: block;
text-align: right;
color: #F0908E;
font-size: 1.4em;
margin: -40px 0 10px 0;
}

/*------ USERICON ------*/
.asset .user-icon {
float:left;
position:relative;
margin: 0 10px 10px 0;
padding: 8px;
background:transparent!important;
}

.user-icon img {
border: 8px solid #F2EDE1;
}

.user-icon span{
background:transparent!important;
font-size: 0.9em;
}

span.ljuser a b, .user-icon .ljuser a{
color: #E2514F;
text-decoration: none;
}

span.ljuser a:hover b{
color: #3DA7A8;
}

/*------ METADATA ------*/
.lj-currents {
margin: 20px 0px 0px 10px;
font-size: 1.2em;
text-align: left;
}

.lj-currents .entryMetadata-label {
margin-right: 10px;
font-weight: bold;
}

.lj-currents ul{
list-style-type:none;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/meta.jpg) no-repeat top left;
padding: 50px 0px 5px 50px;
}

/*------ ENTRY TAGS ------*/
.asset-tags {
margin: 20px 0px 0px 10px;
font-size: 1.2em;
text-align: left;
}

.asset-tags-list {
list-style-type:none;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/tags.jpg) no-repeat top left;
padding: 50px 0px 5px 50px;
}

.asset-tags-list li.item {
display:inline;
}

.asset-tags-header { 
display:none;
}

/*------ ENTRY COMMENT LINKS ------*/

.asset-meta-list {
margin: 40px 0 0 0;
list-style-type:none;
}

.asset-meta-comments {
list-style-type:none;
display: inline;
font-size: 1.5em;
line-height: 2.0em;
text-transform: uppercase;
}

li.asset-meta-comments {
padding: 0 3px 0 0;
}

li.asset-meta-comments a {
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/linkbar.jpg) no-repeat center left;
font-weight: normal;
padding: 5px 0 5px 35px;
}

/*------ DIVIDER ------*/

.asset-footer {
height: 89px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/divider.jpg) no-repeat center;
margin: 10px 0 0 0;
}





/*-------------------------------------*/
/*---------- SIDEBAR STYLING ----------*/
/*-------------------------------------*/

/*------ GENERAL ------*/

.widget {
clear: both;
margin-bottom: 20px;
text-align: justify;
font-size: 1.3em;
line-height: 1.5em;
}

h3.widget-header {
display: none;
}

.widget-content {
padding: 10px 5px 10px 10px;
}

.widget-footer {
padding: 6px 0 50px 0;
}

.widget-footer a{
float: right;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/linkbar.jpg) no-repeat 0px 8px;
padding: 12px 5px 12px 30px;
}

ul.widget-list {
margin: 0 0 0 35px;
padding: 0;
}

/*------ PROFILE WIDGET ------*/

.about-me-widget {
text-align: center;
}

.about-me-widget .widget-content {
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-profile.jpg) no-repeat top center;
}

.user-pic {
text-align: center;
margin: 60px 0 0 0;
padding: 8px;
}

.user-pic img{
border: 8px solid #FFFFFF;
}

.profile-name {
padding-bottom: 10px;
}

.profile-name a{
float: right;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/linkbar.jpg) no-repeat 0px 8px;
padding: 12px 5px 52px 30px;
}

/*------ LATEST MONTH WIDGET ------*/

.calendar-widget .widget-content {
margin: 0;
padding: 60px 0 0 0;
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-month.jpg) no-repeat top center;
}

.calendar-widget table {
text-align: center;
margin: 0 auto;
}

.calendar-widget table td {
text-align:center;
}

.calendar-widget table td a{
font-weight: bold;
}

.calendar-widget table th {
background: #E6DCC7;
text-align: center;
padding:1px 0px 1px 0px;
}

/*------ LINKS WIDGET ------*/
.typelist-widget .widget-content {
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-links.jpg) no-repeat top center;
}

.typelist-widget .widget-list {
padding: 60px 0 0 0;
}

/*------ TAGS WIDGET ------*/
.categories-widget .widget-content {
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-tags.jpg) no-repeat top center;
}

.categories-widget .widget-list  {
padding: 60px 0 0 0;
}

.categories-widget .tagcloud {
text-align: center;
}

.categories-widget .tagcloud li {
background: none;
display: inline;
padding: 0;
}

/*------- SUMMARY WIDGET ------*/
.archive-widget .widget-content {
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-summary.jpg) no-repeat top center;
}

.archive-widget .widget-list  {
padding: 60px 0 0 0;
}

/*------ CUSTOM TEXT WIDGETS ------*/
.customtext-widget .widget-content {
background:url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/sb-blurb.jpg) no-repeat top center;
text-align: justify;
padding: 60px 0px 0px 0px;
}

/*------ NOT DISPLAYING OTHER WIDGETS ------*/
.syndicate-widget,.powered-widget,.designed-widget {
display: none;
}

/*----------------------------------*/
/*---------- ARCHIVE PAGE ----------*/
/*----------------------------------*/

.yeartable {
width: 90%;
margin: 0 auto;
clear:both;
padding: 10px;
}

td.yearmonth {
font-size: 2.0em;
text-transform: uppercase;
text-align: left;
font-weight: normal;
height: 50px;
}

td.yearmonth a {
margin: 0 0 0 120px;
padding: 20px 0;
text-align: right;
font-size: 0.3em;
}

.yearday {
background: #E6DCC7;
text-align:center;
padding:2px;
font-weight: bold;
}

td.yeardate div {
text-align:center;
padding:4px;
border: 1px solid #E6DCC7;
}

td.yeardate div a {
font-weight:bold;
}

ul.year {
list-style-type:none;
margin: 10px 0 0 20px;
padding:0;
}

ul.year li {
display:block;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/year.jpg) no-repeat top center;
text-align: center;
width: 102px;
height: 93px;
float:left;
font-size: 14pt;
line-height: 18pt;
padding: 35px 0 0 0;
}

ul.year li a {
font-size: 1.0em;
line-height: 1.0em;
color: #E2514F;
font-weight: normal;
}

ul.year li a:hover {
color: #3DA7A8;
}

/*---------------------------------*/
/*---------- PAGE FOOTER ----------*/
/*---------------------------------*/

#footer{
clear:both;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/68_Beautiful%20Emptiness/01-original/footer.jpg) no-repeat bottom center;
width: 750px;
height: 180px;
margin: 0 0 0 -10px;
}

/*-----------------------------------*/
/*---------- COMMENT PAGES ----------*/
/*-----------------------------------*/

/*------ COMMENT BOXES ------*/

h2.comments-header {
text-align: center;
font-size: 2.0em;
text-transform: uppercase;
font-weight: normal;
}

#comments .comment{
margin:10px 10px 20px 10px;
padding: 10px;
background: #F2EDE1;
border: 1px solid #E6DCC7;
}

html*#comments .comment{
width: 90%;
}

#comments .comment-odd .comment-links, #comments .comment-even .comment-links {
padding: 15px 5px 5px 5px;
clear:both;
text-align: right;
font-size:1.0em;
text-transform: uppercase;
}

#comments .comment-odd .comment-links a, #comments .comment-even .comment-links a{
font-weight: normal;
}

.comment .user-icon {
float:left;
position:relative;
margin: 0 10px 10px 0;
}

.comment-meta {
text-align: left;
font-size: 1.3em;
}

.comment-body {
padding: 5px;
text-align: justify;
font-size: 1.0em;
line-height: 1.5em;
}

.comment-subject {
text-transform: uppercase;
text-decoration: underline;
font-size: 1.2em;
color: #E2514F;
margin: 3px 0 0 0;
padding: 0;
}

.comment-date {
display: block;
text-align: right;
padding: 5px 5px 10px 10px;
color: #F0908E;
font-size: 1.0em;
}

.comments-nav {
text-align:center;
font-size: 1.3em;
text-transform:uppercase;
}

.comments-nav a{
font-weight: normal;
}


/*------ REPLY PAGE ------*/
.quickreply {
background: #F2EDE1;
border: 1px solid #E6DCC7;
}

textarea#commenttext.textbox {
width:90%;
}

form#postform {
width: 80%;
margin: 0 auto;
background: #F2EDE1;
border: 1px solid #E6DCC7;
padding: 10px;
font-size: 1.2em;
}

textarea, input#subject.textbox, select {
background: #F8F5F0;
border: 1px solid #E6DCC7!important;
margin:0px 10px 8px 0px;
font-family: calibri, sans-serif;
color: #301D05;
line-height: 1.5em;
padding: 2px;
}

input {
color: #301D05;
font-family: calibri, sans-serif;
}

option {
background: #F8F5F0;
border: 1px solid #E6DCC7!important;
color: #301D05;
letter-spacing: 2px;
}

select {
background: #F8F5F0;
}