/*----
This is the css file for a S2 layout created by http://cartonage.livejournal.com
It's based on the S2 style Dear Diary and part of the "Pretty It Up" project.
You can add your own headers to entries and friends pages (yes, you can use different ones), and you can
change the color green to something else.
More instructions on how to go about the header, the colors and how to "install" the layout
can be found at http://cartonage.livejournal.com
------------------------------------------------*/

body {
    background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/bg.jpg) repeat-y;
    background-color:#cccccc;
    color:#828282;
    margin: 0;
    padding: 0;
    font-family: "Verdana", sans serif;
    font-size:11px;
   }

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

a img {border:0px;}

input, text-area, select {
border:1px solid #cccccc;
background-color:#ffffff;
color:#828282;
font-family:Verdana;
font-size:10px;
padding:3px;
}


blockquote {
margin:5px 5px 5px 20px;
background-color:#f8f8f8;
padding:10px;
border:1px solid #e4e4e4;
}

/*------------------
  Tiny Icons Replacement
------------------------*/

.entryicon img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], dd img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 15px 11px 0px 0px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/flocked.gif);
}

.entryicon img[src="http://l-stat.livejournal.com/img/icon_private.gif"], dd img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0px 0px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/private.png);
}

.ljuser img, .entryposter img{
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/user.gif);
padding: 13px 10px 0 2px;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{
background-color:transparent;
background-image:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/user.gif);
padding: 13px 10px 0 2px !important;
}

.entryposter img[src="http://l-stat.livejournal.com/img/userinfo.gif"]{
background-color:transparent;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/user.gif) no-repeat;
padding: 13px 11px 0 2px;
}

.entryposter img[src="http://l-stat.livejournal.com/img/community.gif"]{
background-color:transparent;
background: url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/comm.gif) no-repeat;
padding: 15px 15px 0 2px;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/comm.gif);
padding: 15px 14px 0 2px !important;
}

.entryposter {font-weight:normal;}
.entryposter a b {font-weight:normal; color:#9e9e9e;}
.entryposter a:hover b {color:#eb9391;}

.ljuser a {border-bottom:none!important;}
.ljuser a b {padding-left:0px; font-weight:normal; border-bottom:2px solid #eb9391;}
.ljuser a:hover b {border-bottom:2px solid #16a0db;}


/*----------------------
  General Page Alignment
-----------------------*/

#pagecontainer {
width:823px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/header3.png) no-repeat top right; /*header url*/
margin:0px;
padding:0px;
}

#title {
width:210px;
height:190px; /*height of header*/
background-color:#ffffff;
font-size:11px;
}

.page_friends #pagecontainer{
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/header3.png) no-repeat top right; /*header url friends*/
}

.page_friends #title {
height:190px; /*height of friends header*/
}

#title h1, #title #journal_subtitle {
margin:0;
color:#ababab;
font-size:11px;
position:relative;
width:120px;
display:block;
left:20%;
padding:0px 0px 0px 10px;
top:38%;
border-left:5px solid #16a0db;
}

#title h1 {
text-transform:uppercase;
letter-spacing:2px;
}

#main {
width:631px;
float:right;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/mainbg.jpg) no-repeat top left;
padding:30px 0px 60px 0px;
}

.day h2, dt, #main h2 {
font-size: 11px;
font-weight:normal;
width:171px;
height:30px;
text-align:right;
color:#b8b8b8;
padding:16px 20px 0px 0px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/date.jpg) no-repeat top left;
}


/*--------------
  Entry Stuff
--------------*/
.entry {
clear: both;
margin: 30px 25px 60px 30px;
font-size:11px;
}

.entry .entryheader {
font-size:11px;
font-weight: bold;
text-align: left;
position:relative;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/subject.jpg) no-repeat center left;
padding:0px 0px 0px 32px;
height:24px;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
position:absolute;
top:17px;
right:127px;
z-index:3;
}

.entryheader .entryuserpic {
position:absolute;
z-index:1;
top:0;
right:0;
width:147px;
height:129px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/userpic.jpg) no-repeat top right;
text-align:right;
padding:14px 15px 0px 0px;
}

.entryuserpic img {
height:100px;
width:100px;
}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}

.entryheader .entryposter:after {
content: ": ";
}

.entryheader .entrytimestamp {
display: inline;
width:380px;
text-transform:lowercase;
font-weight:normal;
color:#9e9e9e;
}

.entryheader .entrytimestampdate {
display: none;
}

.entryheader .entrysubject {
width:380px;
color:#16a0db;
}

.entry .entrycontent {
margin: 20px 0px 20px 0px;
clear:left;
width:435px;
overflow:auto;
position:relative;
z-index:2;
line-height:17px;
color:#828282;
min-height:50px;
}

.entry > .entrycontent {
overflow-y:hidden;
}

.entrycontent a { border-bottom:1px solid #16a0db;}
.entrycontent a:hover { border-bottom:1px solid #eb9391;}
.entrycontent b a { font-weight:normal; border-bottom:2px solid #16a0db;}
.entrycontent b a:hover { border-bottom:2px solid #eb9391;}


/*-------Tags -----*/
.ljtags {
font-size:10px;
margin:20px 0px 0px 0px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/tags.jpg)no-repeat;
padding:1px 0px 5px 20px;
}

.ljtags a { color:#aaaaaa; text-decoration:none; border-bottom:none;}
.ljtags a:hover { color:#505050;}


/*------Comment Links and Currents----*/

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0 20px 0 0;
padding: 0;
white-space: no-wrap;
text-align: right;
color:#cccccc;
font-size:10px;
}

.entrycmdlinks a:hover {color:#16a0db;}

.entrycmdlinks li {
display: inline;
}

* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: "-";
}
.entrycmdlinks li:first-child:before {
content: "";
}

/*------ Currents --------*/
.entrymeta {
list-style: none;
padding:5px;
margin: 10px 0 20px 0;
display: block;
position:relative;
width:250px;
min-height:40px;
font-size:10px;
line-height:13px;
color:#b8b8b8;
border:1px solid #dddddd;
}

*html .entrymeta {
height:50px;
}

.entrymeta .entrymetacaption {
display:none;
}
.entrymeta li {
white-space: no-wrap;
}

.entrymeta li img {
position:absolute;
top:10%;
right:5px;
}

.entrymeta li a{ color:#b8b8b8; text-decoration:none;}

/*------------
  Sidebar
--------------*/

#paraphernalia {
    width:192px;
    float:left;
    background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/sidebarbg.jpg) no-repeat;
    color:#000000;
    padding-top:40px;
    margin:0px 0px 150px 0px;
}

#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 0px;
}

.pbox#journalinfo  dl,
.journallinkbar,
.pbox#journalinfo h2,
.pbox#viewsel h2,
.pbox#recentnav h2,
.pbox#userlinks h2,
.pbox#yearnav h2{
display:none;
}

.pboxcontent {
    margin:0px;
}

.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin:0px;
    padding:0px;
}
.pbox li {
    margin: 0;
    padding: 0;
}

/*------Default Userpic------*/

.pbox#journalinfo {
padding:0px 0px 0px 70px;
}

#journalinfouserpic {
    text-align: right;
    background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/default.jpg) no-repeat top right;
    width:87px;
    height:91px;
    padding:11px 13px 0px 0px;
}

#journalinfouserpic img {
width:76px;
height:76px;
}


/*---------Menu----------*/

.pbox#viewsel {
width:125px;
height:132px;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/menu.jpg) no-repeat top right;
margin:20px 0px 0px 37px;
padding:29px 0px 0px 30px;
}

.pbox#viewsel li {
font-size:11px;
height:29px;
padding:0px 0px 0px 23px;
text-transform:lowercase;
}

.pbox#viewsel li a, .pbox#viewsel li.current {
text-decoration:none;
color:#999999;
}

.pbox#viewsel li a:hover {
border-bottom:1px solid #16a0db;
}

.pbox li.current {
    font-weight: bold;
}

/*---------Previous and Next---------*/

.pbox#recentnav{
width:79px;
height:24px;
background-image:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/prevnext.jpg);
font-size:5px;
margin:-2px 0px 0px 80px;
}

.pbox#recentnav li a{
display:block;
width:40px;
height:24px;
color:#e5e5e5;
float:left;
}

.pbox#recentnav li a:hover {
color:#e5e5e5;
border-bottom:none;
}

.pbox#recentnav p {display:none;}

/*---------------Link List------------------*/

.pbox#userlinks {
margin:60px 0px 0px 0px;
padding:0px;
text-align:right;
font-size:11px;
border-bottom:1px solid #e4e4e4;
}

.pbox#userlinks li a {
display:block;
width:166px;
padding:8px 20px 8px 0px;
border-top:1px solid #e4e4e4;
color:#abaaaa;
border-right:5px solid #f6f6f6;
}

.pbox#userlinks li a:hover {
background-color:#ffffff;
border-bottom:none;
border-right:5px solid #16a0db;
}

/*-------------Year Navigation------------*/

.pbox#yearnav {
padding:30px 0px 0px 75px;
}

.viewspecnavbar {
    text-align:right;
    background-color:#eae9e9;
    border:1px solid #ffffff;
    width:87px;
    min-height:91px;
    padding:11px 13px 0px 0px;
    color:#a0a0a0;
}

.viewspecnavbar a {
color:#a0a0a0;
}

.viewspecnavbar a:hover{
color:#16a0db;
}

.viewspecnavbar li:hover {
border-right:5px solid #ffffff;
}

.viewspecnavbar li {
padding:5px 10px 5px 0px;
}

.viewspecnavbar li.current {
font-weight:normal;
border-right:5px solid #16A0DB;
}

*html .viewspecnavbar {
height:91px;
}



/*--------------
  Comment Pages
--------------*/

.comments {
    list-style: none;
    padding: 0;
    margin-left: 30px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}

.comments .entry {
border-top:2px solid #efefef;
padding:10px;
margin:0px 30px 0px 0px;
}

.comments .comments .entry {
background-color:#f8f8f8;
padding:10px;
border-bottom:5px solid #ffffff;
}

.comments .entryheader {
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/comment.gif) no-repeat top left!important;
}

.comments .entrycontent {
width:auto;
margin:20px 132px 0px 10px;
height:auto;
}

*html .entrycmdlinks {
margin-top:30px!important;
}

.comments .entryuserpic {
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/commentuserpic.jpg);
width:113px;
height:116px;
padding:14px 15px 0px 0px;
margin:0px;
}

.comments .comments .entryuserpic {
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/commentuserpic2.jpg);
}

.comments .comments .entryheader {
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/subject.jpg);
}

.comments .entryheader .entrysubject{
width:auto;
margin:0px 105px 0px 0px;
}

.collapsed_entry {
background:#f8f8f8;
padding:10px;
margin:10px 40px 10px 10px;
}

.collapsed_entry a {font-weight:normal; color:#9e9e9e;}

/*-------Entry Linkbar-------------*/

.entrylinkbarpre {
display:none;
}

.page_entry .entrylinkbarpost, .page_reply .entrylinkbarpost {
text-align:center;
margin:20px 0px 20px 0px;
}

.entrylinkbarpost a img{
padding: 20px 22px 0px 0px;
width:0px;
height:0px;
}

*html .entrylinkbarpost a img {
padding:0px;
width:22px;
height:20px;
}

.page_friends .entrylinkbarpost, .page_recent .entrylinkbarpost {
display:none;
}


.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_prev.gif"] {
background:url(http://img256.imageshack.us/img256/6867/prevli8.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_memories.gif"] {
background:url(http://img256.imageshack.us/img256/8526/memdo2.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_tellfriend.gif"] {
background:url(http://img256.imageshack.us/img256/158/tellkp3.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_edittags.gif"] {
background:url(http://img256.imageshack.us/img256/3636/edittagscb7.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_edit.gif"] {
background:url(http://img256.imageshack.us/img256/9185/editrr7.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_next.gif"] {
background:url(http://img256.imageshack.us/img256/7691/nexttr3.gif);
}
.entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_prev.gif"] {
background:url(http://img256.imageshack.us/img256/6867/prevli8.gif);
}


/*-------Comments Linkbar---------*/

.comments a img[src="http://stat.livejournal.com/img/btn_del.gif"] {
background:url(http://img256.imageshack.us/img256/2807/commentdeletelv0.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_scr.gif"]{
background:url(http://img256.imageshack.us/img256/1300/screenfl0.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_unscr.gif"]{
background:url(http://img256.imageshack.us/img256/395/unscreencm4.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_freeze.gif"]{
background:url(http://img256.imageshack.us/img256/8829/freezewt9.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_unfreeze.gif"]{
background:url(http://img256.imageshack.us/img256/5048/unfreezezg5.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_track.gif"], .entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_track.gif"]{
background:url(http://img256.imageshack.us/img256/3559/trackyi5.gif);
}
.comments a img[src="http://stat.livejournal.com/img/btn_tracking.gif"], .entrylinkbarpost a img[src="http://stat.livejournal.com/img/btn_tracking.gif"]{
background:url(http://img256.imageshack.us/img256/9576/trackingyy3.gif);
}


.itemrange {
    list-style: none;
    padding: 0;
    margin:30px 30px 30px 30px;
    text-align: center;
}
.itemrange li {
    display: inline;
    padding:10px 14px 10px 14px;
    background:#f8f8f8;
    margin:5px;
    color:#16a0db;
    font-weight:bold;
}

.itemrange li a {
font-weight:normal;
color:#afafaf;
}

.itemrange li a:hover {
color:#16a0db;
}

/*-----------
  Reply Page
---------------*/

form#postform {
margin:0px 30px 0px 30px;
padding:10px 0px 0px 0px;
border-top:2px solid #efefef;
}

.textbox#commenttext  {
width:90%!important;
color:#828282;
}

form input, form select {
margin:5px 0px 3px 0px;
}

b label, label b {font-weight:normal;}


/*---------
Archive Page
-------------*/

.calendarmonth {
    width: 60%;
    margin:auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}


.calendarmonthheader h2  {
font-size:11px;
font-weight:bold!important;
background:url(http://www.strawberrywine.org/personal_images/lj_layouts/switch_layout/pics/archive.jpg) no-repeat top left!important;
text-align:left!important;
color:#16a0db!important;
padding:0px 0px 0px 20px!important;
width:200px!important;
height:20px!important;
margin-left:10px!important;
}

.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}

.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendardaycount a {font-weight:bold; color:#16a0db}
.calendardaycount a:hover {color:#828282;}
.calendarday {
width: 14%;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}


/*-----------
  Month Pages
-------------*/

dl {margin:30px 0px 0px 0px!important; padding:0px;}

dt b {font-weight:normal; color:#b8b8b8;}

dd {line-height:17px; color:#9e9e9e; margin:20px 50px;}

dd a:hover {color:#16a0db;}

/*----------
 Tag Page
---------------*/

.ljtaglist {
list-style-type:none;
margin:20px 30px 20px 30px;
padding:0px;
}

.ljtaglist li {
padding:7px 0px 7px 10px;
margin:0px 20px 0px 10px;
border-top:1px solid #d3d3d3;
}

.ljtaglist li:hover {
background-color:#f8f8f8;
}

.ljtaglist li a:hover{
color:#16a0db;
}

#server_sig {
    display: none;
}

.journallinkbar {
text-align: center;
}

div.ContextualPopup div.Inner {
background: #FFFFDD;
border: 1px solid #FFCC33;
padding: 5px;
color: #828282 !important;
font-family:Verdana;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal!important;
color: #505050 !important;
}


div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {
font-weight: bold !important;
color: #CC6644;
}