<?xml version='1.0' encoding='utf-8' ?>
<!--  If you are running a bot please visit this policy page outlining rules you must respect. https://www.livejournal.com/bots/  -->
<rss version='2.0'  xmlns:lj='http://www.livejournal.org/rss/lj/1.0/' xmlns:media='http://search.yahoo.com/mrss/' xmlns:atom10='http://www.w3.org/2005/Atom'>
<channel>
  <title>Workshop for Layout Lounge</title>
  <link>https://workshop-rees.livejournal.com/</link>
  <description>Workshop for Layout Lounge - LiveJournal.com</description>
  <lastBuildDate>Thu, 22 May 2025 21:41:32 GMT</lastBuildDate>
  <generator>LiveJournal / LiveJournal.com</generator>
  <lj:journal>workshop_rees</lj:journal>
  <lj:journalid>16673867</lj:journalid>
  <lj:journaltype>community</lj:journaltype>
  <image>
    <url>https://l-userpic.livejournal.com/123389982/16673867</url>
    <title>Workshop for Layout Lounge</title>
    <link>https://workshop-rees.livejournal.com/</link>
    <width>100</width>
    <height>100</height>
  </image>

  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/26048.html</guid>
  <pubDate>Thu, 22 May 2025 21:41:32 GMT</pubDate>
  <title>104. The Pines testing</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/26048.html</link>
  <description>&lt;b&gt;Layout Style:&lt;/b&gt; S2 Flexible Squares&lt;br /&gt;&lt;b&gt;Features:&lt;/b&gt; Header Image, Custom Header Location, Custom Sidebar, No Userpics for posts, Friends Page/Community Userpics&lt;br /&gt;&lt;b&gt;Layout Width:&lt;/b&gt; Responsive&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align:center&quot;&gt;&lt;a href=&quot;https://i.imgur.com/FKXj5iq.jpg&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;277&quot; src=&quot;https://i.imgur.com/FKXj5iq.jpg&quot; width=&quot;600&quot; fetchpriority=&quot;high&quot; /&gt;&lt;/a&gt;&lt;br /&gt;[ &lt;a href=&quot;https://i.imgur.com/FKXj5iq.jpg&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;PREVIEW&lt;/a&gt; ] [ &lt;a href=&quot;https://codepen.io/sireesanwar/full/XweEOb&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;LIVE PREVIEW&lt;/a&gt; ] credit &lt;span  class=&quot;ljuser  i-ljuser  i-ljuser-type-C     &quot;  data-ljuser=&quot;layout_lounge&quot; lj:user=&quot;layout_lounge&quot; &gt;&lt;a href=&quot;https://layout-lounge.livejournal.com/profile/&quot;  target=&quot;_self&quot;  class=&quot;i-ljuser-profile&quot; &gt;&lt;img  class=&quot;i-ljuser-userhead&quot;  src=&quot;https://l-stat.livejournal.net/img/community.png?v=556&amp;v=923.1&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://layout-lounge.livejournal.com/&quot; class=&quot;i-ljuser-username&quot;   target=&quot;_self&quot;   &gt;&lt;b&gt;layout_lounge&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;All special fonts have been embedded into the layout from Google Fonts.&lt;/div&gt;&lt;br /&gt;Coding is a real pain to list here because now anything with a # creates tags in our system. So to get around this I&amp;#39;ve posting this to the Layout Lounge Site where I keep them anyway. This also gives me a place to store images.&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://codepen.io/sireesanwar/pen/XweEOb&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;font-size:1.8em;&quot;&gt;GET THE CODE&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Header Image:&lt;br /&gt;&lt;a href=&quot;https://i.imgur.com/AZcP3gA.png&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;67&quot; src=&quot;https://i.imgur.com/AZcP3gA.png&quot; width=&quot;500&quot; loading=&quot;lazy&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Mock Footer Image (see content-outer)&lt;br /&gt;&lt;a href=&quot;https://i.imgur.com/O9Peipz.png&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;67&quot; src=&quot;https://i.imgur.com/O9Peipz.png&quot; width=&quot;500&quot; loading=&quot;lazy&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Both images are 1500 x 200&lt;br /&gt;&lt;br /&gt;Social Media to match (facebook, twitter, tumblr, instagram, pinterest, bloglovin):&lt;br /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/RUJL9JL.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/eDtlW4a.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/v7JI5es.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/FrQBLqD.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/Jyfvmxo.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/pO7xqZe.png&quot; width=&quot;24&quot; /&gt;&lt;br /&gt;&lt;mark&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/oP9iAuD.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/q22LwJV.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://imgur.com/UQS41dD.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/aA2nC4H.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/cN62hGm.png&quot; width=&quot;24&quot; /&gt;&lt;img alt=&quot;&quot; height=&quot;24&quot; src=&quot;https://i.imgur.com/LhNqrSc.png&quot; width=&quot;24&quot; /&gt;&lt;/mark&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Header Image&lt;/b&gt;: The header image (.headerimage) attribute is turned off in this layout. You can use the content-outer attribute instead. I did this to control where the header links and image were located.&lt;br /&gt;&lt;br /&gt;My header image is only 200px in height. If you want to have a bigger header image there are a few settings you&amp;#39;ll have to change in the coding. Here they are in order inside the coding:&lt;ul&gt;&lt;br /&gt;&lt;li&gt;content: the same goes for the top margin of content. It is set to accommodate the header and links so this will match the content-outer.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;b&gt;Mock Footer Image:&lt;/b&gt; The mock footer image is also int he content-outer.&lt;ul&gt;&lt;br /&gt;&lt;li&gt;I&amp;#39;ve utilized the multiple background images ability. Note in the coding you&amp;#39;ll see multiple &lt;b&gt;url ()&lt;/b&gt; with commas between them. This is how you layer background images. The one you want on top should come first. I have left that blank if you are so inclined to make a Title image.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Because the content-outer is being used for the &amp;quot;mock footer&amp;quot; there is no height. This is why the third image&amp;#39;s background-postion is listed as center bottom. Center is for horizontal and bottom is for the vertical. You can use multiple commands here: center bottom, center 100%, center 50px. It depends where the image you are moving needs to be located.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;The background-size is listed as &lt;b&gt;background-size: auto, 100% 200px, 100% 200px;&lt;/b&gt; This means the first image which is the &amp;quot;title&amp;quot; would be auto sized because you want the full size of the item. Then the second is 100% width and 200px height just like the third. I did this because full height here would be the entire outer-content otherwise.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt;&lt;b&gt;Title &amp;amp; Subtitle&lt;/b&gt;: The title and subtitle have been turned off to prevent strange interactions with the layout. Rather than using these I would create and image of your title and put it over the header image you&amp;#39;ve chosen. See Multiple Header Images but apply it to content-outer.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Userpics&lt;/b&gt;: There are no userpics for your posts on this layout. There will be userpics for comments and for the friends page.&lt;br /&gt;&lt;br /&gt;I&amp;#39;m sorry if this one is more complicated.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Common Issues with Layouts:&lt;/b&gt;&lt;br /&gt;1. &lt;a href=&quot;http://layout-lounge.livejournal.com/33030.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Common Issues&lt;/a&gt;&lt;br /&gt;2. &lt;a href=&quot;http://layout-lounge.livejournal.com/8638.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Theme and Layout Change Tutorial&lt;/a&gt;&lt;br /&gt;3. &lt;a href=&quot;http://layout-lounge.livejournal.com/33399.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Image Tutorial: Adding Background &amp;amp; Header Images in Coding&lt;/a&gt;&lt;br /&gt;4. &lt;a href=&quot;http://layout-lounge.livejournal.com/15965.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Sidebar: What I Do and Do NOT Want On It&lt;/a&gt;&lt;br /&gt;5. &lt;a href=&quot;http://layout-lounge.livejournal.com/24601.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;LJ Advertisements: What is that weird box on my LJ?&lt;/a&gt;&lt;br /&gt;6. &lt;a href=&quot;http://layout-lounge.livejournal.com/51687.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Tutorial Index&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;You can find more images at &lt;span  class=&quot;ljuser  i-ljuser  i-ljuser-type-C     &quot;  data-ljuser=&quot;graffitigraphic&quot; lj:user=&quot;graffitigraphic&quot; &gt;&lt;a href=&quot;https://graffitigraphic.livejournal.com/profile/&quot;  target=&quot;_self&quot;  class=&quot;i-ljuser-profile&quot; &gt;&lt;img  class=&quot;i-ljuser-userhead&quot;  src=&quot;https://l-stat.livejournal.net/img/community.png?v=556&amp;v=923.1&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;https://graffitigraphic.livejournal.com/&quot; class=&quot;i-ljuser-username&quot;   target=&quot;_self&quot;   &gt;&lt;b&gt;graffitigraphic&lt;/b&gt;&lt;/a&gt;&lt;/span&gt; or go to Layout Lounge&amp;#39;s website.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;RULES&lt;/b&gt;&lt;br /&gt;Not hotlinking images please. Imgr images can be used.&lt;br /&gt;Headers can be changed. Please make the layout your own.&lt;br /&gt;Layout images do not have to be used.&lt;br /&gt;Credit is a must.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;span style=&quot;font-size:1.4em;&quot;&gt;If you are having trouble with this layout please comment and I&amp;#39;ll see if I can help you.&lt;/span&gt;&lt;/b&gt;&lt;a name=&apos;cutid1-end&apos;&gt;&lt;/a&gt;&lt;br /&gt;</description>
  <comments>https://workshop-rees.livejournal.com/26048.html?view=comments#comments</comments>
  <category>.preview: cut</category>
  <category>.preview: comments</category>
  <category>graphics</category>
  <category>.preview: related</category>
  <category>.preview</category>
  <lj:mood>relaxed</lj:mood>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>2</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/25555.html</guid>
  <pubDate>Wed, 29 May 2019 21:38:20 GMT</pubDate>
  <title>Code Help for pknumba1</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/25555.html</link>
  <description>&lt;textarea&gt;/*--------------------------------
S2 Flexible Squares - 103. Florence
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #eee;
 background-image: url();
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top left;
 background-size: auto;
 color: #777777;
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #EF9D87; }
a:hover { color: #444444; }

blockquote {
 background: url(https://i.imgur.com/ddZVUdt.png) left top/50px 50px no-repeat;
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #222222;
 font-size: 15px; 
font-style: italic;
 text-align: left;
 }


img.special, i img {  width: 100%; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;Montserrat&quot;; }
 

/*--------------General------------*/
#content-outer { 
 position: absolute;
 top: 155px;
 width: 100%;
 height: 220px;
 background-color: transparent!important;
 background-image: url(https://imgprx.livejournal.net/46a7a3336842d68f58a400e408f54cf62ec5c823/1xGx1Y0AXFavP5_wvET_GFJ8pu97jo1OOPzYv8oQKQywyC87kEEsuZ1WW79-9Gb_KfM7C7J8PnYUBhDnNsu5xg);
 background-repeat: no-repeat;
 background-position: center bottom, center top;
 background-size: auto, cover;
 z-index: -199;
 }

.headerimage {
display: none; /*-use content outer for headerimage-*/
}

#content {   
 width: 75%;
 margin: 220px auto 0px auto;
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px 30px 25px 70px;
 z-index: 50;
 }

#maincontent {
 margin-top: 0px;
 margin-right: 320px;
 padding: 0px;
 }

@media all and (max-width: 800px) {
#maincontent {
 width: 80%;
 float: none; 
 margin-top: 20px;
 margin-right: 0px;
 padding: 0px;
 }
}

.subcontent {
 background-color: #ffffff;
 margin-bottom: 20px;
 padding: 10px;
 font-size: 15px;
 color: #333333;
 }

.clear { height: 0px; font-size: 0.01px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0; top: 0;
 background-color: #fff;
 width: 100%;
 height: 40px;
 padding-top: 20px;
 margin-top: -55px;
 text-align: center;
 font-family: open sans, arial !important;
 font-size: 12px !important;
 letter-spacing: 1px;
 text-transform: uppercase;
 z-index: 50;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 8px 8px 4px 8px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #888888;
 text-align: left;
}

div#header li.view { 
 color: #EF9D87;
 padding: 8px 8px 4px 8px;
 margin-left: 12px;
  }

div#header a:hover {
 color: #EF9D87;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }
 
/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

            /*--first link---*/
ul.navfooter a {
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #fff;
color: #EF9D87;
font-family: open sans, georgia,arial,sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
background-color: #EF9D87;
color:#fff;
padding: 20xp 10px 20px 10px;
}

            /*--second link---*/
ul.navfooter li + li a {
float: right;
background-color: #fff;
color: #EF9D87;
padding: 20xp 10px 30px 10px;
 }

ul.navfooter li + li a:hover {  }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }



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

#sidebar {
 width: 290px;
 margin-top: -10px;
 float: right;
 font-family: &quot;Crimson Text&quot;, arial, georgia;
 font-size: 16px;
 line-height: 24px;
 color: #161616;
text-align: left !important;
 }

@media all and (max-width: 800px) {
#sidebar {
 width: 80%;
 float: none;
 margin-top: 10px;
 font-family: &quot;Crimson Test&quot;, arial, georgia;
 font-size: 16px;
 color: #161616;
text-align: left !important;
 }
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
color: #161616;
display: inline;
padding: 2px;
 }

li.sbaritem a:hover {
background-color: #eeeeee;
padding: 2px;
color:#161616;  }

li.sbartitle {
 margin-bottom: 5px;
 font-family: &apos;Oswald&apos;, open sans;
 font-size: 12px;
 letter-spacing: 1px;
 text-align: center;
 text-transform: uppercase;
 list-style: none;
 color: #161616; 
 border-bottom: 1px solid #d8d8d8;
 }

                  /*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-family: &apos;Oswald&apos;, open sans;
 font-size: 12px;
 letter-spacing: 1px;
 text-align: center;
 text-transform: uppercase;
 list-style: none;
 color: #161616; 
 border-bottom: 1px solid #d8d8d8;
 }

.sbarbody {
list-style-type:none;
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: transparent;
padding: 3px;
margin: 5px 3px 10px 3px;
}

li.sbaritem3 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
display: inline-block;
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem4 a {
 display:inline-block;
background-color: #fff;
color: #EF9D87;
border: 1 solid #ddd;
padding: 3px;
font-family: &apos;open sans&apos;:
font-size: 10px;
 }

li.sbaritem4 a:hover {
background-color: #EF9D87; color: #fff;  }


          /*-Sidebar Links-*/
#sidebar_linklist  {
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
font-family: &apos;open sans&apos;;
font-size: 12px;
 }

#sidebar_linklist li.sbaritem { display: inline-block; }

#sidebar_linklist li.sbaritem a {
 display:inline-block;
padding: 5px; margin-bottom: 5px; background-color: #fff; color: #EF9D87; border: 1 solid #ddd;
}

#sidebar_linklist li.sbaritem a:hover {
background-color: #EF9D87; color: #fff;
}

          /*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px; font-family: &apos;open sans&apos;; font-size: 12px;
 }

#sidebar_tags .sbarcontent {  display: inline-block; }

li.tagBox a { display:inline-block; padding: 5px; background-color: #EF9D87; color: #fff;  }

li.tagBox a:hover { background-color: #fff; color: #EF9D87; border: 1 solid #ddd; }

#sidebar_tags li.sbaritem {display: inline-block;}

#sidebar_tags li.sbaritem a { display:inline-block;  padding: 5px; background-color: #EF9D87; color: #fff; }

#sidebar_tags li.sbaritem a:hover { background-color: #fff; color: #EF9D87; border: 1 solid #ddd; }

         /*-Free Text-Blurb-*/
.sbarbody2 {  
padding: 0px; 
margin-bottom: 10px;
 border: 0px solid #cccccc;
 }

.sbarbody3 {  
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

.sbarbody4 {  
display: inline;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

          /*-Sidebar Summary-*/
#sidebar_summary.sbarbody { padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; font-family: &apos;open sans&apos;;
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }


          /*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar {  background-image: url(); background-size: cover;  width: 100%; padding: 10px;}

td.sbarcalendar { background-color: rgba(255,255,255,0.4); padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #eeeeee; }

          /*-Sidebar Userpic-*/
.defaultuserpic {
url(https://imgprx.livejournal.net/6460b2ff2679efe2bee07143c1f62a40f4527100/1xGx1Y0AXFavP5_wvET_GJMj0-W6pCYgV7Rg-I-KEa_dkuWRULC3eHikwRnSOol_o4h_BUjvbBPJM4IwivA71g)
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
 border: 1px solid #dddddd;
text-align: center;
}

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


*-----------Entries-----------*/
.entry { }

.entry_text {
 padding: 0px 30px 0px 20px;
 color: #161616;
 font-family: &quot;Crimson Text&quot;, arial;
 font-size: 16px;
 line-height: 24px;
 text-align: left;
 z-index: 50;
 }

.entry h5 { font-size: 1.8em; line-height: 1.9em; margin: 0px 5px 0px 5px; }

p, td{ font-family: &quot;Montserrat&quot;; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 100%!important; margin: 5px;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 display: none;
 float: left;
 margin: -5px 5px 5px -90px;
 padding: 8px;
 width: 65px;
 height: 65px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 border: 1px solid #dddddd;
 }

.userpic img, .userpicfriends img {
 width: 65px;
 height: 65px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: 3px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: right;
 font-family: &apos;Montserrat&apos;, sans-serif;
 font-size: 11px;
 color: #333333;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 0px 0px 20px;
 text-align: center; 
 color: #EF9D87;
 font-family: &quot;Oswald&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 10px 20px;
 color: #333333;
font-family: &quot;Oswald&quot;, open sans condensed, georgia, arial;
 font-size: 24px;
 text-align: center;
 text-transform: uppercase;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #333333;}

.subject a:hover {color: #565656;}

.datesubject {
background-color: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #004359;;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 0px;
 margin-bottom: 20px;
 font-family: &quot;Montserrat&quot;, Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 height: 50px;
 clear: left; 
 text-align: center; 
   line-height: 1 !important;
margin: 5px 0px 5px 0px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: &quot;&quot;;
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin-left: 40%;
    padding: 0px;
    background-color: #fff;
    color: #fff;
   font-family: &apos;open sans&apos;;
 font-size: 12px;
 letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}
.ljcut-link a  { display: inline-block; background-color: #fff; color: #EF9D87; padding: 10px 20px;  border: 1px solid #ddd;}
.ljcut-link a:hover { display: inline-block; background-color: #EF9D87; color: #fff;  }

.ljcut-brace { display: none; }

.lj-spoiler-head {
     display: inline-block;
    padding: 0px;
    background-color: #fff;
    color: #fff;
   font-family: &apos;open sans&apos;;
 font-size: 12px;
 letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}

.lj-spoiler-head a { display: inline-block; background-color: #EF9D87; color: #fff; padding: 10px 20px;}
.lj-spoiler-head a:hover { display: inline-block; background-color: #fff; color: #EF9D87;   border: 1px solid #e9e9e9; }

.lj-spoiler-leftbracket, .lj-spoiler-rightbracket { display: none; }

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/

.currents { width: 100%; margin-left: 15px; }

.currentlocation, .currentmood, .currentgroup, .currentmusic {
    width: 94%;
    padding: 5px 0px 8px 0px;
    font-size: 11px;
 letter-spacing: 1px;
    font-family: &apos;Oswald&apos;;
    color: #EF9D87;
    text-align: left;
 text-transform: uppercase;
}

.currentlocation {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}

.currentmood {
 background: url(https://imgprx.livejournal.net/ab817aa95b67a8f8681dd0bf578bf7c28b132628/KEuMbttRjpJFWPD9DHGAVlw4riNN6c2ujU8H0qGwZNWkKBAHr4f3NHTYLt_hDrekLg4iKKyhtBj-URgWHC6LVA) no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}
img.meta-mood-img { margin: 0px 10px 0px 15px; }

.currentgroup {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}

.currentmusic {
 background: url() no-repeat left center;
padding: 2px 0px;
margin: 0px 10px 0px 0px;
}


.currents strong, .currentmood strong, .currentmusic strong, .currentlocation strong { display: none; font-weight: normal; color: #fff;} 


/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 20px 5px 5px 0px;
text-align: left;
color: #EF9D87;
font-family: &apos;Oswald&apos;; 
font-size: 11px; 
line-height: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

.ljtags a { color: #EF9D87; }
.ljtags a:hover { color: #b89f98; }

.comments {
 color: #EF9D87;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 10px;
position: relative;
text-align: right;
width:auto;
text-transform: uppercase;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#EF9D87;
font-family: &apos;Oswald&apos;, arial !important;
 font-size: 14px !important; line-height: 130%; 
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#bbbbbb;
border-left: 0px solid #374C60;
letter-spacing: 1px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 background-color: #fff;
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 border-width: 1px;
 border-style: solid;
 border-color: #DFE3E6;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #888888;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #004359; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #bbbbbb; cursor: crosshair; text-decoration:none; font-weight:none;}

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 8px;
 width: 80px;
 height: 80px;
 float: left;
 border: 1px solid #dddddd;
}

.commentreply {
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

ul.year { background-color: #fff; text-align: center;  padding: 5px; }

ul.year li {display: inline;}

table.yeartable { background-color: #fff; width: 100%; margin: 20px auto 20px auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

h2 { background-color: #fff; }

ul.ljtaglist {
 background-color: #fff;
 color: #888888;
 font-family: &quot;Oswald&quot;, arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/STARZOutlander_S4_JamieClaire_add20.png) no-repeat 0 0 !important;
 padding: 20px 0px 0px 20px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/STARZOutlander_S4_JamieClaire_add20.png) no-repeat 0 0 !important;
 padding: 20px 0px 0px 20px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(https://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/Scotland.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Oswald&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Oswald Regular&apos;), local(&apos;Oswald-Regular&apos;), url(https://imgprx.livejournal.net/8149034f5c1e57aca90a7740636ee9e1e7dec58d/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBTiiF6FvTEkZwk1YRQvPnPD7SAdaq4JzvXIL7M_NBqfqODboVAoaBmogvup8SOTPJOOwYS-YxNVpEfCVTG3JsgRq) format(&apos;woff2&apos;), url(https://imgprx.livejournal.net/de008f6c2c9aca0d0cc488c9e5f2de3b4b7fb276/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBTiiF6FvTEkZwk1YRQvPnPD7Qwhjfp2LysOoNwiW2WUoi8kZGxaQhL6fimBprL1VbbYKbIiTpRcGJ3e5n-S5XyXO) format(&apos;woff&apos;);
}

/* latin */
@font-face {
  font-family: &apos;Crimson Text&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Crimson Text Regular&apos;), local(&apos;CrimsonText-Regular&apos;), url(https://fonts.gstatic.com/s/crimsontext/v9/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic */
@font-face {
  font-family: &apos;Caveat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Caveat Regular&apos;), local(&apos;Caveat-Regular&apos;), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7YjYYmg8.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: &apos;Caveat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Caveat Regular&apos;), local(&apos;Caveat-Regular&apos;), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7aDYYmg8.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Caveat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Caveat Regular&apos;), local(&apos;Caveat-Regular&apos;), url(https://fonts.gstatic.com/s/caveat/v5/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: &apos;Montserrat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Montserrat-Regular&apos;), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format(&apos;woff&apos;);
}

/* cyrillic */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CUR-13DsDU150T1bKbJZejI.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: &apos;Cardo&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Cardo&apos;), local(&apos;Cardo-Regular&apos;), url(https://themes.googleusercontent.com/static/fonts/cardo/v6/zpisC4kGu76S5N9VhpMnEg.woff) format(&apos;woff&apos;);
}

/* latin-ext */
@font-face {
  font-family: &apos;Gilda Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Gilda Display&apos;), local(&apos;GildaDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/gildadisplay/v4/8yAVUZLLZ3wb7dSsjix0CIuYPqUiS7rpomiMbHCjpwk.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Gilda Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Gilda Display&apos;), local(&apos;GildaDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/gildadisplay/v4/8yAVUZLLZ3wb7dSsjix0CDhcrYRUcSdWF4dICtV_C1I.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: &apos;Lora&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Lora&apos;), local(&apos;Lora-Regular&apos;), url(https://imgprx.livejournal.net/0dfca2c9dfd5c98c12d44f0951c84a4cbcce402a/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBThGm05XhWilMAfzl42JgCuGqeBsLtDD3EaoW8GC20_8SNRi4vxFXkngbNtAdOersxKpxNpefUEsbru-8B4gePZI) format(&apos;woff2&apos;), url(https://imgprx.livejournal.net/696167015b1fc1ba1c68130f0c8558f8b1a5416d/1xGx1Y0AXFavP5_wvET_GG5wOLj6bkV2jH2BPC_MBThGm05XhWilMAfzl42JgCuGAe-rb6M38nQ-OVP7FAM-pj1x1_7ea95UlhXFH1qX2ttmPLLM9SwML0JMvq5Cby9K) format(&apos;woff&apos;);
}

/*-----------Add-ons-----------*/
.social-roll {
 border-radius: 0%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

#table  {
 color: #444444;
 font-family: &quot;Playfair Display&quot;, arial;
 font-size: 16px;
 line-height: 130%;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
 color: #444444;
 font-family: &quot;Playfair Display&quot;;
 font-size: 16px;
 line-height: 130%;
text-align: center; 
vertical-align: top; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 

td.custom1 {          /*code index*/
 background-color: #eeeeee !important;
 color: #444444;
 font-family: &quot;Playfair Display&quot;;
 font-size: 16px;
 line-height: 130%;
text-align: center; 
vertical-align: top; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 

.separator { height: 0px; }&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/25555.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:mood>thoughtful</lj:mood>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/25316.html</guid>
  <pubDate>Tue, 06 Mar 2018 21:52:52 GMT</pubDate>
  <title>Coding for Kseenaa</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/25316.html</link>
  <description>&lt;textarea cols=&quot;50&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - 99. Impact - revision
Layout by http://layout_lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #e2e2e2;
 background-image: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/body-bg34_orig.png);
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top left;
 color: #000000;
 font-family: &quot;Open Sans&quot;, arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #444444;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 10px solid #EEEEEE; 
 }
img.special, i img { border: 1px solid #cccccc; padding: 10px; }

b, strong { color: #253C51; }
i, em { color: #D6002E; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #D6002E; }
mark { background-color: #B7EBDE; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;Open Sans&quot;; }

h10 { 
text-align: center;
font-family: &quot;Berkshire Swash&quot;;
font-size: 45px;
line-height: 120%;
background: -webkit-linear-gradient(330deg, green, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }

/*--------------General------------*/
#content-outer { 
 position: absolute;
 width: 100%;
 height: 270px;
 background-color: transparent !important;
 background-image: url();
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 z-index: -199;
 }

.headerimage {
 position: absolute;
 width: 100%;
 height: 270px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(WHERE THE HEADER IMAGE WILL GO);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto;
 z-index: -10;
} /*-logo-*/

#content {   
 width: 75%;
 margin: 300px auto 0px auto;
 font-family: &quot;Open Sans&quot;, arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px 50px 25px 50px;
 z-index: 50;
 }

#maincontent {
 margin-top: 0px;
 margin-right: 270px;
 padding: 10px 30px 0px 20px;
}

.subcontent {
 background-color: #ffffff;
 padding: 50px 30px 0px 20px;
 font-size: 15px;
 color: #333333;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

.clear { height: 0px; font-size: 0.01px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 margin: 0px auto 0 auto;
 left: 0; right: 0; top: 260px;
 width: 100%;
 height: 35px;
 padding-top: 8px;
 text-align: center;
 font-family: Open Sans, arial !important;
 font-size: 12px !important;
 text-transform: uppercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 10px 10px 5px 5px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #000643;
 text-align: left;
}

div#header li.view { 
 color: #000643;
 padding: 10px 10px 5px 5px;
 margin-left: 15px;
 border-bottom: 1px solid #000643;
  }

div#header a:hover {
 border-bottom: 1px solid #000643;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }
 
/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
left:0;
text-align:left;
text-transform:lowercase;
width: 200px;
z-index:99;
}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #dddddd);
color: #ffffff;
font-family: &quot;Open Sans&quot;, georgia,arial,sans-serif;
font-size: 20px;
margin-right: 20px;
padding: 20px 30px 20px 30px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter li {
list-style:none inside none;
padding: 0px;
display: inline-block; }

ul.navfooter li a {
float: right;
background-color: #dddddd !important;
margin-left: 10px; 
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li a:hover {  }

#footer .viewing { display:none; }


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

#sidebar {
 width: 280px;
 float: right;
 font-family: &quot;Open Sans&quot;, arial, georgia;
 font-size: 12px;
 color: #888888;
 margin-top: 5px;
text-align: left !important;
text-transform: uppercase;
 }

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #192CA2;
display: inline;
 }

li.sbaritem a:hover {
color:#555555;  }

li.sbartitle {
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #CCCCCC; 
 border-bottom: 3px solid #CCCCCC;
 }

                  /*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #CCCCCC; 
 border-bottom: 3px solid #CCCCCC;
 }

.sbarbody {
list-style-type:none;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: rgba(255,255,255,0.7);
padding: 5px;
margin: 5px 5px 10px 5px;
font-size: 10px;
text-align: justify;
}

li.sbaritem3 {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
 background-color: transparent;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
background-color: transparent;
text-align: center;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

          /*-Sidebar Links-*/
#sidebar_linklist  {
 background-color: rgba(255,255,255,0.7);
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_linklist li.sbaritem a {
 display:block;
 padding: 0px 0px 5px 0px ;
}

#sidebar_linklist li.sbaritem a:hover {
}

          /*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
 background-color: rgba(255,255,255,0.7);
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_tags .sbarcontent {   }

li.tagBox a { display:block; padding: 2px;  }

li.tagBox a:hover {   }

#sidebar_tags li.sbaritem a { display:block;  padding: 2px; }

#sidebar_tags li.sbaritem a:hover {  }

         /*-Free Text-Blurb-*/
.sbarbody2 {  
 background-color: rgba(255,255,255,0.7);
padding: 10px; 
margin: 5px 5px 10px 5px;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

          /*-Sidebar Summary-*/
#sidebar_summary.sbarbody { 
 background-color: rgba(255,255,255,0.7);
padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; 
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }

span.count { display: none; }


          /*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {   background-color: rgba(255,255,255,0.7); padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar { width: 100%;  padding: 10px;}

td.sbarcalendar { padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #CCCCCC; }

          /*-Sidebar Userpic-*/
.defaultuserpic {
 background-color: rgba(255,255,255,0.7);
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
 border: 1px solid #CCCCCC;
}

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


*-----------Entries-----------*/
.entry { }

.entry_text {
 color: #444444;
 font-family: &quot;Open Sans&quot;, arial;
 font-size: 16px;
 line-height: 130%;
 text-align: left;
 font-weight: 550;
 margin-bottom: 40px;
 z-index: 50;
 }

p, td{ font-family: &quot;Open Sans&quot;; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 80%; height: auto; margin: 5px;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul, ol {
 margin-left: 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.entry li {
 padding: 0px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: left;
 margin: -5px 10px 20px -120px;
 padding: 10px;
 width: 80px;
 height: 80px;
 color: #FFF!important; 
 background: #FFF!important;
box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: -2px 0px 5px 1px rgba(0, 0, 0, 0.3);
 }

.userpic img, .userpicfriends img {
 width: 80px;
 height: 80px;
 }

.userpic font, .userpicfriends font {
color: #000000 !important;
font-size: 10px;
text-align: center;
background-color: transparent!important;
}

div.userpic a, div.userpic a:link, div.userpic a:visited, div.userpicfriends a, div.userpicfriends a:link, div.userpicfriends a:visited {
text-align: center;
margin: 20px 0px;
text-decoration: none !important;
}

.userpic font:hover, .userpicfriends font:hover {
color: #bbbbbb !important;
background-color: transparent !important;
text-decoration: none !important;
}

div.userpic a:hover, div.userpicfriends a:hover {
color: #bbbbbb !important;
background-color: transparent !important;
text-decoration: none !important;
}

.date  {
 margin: 0px 0px 0px 20px;
 text-align: left; 
 color: #bbbbbb;
 font-family: &quot;Open Sans&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 20px 20px;
 color: #192CA2;
font-family: &quot;Bad Script&quot;, open sans condensed, georgia, arial;
 font-size: 28px;
 text-align: left;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #192CA2;}

.subject a:hover {color: #565656;}

.datesubject {
 margin: -25px 0px 0px -20px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #888888;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: &quot;Open Sans&quot;, Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
 margin-bottom: 15px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: &quot;&quot;;
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin: 10px;
}

.ljcut-link a { 
 color: #ffffff;
    padding: 3px 7px 3px 7px;
    background: #253683;
    border: 2px solid #253683;
    border-radius: 3px;
   font-family: &apos;Open Sans&apos;;
 font-size: 12px;
  font-weight: 600;
letter-spacing: 1px;
 text-transform: uppercase;
 }
.ljcut-link a:hover { color: #253683; background-color: transparent;     padding: 3px 7px 3px 7px;
 border-radius: 3px; border: 2px solid #253683;}

.ljcut-brace { display: none; }

.lj-spoiler-head {
    margin: 10px;
    padding: 8px;
    background: transparent!important;
    border-bottom: 1px solid #AF799B;
    border-top: 1px solid #AF799B;
    border-radius: 0px;
    box-shadow: 1px 0px 6px #eeeeee inset;
   font-family: &apos;Open Sans&apos;;
  font-weight: 400!important;
 color: #AF799B;
 text-transform: uppercase;
}

.lj-spoiler-head a { color: #AF799B; }
.lj-spoiler-head a:hover { color: #192CA2; }

.lj-spoiler-leftbracket, .lj-spoiler-rightbracket { display: none; }

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 20px 5px 20px 5px;
text-align: left;
color: #808080;
font-family: lato; 
font-size: 12px; 
}

.comments {
color: #2E1B00;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 50px;
position: relative;
text-align: center;
width:auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#2E1B00;
font-family: Open Sans, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; 
vertical-align: middle; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #bbbbbb;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #004359; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #bbbbbb; cursor: crosshair; text-decoration:none; font-weight:none;}

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 border: 1px solid #EEEEEE;
}

.commentreply {
 font-family: &quot;Open Sans&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 16px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

ul.year {  text-align: center;  padding: 5px; }

ul.year li {display: inline;}

table.yeartable { width: 710px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;Open Sans&quot;, arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/OrangeIcecream.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/OrangeIcecream.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/secret-book-icon.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Open Sans&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Open Sans-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/Open Sans/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Open Sans&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Open Sans Regular&apos;), local(&apos;Open Sans-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/Open Sans/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format(&apos;woff&apos;);
}

/* cyrillic */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CUR-13DsDU150T1bKbJZejI.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: &apos;Henny Penny&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Henny Penny&apos;), local(&apos;HennyPenny-Regular&apos;), url(https://fonts.gstatic.com/s/hennypenny/v4/5KmZ_gfx8tPgQLMk4S-Pvo4P5ICox8Kq3LLUNMylGO4.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* latin */
@font-face {
  font-family: &apos;Mountains of Christmas&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Mountains of Christmas&apos;), local(&apos;MountainsofChristmas-Regular&apos;), url(https://fonts.gstatic.com/s/mountainsofchristmas/v8/dVGBFPwd6G44IWDbQtPewze0PfZQnrxvUtG3BXt8d7I.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: &apos;Griffy&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Griffy&apos;), local(&apos;Griffy-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format(&apos;woff&apos;);
}

/* latin-ext */
@font-face {
  font-family: &apos;Berkshire Swash&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Berkshire Swash&apos;), local(&apos;BerkshireSwash-Regular&apos;), url(https://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAimFprui36xQdb4y7MggwzrY.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Berkshire Swash&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Berkshire Swash&apos;), local(&apos;BerkshireSwash-Regular&apos;), url(https://fonts.gstatic.com/s/berkshireswash/v4/4RZJjVRPjYnC2939hKCAiiJH4brlqpr7zMNWu0xQjN8.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: &apos;IM Fell DW Pica&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica Roman&apos;), local(&apos;IM_FELL_DW_Pica_Roman&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpica/v4/W81bfaWiUicLSPbJhW-ATno1aYbFHkK-jWDrR3dOoIA.woff) format(&apos;woff&apos;);
}

/* latin-ext */
@font-face {
  font-family: &apos;Allura&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Allura Regular&apos;), local(&apos;Allura-Regular&apos;), url(https://fonts.gstatic.com/s/allura/v6/bLVigXKcYDndNJVaeMpTI_esZW2xOQ-xsNqO47m55DA.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Allura&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Allura Regular&apos;), local(&apos;Allura-Regular&apos;), url(https://fonts.gstatic.com/s/allura/v6/POH_k539yBSzDKiiyA98Tg.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}


/* cyrillic */
@font-face {
  font-family: &apos;Bad Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Bad Script Regular&apos;), local(&apos;BadScript-Regular&apos;), url(https://fonts.gstatic.com/s/badscript/v6/xvnrV3H3fZsc-fSw6fOJeCEAvth_LlrfE80CYdSH47w.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: &apos;Bad Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Bad Script Regular&apos;), local(&apos;BadScript-Regular&apos;), url(https://fonts.gstatic.com/s/badscript/v6/rL_b2ND61EQmMOJ8CRr1fvk_vArhqVIZ0nv9q090hN8.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}



/*-----------Add-ons-----------*/
.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/facebookhovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/twitterhovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/youtubehovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(https://layout-lounge.weebly.com/uploads/2/5/9/2/2592379/rsshovercircles_orig.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

.separator { height: 0px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/25316.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/24950.html</guid>
  <pubDate>Sat, 19 Nov 2016 01:05:07 GMT</pubDate>
  <title>juneghost coding help</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/24950.html</link>
  <description>Adjustments made&lt;br /&gt;&lt;br /&gt;&lt;textarea cols=&quot;50&quot; rows=&quot;10&quot;&gt;/*-------- &apos;Laura&apos; by endearest @ livejournal [dot] com
28/09/2012 | Flexible Squares -----------------------*/



/*---------------------------------------------------

The colours below are the &apos;accent&apos; colors, 
bought above the code for easier alteration.

#maincontent border is the coloured stripe.
#sidebar background-color is the dark grey shade on the right of the screen.
#siderbar border is the grey stripe.
a, a:link, a:visited color are the link colors (currently black).
a:hover etc color is the color when you hover over a link.
selection color is the text colour when you highlight text, background colour is the highlight.

-----------------------------------------------------*/


#maincontent {border-right:15px solid #21b3ff;}
#sidebar {background-color:#333333;border-left:10px solid #cccccc;}
a, a:link, a:visited {color:#000000;}
a:hover , .subject a:hover, .ljtags a:hover, div.comments a:hover, .skiplinks a:hover, .ljuser a:hover {color:#ff2165!important;}
::selection {color:#fcfcfc; background-color:#ff7a21; }
::-moz-selection {color:#fcfcfc; background-color:#ff7a21; }


/*------------------------------------------*/


 body {background-color:#fefefe;font-family:&apos;Lucida Sans Unicode&apos;,&apos;Lucida Grande&apos;, sans-serif;font-size:8.5pt;letter-spacing:+1px;color:#555555;}
 a, a:link, a:visited {text-decoration:none;} a:hover {}
 blockquote {color:#777777;padding:5px 15px 5px 5px;border-left:5px solid #21b3ff;}
 #content {margin-left:25%;}
  #maincontent {width:50%;float:left;padding-top:60px;min-height:100px;margin-top:-10px;}
 #sidebar {position:absolute;float:left;margin-left:38%;width:40%;padding-top:110px; margin-top: -100px; min-height:100%;padding-left:20px;z-index:50;}
 #header {display:none;}
 .entry {padding:10px 20px 10px 30px; text-align:justify;}
 .entry_text {min-height:100px;padding-top:10px;padding-bottom:5px;}
 .entry_text img {max-width:95%;}
 .userpic , .userpicfriends {position: relative;float: left;z-index: 15;margin-left:-90px;margin-top:-29px;background-color:transparent!important;color:#fefefe!important;text-align:center;}
 .userpic  a font, .userpicfriends a font {color:#aaaaaa;text-transform:uppercase;font-size:6pt;}
 .userpic img, .userpicfriends img { -moz-border-radius: 85px; border-radius: 85px;}
 .date {text-transform:uppercase;font-size:6pt;color:#ffffff;padding-right:20px;}
 .subject {padding-right:5px;padding-left:5px; text-transform:uppercase;letter-spacing:+3px;}
 .subject a, .subject a:link, .subject a:visited {color:#777777;}
 .subject a:hover {}
 .datesubject {text-align:right;border-bottom:#dddddd 1px solid;background-color:#eaeaea;padding:5px 0;}
  .currents {display:;text-transform:uppercase;}
 .currentmood, .currentmusic, .currentlocation { color:#aaaaaa;display:block;border-bottom:#efefef solid 1px;padding:0 0 2px 10px;font-size:6pt;text-decoration:none;letter-spacing:+2px;}
 .currentlocation a { color:#aaaaaa;font-size:6pt;text-decoration:none;letter-spacing:+1px} 
 .ljtags {padding-left:10px;text-transform:uppercase;color:#aaaaaa;font-size:6pt;text-decoration:none;margin-top:20px;margin-bottom:-10px;padding:2px 10px 2px 10px;}
 .ljtags a {text-transform:uppercase;color:#cccccc;font-size:6pt;text-decoration:none;}
 .ljtags a:hover {}
 .comments {text-align:center;color:#fefefe;font-size:7pt;}
 div.comments a, div.comments a:link, div.comments a:visited{color:#777777;}
 div.comments a:hover {}
   .defaultuserpic {margin-left:18px;padding:10px 0 10px 50px; width:155px;background-color:#777777;border:none!important;}
 .sbarbody {width:250px;margin-left:-25px;}
 .sbarbody2 {width:200px;margin-left:20px;text-align:justify;color:#777777;}
 table.calendar, #sidebar_calendar, #sidebar_tags, #sidebar_summary, .sbartitle, .currents strong {display:none;}
 ul.sbarlist {list-style:none;}
 li.sbaritem {list-style:none;padding:2px;}
 li.sbaritem a { padding:3px 3px 3px 8px;background-color:#777777;display:block; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid;}
 li.sbaritem a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}

 .lj-view-recent #footer, .lj-view-friends #footer {width: 50%; bottom:10px; width:150px; z-index:100; text-align: center;}

 ul.navfooter{color:#transparent!important;font-size:0;}

 ul.navfooter li  {list-style:none;}

 div#footer a, div#footer a:link, div#footer a:visited { display: block; padding:3px;background-color:#777777; color:#cccccc;text-transform:uppercase;font-size:6pt;text-decoration:none;border-bottom:#555555 1px solid; }
 .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {background-color:#333333; color:#cccccc!important;border-bottom:#333333 1px solid;}
.clearfoot { clear: both; }

  .datesubjectcomment {border-top:#eaeaea solid 1px;padding:5px 0;}
 .userpiccomment {margin-left:-130px;position: relative;top: -15px; left: 15px; margin: 15px 30px -10px 10px;z-index: 15;float: right;}
 img.userpiccomment {-moz-border-radius: 85px; border-radius: 85px;height:75px!important;width:75px!important;}
 .box {}
 input, textarea {}
 textarea.textbox  {}
 .reply {}
 .replytosubject {}
 .commentreply { padding:10px 10px; min-height:75px;}
 .commentbox {padding:15px 20px 15px 0;text-align:justify;z-index:120;position:relative;}
 .datesubjectcomment a:link, .datesubjectcomment a:visited { }
 .datesubjectcomment a:hover {}
 .commentboxpartial {}
 .commentinfo {}
    .skiplinks {text-align:center;color:#fefefe;padding-bottom:20px;margin-top:-10px;}
 .skiplinks a {text-transform:uppercase;font-size:6pt;letter-spacing:+2px;color:#555555;}
 .skiplinks a:hover {}
 .clear {}

 .ljuser a, .ljuser a:hover{font-weight:normal!important;letter-spacing:+1px;text-transform:uppercase;color:#333333;font-size:7pt;text-decoration:none;}



#qrformdiv table{border:0!important;}
#qrformdiv table td select{border:0;width:50%;background-color:#fff;color:#222;font-size:10px;}
#qrformdiv table td select:hover{background-color:#ff7a21;}
#qrformdiv table td input{padding:0;}
#qrformdiv table td select option{background-color:#fff;}

img[src=&quot;http://l-stat.livejournal.com/img/btn_del.gif&quot;], 
img[src=&quot;http://l-stat.livejournal.com/img/btn_spam.gif&quot;], img[src=&quot;http://l-stat.livejournal.com/img/btn_scr.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_unscr.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_freeze.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_unfreeze.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_track.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_tracking.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/btn_edit.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/openid-profile.gif&quot;],img[src=&quot;http://l-stat.livejournal.com/img/help.gif&quot;]{height:0;width:0;background:url(http://ohbambi.net/ohcodey/max/icons/160.png);padding:0 0 10px 10px !important;}




/*---------------------------------------------------
TINY ICON GENERATOR - http://malionette.net/generator/tinylite.html
-----------------------------------------------------*/
span.i-ljuser img[src*=&quot;img/userinfo.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/man.png) no-repeat !important; padding: 14px 0 0 14px !important; }
span.i-ljuser img[src*=&quot;img/community.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*=&quot;img/syndicated.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/manman.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*=&quot;img/icon_protected.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/lock.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*=&quot;img/icon_private.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }
img[src*=&quot;img/icon_groups.gif&quot;] 
 {width: 0 !important; height: 0 !important;
background: transparent url(http://ohbambi.net/ohcodey/miniicons/flag.png) no-repeat !important; padding: 14px 0 0 14px !important; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/24950.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/24708.html</guid>
  <pubDate>Fri, 22 Jul 2016 00:14:25 GMT</pubDate>
  <title>Coding for burninsnikers</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/24708.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - 99. Impact
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #07275d;
 background-image: url();
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: top left;
 background-size: cover;
 color: #888888;
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 font-size: 14px;
 margin: 0px;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #444444;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 10px solid #E5E5E5; 
 }
img.special, i img { border: 10px solid #e5e5e5; }

b, strong { color: #298779; }
i, em { color: #D6002E; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #D6002E; }
mark { background-color: #B7EBDE; }

 .b-repost-item { display:none }

p, td{  }

code, kbd, pre, tt {font-family: &quot;Montserrat&quot;; }


/*--------------General------------*/
#content-outer { 
 position: absolute;
 width: 100%;
 height: 100px;
 background-color: #07275d;
 background-image: url(FLOWER HEADER IMAGE);
 background-repeat: no-repeat;
 background-position: center 65%;
 background-size: cover;
 z-index: -199;
 }

.headerimage {
 position: absolute;
 width: 100%;
 height: 120px;
 padding: 0px;
 background-image: url(http://i79.fastpic.ru/big/2016/0721/83/53a1a7801e6400cbdad7ac91a5669883.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto;
 z-index: -10;
}

#content {   
 width: 70%;
 background-color: #ffffff;
 margin: 190px auto 0px auto;
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 font-size: 14px;
 text-align: left;
 padding: 25px;
 z-index: 50;
 }

#maincontent {
 margin-top: 20px;
 margin-right: 290px;
 padding: 0px;
 }

.subcontent {
 padding: 0px 10px;
 font-size: 15px;
 color: #333333;
 }

.clear { height: 10px; line-height: 0px; margin: 0px; padding: 0px; }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0; top: 120px;
 width: 100%;
 height: 50px;
 padding-top: 25px;
 text-align: center;
 font-family: Montserrat, arial !important;
 font-size: 14px !important;
 text-transform: uppercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 10px 10px 5px 10px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #ffffff;
 text-align: left;
}

div#header li.view { 
 color: #ffffff;
 padding: 10px 10px 5px 10px;
 margin-left: 15px;
  }

div#header a:hover {
 color: #888888;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }

.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
left:0;
text-align:left;
text-transform:lowercase;
width: 200px;
z-index:99;
}

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(255, 255, 255, 0.4);
color: #ffffff;
font-family: &quot;Montserrat&quot;, georgia,arial,sans-serif;
font-size: 20px;
margin-right: 20px;
padding: 20px 30px 20px 30px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter li {
list-style:none inside none;
padding: 0px;
display: inline-block; }

ul.navfooter li a {
float: right;
background-color: rgba(255, 255, 255, 0.4):
margin-left: 10px; 
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li a:hover {  }

#footer .viewing { display:none; }


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

#sidebar {
 width: 280px;
 float: right;
 font-family: &quot;Montserrat&quot;, arial, georgia;
 font-size: 12px;
 color: #888888;
text-align: left !important;
text-transform: uppercase;
 }

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #888888;
display: inline;
 }

li.sbaritem a:hover {
color:#555555;  }

li.sbartitle {
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #cccccc; 
 border-bottom: 3px solid #cccccc;
 }

                  /*-For the Free Text Title-*/
h15 {
 display: block;
 margin-bottom: 5px;
 font-size: 18px;
 text-align: center;
 list-style: none;
 color: #cccccc; 
 border-bottom: 3px solid #cccccc;
 }

.sbarbody {
list-style-type:none;
 background-color: transparent;
 border: 3px solid #cccccc;
padding: 5px !important;
margin: 5px 5px 10px 5px;
}

li.sbaritem2 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
margin: 5px 5px 10px 5px;
}

li.sbaritem3 {
list-style-type:none;
 background-color: transparent;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

li.sbaritem4 {
list-style-type:none;
background-color: transparent;
text-align: center;
padding: 5px;
border: 0px solid #cccccc;
margin: 5px 5px 10px 5px;
}

          /*-Sidebar Links-*/
#sidebar_linklist  {
list-style-type:none;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_linklist li.sbaritem a {
 display:block;
 padding: 0px 0px 5px 0px ;
}

#sidebar_linklist li.sbaritem a:hover {
}

          /*-Sidebar Tags-*/
#sidebar_tags.sbarbody { 
height: 250px;  overflow-x: hidden; overflow-y: auto;
padding: 10px; 
margin: 5px 5px 10px 5px;
 }

#sidebar_tags .sbarcontent {   }

li.tagBox a { display:block; padding: 2px;  }

li.tagBox a:hover {   }

#sidebar_tags li.sbaritem a { display:block;  padding: 2px; }

#sidebar_tags li.sbaritem a:hover {  }

         /*-Free Text-Blurb-*/
.sbarbody2 {  
padding: 10px; 
margin: 5px 5px 10px 5px;
 border: 3px solid #cccccc;
 }

          /*-Sidebar Summary-*/
#sidebar_summary.sbarbody { 
padding: 10px; margin: 5px 5px 10px 5px;  font-size: 11px; height: 200px;  overflow-x: hidden; overflow-y: auto; 
}

#sidebar_summary li.sbaritem a {  }

#sidebar_summary li.sbaritem a: hover { }


          /*-Sidebar Calendar-*/
#sidebar_calendar.sbarbody {  padding: 10px; margin: 5px 5px 10px 5px; }

table.calendar { width: 100%;  padding: 10px;}

td.sbarcalendar { padding: 3px; text-align: center; }

td.sbarcalendarposts {  text-align: center; vertical-align: middle; border: 1px solid #eeeeee; }

          /*-Sidebar Userpic-*/
.defaultuserpic {
width: 100px;
height: 100px;
padding: 10px;
margin: 5px auto 10px auto;
}

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


*-----------Entries-----------*/
.entry {  min-height: 200px; }

.entry_text {
 color: #444444;
 font-family: &quot;Playfair Display&quot;, arial;
 font-size: 16px;
 line-height: 150%;
 text-align: left;
 font-weight: 550;
 margin-bottom: 0px;
 z-index: 50;
 }

p, td{ font-family: &quot;Montserrat&quot;; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 85%; margin: 5px;   }

hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 120%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: right;
 margin: 0px 0px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 }

.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;Montserrat&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #000000;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }

.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 0px 0px 20px;
 text-align: left; 
 color: #bbbbbb;
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
}

.subject {
 padding: 0px;
 margin: 0px 10px 20px 20px;
 color: #333333;
font-family: &quot;Playfair Display&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 text-align: left;
 text-transform: uppercase;
 }

.subject a, .subject a:link, .subject a:visited {color: #333333;}

.subject a:hover {color: #565656;}

.datesubject {
 margin: -25px 0px 0px -20px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #888888;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #555555;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: &quot;Montserrat&quot;, Abel, arial, sans-serif;
 font-size: 10px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

.lj-like {
 width: 100%; 
 clear: left; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
 margin-bottom: 15px;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: &quot;&quot;;
    display: table;
}

.ljcut-link {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee, #dddddd);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#dddddd));
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 2px 2px 6px #eeeeee inset;
    text-shadow: 0px 1px 1px #eeeeee ;
   color: #dddddd;
}

/*-----Recent Posts ---*/
.entry--threeposts {
    margin-left: 0px !important;
 background-color: #ffffff;
 padding: 10px;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 0px;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
clear: left;
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags, .currenttags {
margin: 0px 5px 0px 5px;
padding-bottom: 0px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-color: #eeeeee;
color: #888888;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px 5px 10px 5px;
margin-bottom: 50px;
position: relative;
text-align: center;
width:auto;
clear: left;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#88888888;
font-family: Montserrat, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #bbbbbb;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #004359; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #bbbbbb; cursor: crosshair; text-decoration:none; font-weight:none;}

.userpiccomment {
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
}

.commentreply {
 font-family: &quot;Montserrat&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 color: #555555;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 50%; }

/*-----------Calendar/Year/Archive Page----------*/

ul.year {  text-align: center;  padding: 5px; }

ul.year li {display: inline;}

table.yeartable { width: 710px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;Montserrat&quot;, arial, trebuchet ms, sans-serif;
 font-size: 15px !important;
 text-transform: uppercase;
 padding: 8px 8px 8px 75px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 80%; }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/coca_cola.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Montserrat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Montserrat-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format(&apos;woff&apos;);
}

/* cyrillic */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CUR-13DsDU150T1bKbJZejI.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &apos;Playfair Display&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Playfair Display&apos;), local(&apos;PlayfairDisplay-Regular&apos;), url(https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format(&apos;woff2&apos;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*-----------Add-ons-----------*/
.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

.separator { height: 0px; }&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;Everything should work. It was a matter of having the code like clear: left; in the comments and currents. This made things align the way they should in posts.&lt;br /&gt;&lt;br /&gt;Links in the sidebar for social media can be found:&amp;nbsp;&lt;a target=&apos;_blank&apos; href=&apos;http://layout-lounge.livejournal.com/tag/help%20with%3A%20social%20media%20icons&apos;&gt;http://layout-lounge.livejournal.com/tag/help%20with%3A%20social%20media%20icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The coding for these is in the layout already all you need to do is the coding for the sidebar in the free text section.&lt;br /&gt;&lt;br /&gt;The edit links would be something you&amp;#39;d have to recreate with those icons in the sidebar free text section as well. Having an additional section would require a paid account.</description>
  <comments>https://workshop-rees.livejournal.com/24708.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/24385.html</guid>
  <pubDate>Thu, 21 Jul 2016 23:46:22 GMT</pubDate>
  <title>Test Image</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/24385.html</link>
  <description>&lt;img alt=&quot;&quot; height=&quot;200&quot; src=&quot;https://i77.photobucket.com/albums/j49/SireesAnwar/For%20Posts/436acb7337cfce0347179a132284d597.jpg&quot; style=&quot;float: left; margin: 5px;&quot; width=&quot;142&quot; fetchpriority=&quot;high&quot; /&gt;Danbo is so cute don&amp;#39;t you think? I love that he&amp;#39;s made from little Amazon boxes.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Danbo (ダンボー Danbō?, &amp;quot;cardboard&amp;quot;) is a fictional cardboard box robot character from Kiyohiko Azuma&amp;#39;s manga series Yotsuba&amp;amp;!. In the ADV Manga English translation of the manga the name Cardbo was used, but the name was restored to Dando in the later released Yen Press English translation. [2] In reality, Danbo is merely a person inside of a costume made of cardboard. Danbo was later picked up as an internet meme, and inspired various electronic gadgets.&lt;br type=&quot;_moz&quot; /&gt;</description>
  <comments>https://workshop-rees.livejournal.com/24385.html?view=comments#comments</comments>
  <category>graphics</category>
  <category>.preview</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/24200.html</guid>
  <pubDate>Wed, 20 Apr 2016 00:06:46 GMT</pubDate>
  <title>Fixed coding for yoru_no_hikaru </title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/24200.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot;&gt;/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #222222;
 background-image: url(http://ic.pics.livejournal.com/yoru_no_hikaru/27151461/174502/174502_original.png);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #FFFFFF;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #4BA2B8; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: #282828;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border: 3px dashed #888888; 
 color: #FFFFFF;
 font-size: 14px;
 line-height: 17px;
font-family: open sans condensed, georgia, arial;
 text-align: left;
 }

img.special { 
border: 00px solid #666666;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }


i img { 
border: 0px solid #666666;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }
 .b-repost-item { display:none }

p, td{  }
	
code, kbd, pre, tt {font-family: &quot;monospace&quot;;	}
	
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {  	
 width: 80%;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 min-width: 400px;
 margin-right: 170px;
 padding-right: 10px; 
 margin-top: 0px;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #ffffff;
 text-align: center;
 }

.subcontent {
 background-color: #282828;
 min-height: 200px;
 margin: auto;
 padding-top: 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 top: 353px;
 width: 100%;
 min-height: 20px;
 max-height: 40px;
 text-align: center;
 color: #f9f9f9;
 padding: 6px 0px 10px 0;
 font-family: Lato, arial !important;
 font-size: 14px !important;
 letter-spacing: 0px;
 text-transform: uppercase;
 font-weight: none;
 background-color: #000000;
 z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 11px 3px 10px 3px;
margin: 0px;
 letter-spacing: 0px;
 color: #cccccc;
 text-align: center;
}

div#header li.view { 
 color: #f9f9f9;
padding: 11px 0px 10px 6px;
margin: 0px;
 }

div#header a:hover {
 color: #f9f9f9;
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0; }


ul.navfooter li   li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li   li a:hover { background-color:#702D62!important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #333333;
color: #999999;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #D65981;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-khtml-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #823772;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li   li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/
#sidebar {
 width: 80%;
 height: 160px;
position: relative;
 padding: 30px 15px 10px 5px; 
 margin-top: 10px;
 margin-bottom: 5px;
 font-family: &quot;Abel&quot;, arial, georgia;
 font-size: 14px;
 color: #FF1AD1;
 text-align: center;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
display: inline;
float: left;
width: 280px;
height: 160px;
overflow-x: hidden;
overflow-y: auto;
padding: 5px; 
margin: 0px auto 0px auto; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody3, li.sbaritem3 { 
padding: 10px; 
margin: 0px auto 0px auto; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 12px !important; 
line-height: 120%;
text-align: left;
list-style-type: none;
 }

.sbarbody {
float: left;
margin: 0px auto 0px auto;
padding: 5px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#f9f9f9;  }

h15 {
display: block;
width: 100%;
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 background-image: none;
 color: #aaaaaa; 
text-align: left;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
}

li.sbartitle {
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 background-image: none;
 color: #aaaaaa; 
text-align: left;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
 }

#sidebar_linklist  {
width: 220px;
height: 160px;
overflow-x: hidden;
overflow-y: auto;
list-style-type:none;
padding: 2px auto 2px auto;
text-align: left !important;
text-transform: uppercase; }

#sidebar_linklist li.sbaritem a {
background-color: transparent; 
color: #888888;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px;
margin: 0px 0px -3px 0px;
text-align: left;
}

#sidebar_linklist li.sbaritem a:hover {
color:#333333; 
background-color: #f0f0f0;
text-align: left;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #f9f9f9; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary .sbarcontent { 
width: 400px;
height: 160px;
overflow-x: hidden;
overflow-y: auto;
 background-color: #f0f0f0;
 color: #888888;
 padding: 0px;
 margin: 0px 1px 0px 9px;
 text-align: left;
}

#sidebar_summary li.sbaritem {
padding: 5px; 
border-bottom: 1px solid #ffffff;
}

#sidebar_summary .sbarcontent a, #sidebar_summary li.sbaritem a { color: #888888; 
font-size: 12px; }

#sidebar_summary .sbarcontent a:hover, #sidebar_summary li.sbaritem a: hover { color:#333333; 
background-color: #f0f0f0; }


ul.tagList {padding-left: 0; margin-left: 0; list-style: none;}

li.tagItem {margin-left: 15px; list-style: none;}
.tagList li ul li {list-style: disc;}

#sidebar_tags .sbarcontent { width: 260px; height: 140px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 0px 5px 5px 0px; }

li.tagBox a, #sidebar_tags li.sbaritem a { 
background-color: transparent; 
color: #888888;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px 1px 5px 12px;
margin: 0px 0px -3px 0px;
text-align: left;
text-transform: uppercase; 
}

li.tagBox a:hover, #sidebar_tags li.sbaritem a:hover { 
color:#333333; 
background-color: #f0f0f0;
text-align: left;
 }

.defaultuserpic {
float: left; 
width: 100px;
height: 100px;
padding: 30px 20px 10px 20px;
}

.defaultuserpic img {
}

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}


/*-----------Entries-----------*/
.entry	{
 min-height: 150px !important;
 padding: 10px 20px 10px 20px;
 margin: 0px;
 color: #FFFFFF;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 13px;
 line-height: 1.5;
 text-align: justify;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #888888; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic {
 background-color: #282828 !important;
 position: relative;
 float: right;
 margin: 23px 15px 10px 10px;
 z-index: 15;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 color: #777777 !important;
 border: 5px solid #383838;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
-khtml-border-radius: 20px 0 20px 0;
 }

.userpicfriends {
 background-color: #282828 !important;
 position: relative;
 float: right;
 margin: 23px 15px 10px 10px;
 text-align: center;
 font-family: Pea Beth, verdana, arial !important;
 font-size: 13px;
 z-index: 15;
 border: 5px solid #383838;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
-khtml-border-radius: 20px 0 20px 0;
 }

.userpicfriends a font {color: #84A0A4;}
.userpicfriends a font:hover {color: #ED577C;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #383838;
 font-family: arial, verdana, sans-serif;
 font-size: 25px;
 text-transform: uppercase;
-moz-border-radius: 6px 6x 0 0;
-webkit-border-radius: 6px 6x 0 0;
border-radius: 6px 6x 0 0;
-khtml-border-radius: 6px 6x 0 0; 
 }

.subject {
 padding: 0px 0px 5px 5px;
 margin: -15px 10px 0px 10px;
 color: #84A0A4;
font-family: open sans condensed, georgia, arial;
 font-size: 24px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
-khtml-border-radius: 4px; 
 }
	
.subject a, .subject a:link, .subject a:visited {color: #84A0A4;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #84A0A4;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #84A0A4;
 font-weight: normal;
 }

/*-----Currents, tags, comment links-----*/

.ljtags {
 margin-top: 5px;
 color: #bbbbbb;
 font-weight: lighter;
 font-size: 12px;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 background: URL(http://i31.tinypic.com/15p046e.jpg) no-repeat center left;
 }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation, 

.ljtags strong {
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #bbbbbb;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: lighter;
 text-transform: lowercase
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }
	
.currentlocation a:hover, .ljtags a:hover {
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #688f92;
 font-weight: lighter;
 text-transform: lowercase;
 }


.comments {
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
background-color: #333333;
color: #444444;
font-size:12px;
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
position:absolute;
text-align:center;
width:auto;}


div.comments a, div.comments a:link, div.comments a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
font-size:14px !important;
line-height:1;
margin:0;
padding:4px 6px;
letter-spacing: 1px; }

div.comments a:hover { color:#FFFFFF; padding:4px 6px; }


/*------------Comments Page--------*/

.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: #282828;
 }

form div.box {
 text-align:center;
 background-color: #282828;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
  }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #282828;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 background-color: #222222;
 color: #888888;
-webkit-border-radius: 10px 0 10px 0;
-moz-border-radius: 10px 0 10px 0; 
border-radius: 10px 0 10px 0;  
-khtml-border-radius: 10px 0 10px 0; 
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #84A0A4; font-family: Pea Beth, verdana, arial !important; font-size: 12px; }
	
.datesubjectcomment a:hover {color: #84A0A4;  font-family: Pea Beth, verdana, arial !important; font-size: 12px; }

.userpiccomment {
 background-color: #444444 !important;
 position: relative;
 top: -15px;
 left: 0px;
 margin: 15px 0px 0px 10px;
 z-index: 15;
 float: right;
 color: #777777;
 border: 5px solid #383838;
-webkit-border-radius: 20px 0 20px 0;
-moz-border-radius: 20px 0 20px 0;
border-radius: 20px 0 20px 0;
-khtml-border-radius: 20px 0 20px 0;
 }

div#content input,
div#content textarea,
div#content select {
 color: #FFFFFF;
 border: 1px solid #444444;
 background-color:#282828;
 font-family: Arial;
 font-size: 12px;
 }
	
textarea.textbox  {width: 100% !important;}

.reply	{
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #FFFFFF;
 }
	
.replytosubject {
 text-transform: normal;
 padding: 5px;
 }

.replytoposter {
 background-color: #282828;
 color: #84A0A4;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 11px;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 }
	
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 20px;
 text-align: left;
 background-color: #282828;
 -moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
-khtml-border-radius: 2px; 
 }

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #282828;
 }

.commentinfo {
 margin-top: 10px; 
 width: 100%;
 }


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

ul.year { 	text-align: center; 	padding: 5px;         background-color: #282828; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #282828; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #888888; color: #FFFFFF; }

table.yeartable td.yearday { text-align: center; color: #FFFFFF; }

td.yearmonth { color: #FFFFFF; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #FFFFFF;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 20px;
 background-color: #282828;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i52.tinypic.com/25p3j2t.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i53.tinypic.com/24ne4i9.jpg) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i56.tinypic.com/11h8kqw.jpg) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i52.tinypic.com/2hh3fnn.jpg) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i38.tinypic.com/npngpd.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i38.tinypic.com/npngpd.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i33.tinypic.com/vie5bq.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
	
#lj_controlstrip_statustext {
 color: #444444;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #FFFFFF !important;
 border: 0px solid #444444;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 color: #444444 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 100%;
 height: 250px;
 margin-top: 0px;
 padding: 0px;
background-color: #49BFB4;
 background-image: url(http://ic.pics.livejournal.com/yoru_no_hikaru/27151461/176654/176654_original.png), url(http://ic.pics.livejournal.com/yoru_no_hikaru/27151461/176914/176914_original.png);
 background-repeat: no-repeat, repeat;
background-position: center center, center top;
 }

.separator { height: 45px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/24200.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/23848.html</guid>
  <pubDate>Mon, 07 Dec 2015 23:48:07 GMT</pubDate>
  <title>Coding for thrace_adams!</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/23848.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - 91. Chalkboard
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(http://i208.photobucket.com/albums/bb247/Thrace_adams/LJ Background Pics/snow 0_a6a0e_648edfc5_orig.gif), url(http://i208.photobucket.com/albums/bb247/Thrace_adams/LJ Background Pics/snow-bottom.png), url(http://ic.pics.livejournal.com/thrace_adams/12361782/2696/2696_original.png);
 background-repeat: repeat, repeat-x, repeat;
 background-attachment: fixed;
background-position: left top, left bottom, left top;
background-size: auto, 300px 49px, auto;
 color: #888888;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
background-image: url(http://i66.tinypic.com/v33m85.jpg);
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #cdcdcd;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #dddddd; }

b, strong { color: #C91C00; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
i, em { color: #3D960B; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
u { color: #00ADC9; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
s, strike { color: #8000C9; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }

h7 { font-family: Griffy; font-size: 30px; color: #2B4D1B; padding: 5px 5px 5px 0px; line-height: 150%; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

h2 { color: #ffffff; }

/*--------------General------------*/
#content {   
 width: 70%; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 100%;
 padding-top: 286px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #fafafa;
 margin-top: 0px;
 margin-left: 279px;
 border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
background: #2B4D1B;
 background: -moz-linear-gradient(top, #266109, #2B4D1B);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#266109), to(#2B4D1B));
 position: absolute;
 left: 0;
 width: 100%;
 height: 20px;
 text-align: center;
 color: #ffffff;
 padding: 6px 0px 10px 0px;
 margin-top: 250px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 12px 10px 11px 10px;
margin: -3px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
}

div#header li.view { 
 background-color: rgba(255,255,255,0.2);
 color: #ffffff;
padding: 12px 10px 11px 10px;
margin: -2px;
 }

div#header a:hover {
 background-color: rgba(255,255,255,0.2);
 color: #ffffff;
top: 0px;
left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title { 
 display: none;
 position: relative;
 width: 100%;
 margin: -200px auto 0px auto;
 padding: 0px;
 font-size: 72px;
 font-family: &quot;Great Vibes&quot;, Brush Script MT, arial, verdana;
 text-align: center;
 color: #FFFFFF;
-webkit-text-stroke: 1px black;
text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
 z-index: 199;
}

.subtitle { 
 display: none;
 position: relative;
 width: 100%;
 margin: -25px auto 0px auto;
 padding: 0px;
 font-size: 20px;
 font-family: &quot;abel&quot;, arial, verdana;
 text-align: center;
 color: #6FDDA8;
-webkit-text-stroke: 2px black;
text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
 z-index: 199;
 }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 5%;
padding: 5px 0;
position: fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

div#footer.box {  }

ul.navfooter { margin:0 auto; padding:0; }

ul.navfooter a { }

ul.navfooter li + li a {
float: right;
background-color: rgba(200, 13, 13, 0.9);
padding: 20px 25px 20px 25px;
-webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 -ms-border-radius: 40px;
 -o-border-radius: 40px;
 border-radius: 40px;
 }

ul.navfooter li + li a:hover {  }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(200, 13, 13, 0.9);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
bottom: 10px;
padding: 20px 25px 20px 25px;
margin: 0px 10px 0px 10px;
-webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 -ms-border-radius: 40px;
 -o-border-radius: 40px;
 border-radius: 40px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 background: #266109;
 background: -moz-linear-gradient(top, #2B4D1B, #266109);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2B4D1B), to(#266109));
width: 270px;
margin: 286px 0px 0px -1px;
padding: 0px 5px 100px 5px;
 font-family: &quot;Fredericka the Great&quot;, arial, georgia;
 font-size: 14px;
 color: rgba(255, 255, 255, 0.7);
 float: left;
 text-align: left;
 text-transform: normal;
 right: 0px;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px; 
line-height: auto; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody2 a { color: #B4BA7A; }
.sbarbody2 a:hover { color: #5B4035; }

.sbarbody {
margin:0;
padding: 5px;
list-style-type: none;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#5B4035;  }

li.sbartitle {
 list-style: none;
 color: rgba(255, 255, 255, 0.7); 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Fjord One&quot;, trebuchet ms, arial, sans-serif;
 font-size: 22px;
 text-transform: uppercase;
 margin: 1px 0px 0px 8px;
 }

#sidebar_linklist  {
list-style-type: none;
padding: 5px 8px 5px 3px;
text-align: left !important;
text-transform: lowercase; }

#sidebar_linklist li.sbaritem a {
color: #ffffff;
display:block;
font-weight:lighter;
padding: 5px;
text-align: left;}

#sidebar_linklist li.sbaritem a:hover {
color: #ffffff; 
background-color: #56A97A;
text-align: center;
letter-spacing: 2px;
 }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts a { color: #ffffff;}
td.sbarcalendarposts a:hover { color: #5B4035;}

td.sbarcalendarposts {background-color: #666666; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px 0px;
 text-align: left;
 }

#sidebar_summary li.sbaritem a {
color: #ffffff;
 text-decoration: none;
 display: inline !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #5B4035 !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags { height: 300px; overflow-x: hidden; overflow-y: auto; }

#sidebar_tags a, li.tagBox a { color: #ffffff; display:block; font-weight:lighter; padding:2px 5px 5px 8px; text-align: center; }

#sidebar_tags a:hover, li.tagBox a:hover { color: #ffffff; 
background-color: #56A97A; text-align: center; letter-spacing: 2px; padding: 2px 5px; 
 }

.defaultuserpic {
background-color: #BC1110;
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
border: 0px solid #cccccc;
 -webkit-box-shadow: #555555 0 0 5px;
 -moz-box-shadow: #555555 0 0 5px;
 -ms-box-shadow: #555555 0 0 5px;
 -o-box-shadow: #555555 0 0 5px;
 box-shadow: #555555 0 0 5px;
}

.defaultuserpic img { }

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #BC1110 !important;
 border: 0px solid #eeeeee;
 float: right;
padding: 10px; 
margin: 5px -80px 25px 15px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
color: #CD1313 !important;
 z-index: 15;
-webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #CD1313 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
-webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}

.userpicfriends a font {color: #CD1313 !important; }

.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 0px -15px 10px;
 text-align: left; 
 padding-right: auto;
 padding-left: auto;
 color: #bbbbbb;
 font-family: &quot;Fredericka the Great&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
 }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #AC2F2B;
font-family: &quot;Rancho&quot;, open sans condensed, georgia, arial;
 font-size: 34px;
 text-align: left;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #AC2F2B;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
font-family: &quot;Fredericka the Great&quot;, arial !important;
 font-size: 14px !important;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #9D81C7;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #cccccc;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 0px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

.b-linkbar {
    border: 0 none;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 8px;
    text-align: center;
}

.lj-like {
 text-align: center;
    line-height: 1 !important;
    margin: 0 !important;
}

.ljcut-link {
    display: inline-block;
    margin: 3px 0px;
    padding: 3px 5px;
    background: #dddddd none repeat scroll 0% 0%;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 2px 2px 6px #eeeeee inset;
    text-shadow: 0px 1px 1px #eeeeee ;
   color: #dddddd;
}

/*-----Recent Posts ---*/

.entry--threeposts {
 position: inherit;
 background-color: #fafafa;
 margin-top: -10px;
 margin-bottom: -10px;
 margin-left: 0px !important;
 margin-left: 279px;
 padding-bottom: 20px;
 border: 1px solid #dedede;
}

.threeposts__inner {
 margin: 0px auto;
}

.threeposts__header {
 margin: 15px 0px 15px 0px;
 font-family: ProximaNovaSemibold, Tahoma, Arial, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 letter-spacing: normal;
 text-transform: uppercase;
}

.threeposts--item-size-xxs .threeposts__item { height: 160px; }

.threeposts__item {
 display: inline-block;
 position: relative;
 width: 30.66%;
 margin: 0px 4% 1.5em 0px;
 box-sizing: border-box;
 vertical-align: top;
}

.threeposts__title {
    font-size: 14px !important;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {  } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-image: url(http://i66.tinypic.com/v33m85.jpg);
color: #cdcdcd;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -31px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#cdcdcd;
font-family: &quot;Fredericka the Great&quot;, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 position: inherit;
 margin-left: 279px;
 padding: 5px 5px 5px 10px;
 text-align: left;
 clear: right;
 background-color: #FAFAFA;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #FAFAFA;
  }

center.comment-links {  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
font-family: Homemade Apple, georgia, arial;
  font-size: 14px !important;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
background-color: #237043;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
-moz-border-radius: 60px;
 -webkit-border-radius: 60px;
 border-radius: 60px;
 -khtml-border-radius: 60px;
} 

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 font-family: &quot;Fredericka the Great&quot;, arial, georgia;
background-image: url(http://i66.tinypic.com/v33m85.jpg);
background-repeat: repeat;
 color: #cdcdcd;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;  background-color: #FAFAF1;  border: 1px solid #EBEAD8; margin-left: 280px; }

ul.year li {display: inline;}

table.yeartable { position: inherit !important; margin-left: 280px; padding: 10px 100px 10px 100px; background-color: #FAFAF1;  border: 1px solid #EBEAD8; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 20px 8px 20px 100px;
 margin-left: 280px;
 background-color: #FAFAF1;
 border: 1px solid #EBEAD8;
 }

ul.ljtaglist li  {list-style: none;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/snowman.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/angel.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/drum.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/gingerbread-house.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/star.png) no-repeat !important; 
 }

/* STICKY POST */
.subject img[src*=&quot;icon_sticky.png&quot;] {
 width: 0;
 height: 0;
 padding: 16px 5px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/holly.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/gingerbread-house.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/holly_garland.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/light-oval-purple.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/light-oval-purple.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/christmas-tree.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Fjord One&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Fjord One&apos;), local(&apos;Fjord-One&apos;), url(https://fonts.gstatic.com/s/fjordone/v5/k1xuy2AQ8wbv_amiU4s581tXRa8TVwTICgirnJhmVJw.woff2) format(&apos;woff2&apos;);
}

@font-face {
  font-family: &apos;Special Elite&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Special Elite&apos;), local(&apos;SpecialElite-Regular&apos;), url(http://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Indie Flower&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Indie Flower&apos;), local(&apos;IndieFlower&apos;), url(http://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Fredericka the Great&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Fredericka the Great&apos;), local(&apos;FrederickatheGreat&apos;), url(http://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18vc3vBAn7YvtW9hNjxWZBR0.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Rancho&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Rancho&apos;), url(http://fonts.gstatic.com/s/rancho/v6/S-YcqhLwgYWxIA-a7eDp2g.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/rancho/v6/puZHhCfWV5yqA8Qtz4KZUg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Wire One&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Wire One&apos;), local(&apos;WireOne&apos;), url(http://fonts.gstatic.com/s/wireone/v6/rLTvRwYavTGtXnsB7H7e_PesZW2xOQ-xsNqO47m55DA.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/wireone/v6/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Griffy&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Griffy&apos;), local(&apos;Griffy-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
.headerimage {
 position: absolute;
 width: 100%;
 height: 250px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(http://i208.photobucket.com/albums/bb247/Thrace_adams/Buffy header/header5.jpg);
 background-repeat: repeat;
 background-position: center center;
 background-size: auto;
z-index: -10;
}

.separator { height: 20px; }&lt;/textarea&gt;&lt;br /&gt;Let me know if you have any trouble.</description>
  <comments>https://workshop-rees.livejournal.com/23848.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>2</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/23801.html</guid>
  <pubDate>Wed, 04 Nov 2015 22:02:37 GMT</pubDate>
  <title>Coding for kinwad</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/23801.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - Custom
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #ffffff;
 background-image: url(http://ic.pics.livejournal.com/kinwad/10772833/2839052/2839052_original.png);
 background-repeat: repeat;
 background-attachment: scroll;
background-position: left top;
 color: #000000;
 font-family: &quot;Times New Roman&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 14px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #000000; } 
a:hover { color: #000000; } 

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 814px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 float: left;
 color: #333333;
 text-align: center;
 }

.subcontent {
 width: 764px;
 margin-left: 50px; 
 margin-top: 30px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 margin-top: 90px;
 margin-bottom: 20px;
 text-align: center;
 color: #7F3005;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
color: #000000;
font-style: italic;
font-size: 16px;
}

div#header li.view { 
color: #000000;
font-style: italic;
font-size: 16px;
 }

div#header a:hover { 
color: #000000;
 }

ul.navheader {
 list-style: none;
 line-height: 14px;
 margin-bottom: 0px;
 padding: 0px;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title { 
 position: relative;
 width: 100%;
 height: auto;
 margin: -120px auto 0px auto;
 padding: 0px;
 font-size: 25px; letter-spacing: 0.2em;
 font-weight: bold; color: #7F3005
 text-align: center;
 text-transform: uppercase;
 z-index: 199;
}

.subtitle { 
 position: relative;
 width: 100%;
 margin: 20px auto 15px auto;
 padding: 0px;
 font-size: 14px; letter-spacing: 0.1em;
 font-weight: bold; color: #000000
 text-align: center;
 text-transform: uppercase;
 z-index: 199;
 }


/*-----------SECTION: Footer------------*/

#footer {   
 width: 100%;
 margin: 0px;
 text-align: center;
 z-index: 100;
 }

div#footer a {
 padding: 5px;
 font-weight: normal;
 text-transform: normal;
 text-align: left;
 background-color: transparent !important;
 }

div#footer a:hover {
 padding: 5px;
 }

ul.navfooter{ padding: 0px;  margin: 0px; }

ul.navfooter li  { display: inline; margin: 0 5px 0 5px; }

.clearfoot { clear: both; }


/*-----------Sidebar---------*/
#sidebar { display: none; }


/*-----------Entries-----------*/
.entry {
 padding: 5px;
 margin:  0px;
 text-align: left;
 font-size: 14px;
 }
 
hr { color: transparent; height: 0px; border-bottom: 0px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 float: right;
margin: 0px 0px 10px 10px;
 padding: 15px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFFFFF !important; 
background-color: transparent !important;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}
 
.userpicfriends a, .userpicfriends font {
 position: relative;
 float: center;
 text-align: center;
  }

.date  {
 width: 100px;
 margin: 10px 0px 0px -110px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 padding-top: 10px;
 }

.subject {
 padding: 0px 0px 5px 0px;
 margin: -40px 0px 0px -30px;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 }
 

.subject a, .subject a:link, .subject a:visited {text-decoration: none;}

.subject a:hover {text-decoration: none; }

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 30px;
 margin-bottom: 0px;
 padding: 10px;
 letter-spacing: 1px;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
font-family: times new roman; 
font-size: 10px; 
}

.comments {
padding:5px 10px;
margin-top: 8px; 
margin-left: -22px;
position:absolute;
text-align:center;
width:auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
line-height:1;
padding:5px 10px;
margin:0;
text-align: center; }

div.comments a:hover {

}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 }

form div.box {
 text-align: left;
  }

.reply {
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 line-height: 125%;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 position: relative;
 margin: 10px;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 15px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 50px;
 height: 50px;
 float: right;
} 

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 10px;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;  margin-top: 30px; }

ul.year li {display: inline;}

table.yeartable { width: 730px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px;  }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; }

td.yearmonth { border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 padding: 8px 8px 8px 50px;
 }

ul.ljtaglist li  {list-style: normal;}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
.headerimage {
 position: relative;
 width: 814px;
 height: 353px;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
 background-color: transparent !important;
 background-image: url(http://ic.pics.livejournal.com/kinwad/10772833/2839474/2839474_original.png);
 background-repeat: no-repeat;
 background-position: center top;
z-index: -10;
}

.separator { 
margin: 20px 0 0px 0;
height: 40px; 
background-color: transparent !important;
background-image: url(http://l-stat.livejournal.com/palimg/anovelconundrum/dingbar.gif); 
background-repeat: no-repeat; 
background-position: center center;
  }
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;Okay so this would be how you chage it.&lt;br /&gt;&lt;br /&gt;Go to &lt;a href=&quot;http://www.livejournal.com/customize/?layoutid=4472608&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Flexible Square Layouts&lt;/a&gt; under Select A Theme.&lt;br /&gt;Choose Autumn.&lt;br /&gt;Scroll to the bottom and choose 1 Colum Layout.&lt;br /&gt;Go to &lt;a href=&quot;http://www.livejournal.com/customize/options.bml?group=customcss&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Custom CSS&lt;/a&gt;.&lt;br /&gt;Answer Questions All No.&lt;br /&gt;Copy Coding to Stylesheet Box.&lt;br /&gt;Change Background, Header &amp;amp; other image urls. - I&amp;#39;ve done this step for you.&lt;br /&gt;Click Save.&lt;br /&gt;Check to see that it worked.&lt;a name=&apos;cutid1-end&apos;&gt;&lt;/a&gt;</description>
  <comments>https://workshop-rees.livejournal.com/23801.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>23</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/23336.html</guid>
  <pubDate>Fri, 23 Oct 2015 00:15:41 GMT</pubDate>
  <title>For angelnovak</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/23336.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #ffffff;
 background-image: url(http://i1065.photobucket.com/albums/u387/pdlessard07/2015-02/115554_original_zpsarhffzzr.png);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #4BA2B8; }
a:hover { color: #444444; }


blockquote {
 width: 75%;
 background: #383D50;
 margin-left: auto;
 margin-right: 0;
 padding: 10px; 
 color: #ffffff;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
 }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #FF2952; }
i, em { color: #4c228a; }
u { color: #AFC40E; }
s, strike { color: #FF6A0D; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {   
 background-color: #ffffff;
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto; 
 margin-top: 5px; 
 text-align: left;
 padding: 0px;
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.6);
 }

#maincontent {
 width: 755px;
 padding-top: 500px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 width: 100%;
 height: 63px;
 text-align: center;
 color: #ffffff;
 padding: 8px 10px 8px 0;
 margin-top: 440px;
 margin-left: -7px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background-color: transparent !important;
 background-image: url(http://i1065.photobucket.com/albums/u387/pdlessard07/2015-02/158653_original_zpsxw8m2qih.png);
 background-repeat: no-repeat;
 background-position: center top;
background-size: 1073px 63px;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 15px 10px 9px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 text-shadow: 1px 1px 7px #222222;
}

div#header li.view { 
 color: #ffffff;
padding: 15px 10px 9px 10px;
margin: 0px -8px 0 3px;
 font-style: italic;
 text-shadow: 1px 1px 7px #222222;
 }

div#header a:hover {
 color: #000000;
 font-style: italic;
 text-shadow: 1px 1px 7px #222222;
 }


ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title { position: absolute;
 display: none;
 width: 100%;
 height: 100px;
 margin-top: -130px;
 padding: 0px;
 font-size: 72px;
 font-family: &quot;NevisonCasD&quot;, Brush Script MT, arial, verdana;
 text-align: center;
 color: #ffffff;
 text-shadow: 1px 1px 7px #222222;
}

.subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}


ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.6);
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #374C60;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 background-color: transparent !important;
 background-image: url(http://i1065.photobucket.com/albums/u387/pdlessard07/2015-02/160532_original_zpst09bk1hq.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 100%;
margin-top: 500px;
width: 270px;
margin-right: -70px; 
padding-bottom: 100px;
color: #ffffff;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
float: right;
 -moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;
-khtml-border-radius: 20px 20px 0px 0px;
}

.sbarbody2 { 
padding: 5px; 
margin-top: 0px; 
margin: 0 18px 0 18px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: center;
 border: 0px solid #E0E0E0; }

.sbarbody {
margin:0;
padding: 5px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px 5px 0px 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #33512B;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: none;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
 list-style: none;
 color: #ffffff; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 0px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal !important;
 margin: 1px 5px 1px 5px;
text-shadow: 2px 2px 6px #444444;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform: lowercase;}

#sidebar_linklist li.sbaritem a {
color: #000000;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right: 20px;
margin-left: 5px;
padding:2px 5px;
text-align: left;
 text-shadow: 1px 1px 5px #bbbbbb;
border-left: 0px solid #EDEDED; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary, #sidebar_calendar, h2 { display: ; }

#sidebar_tags .sbarcontent { height: 150px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #000000;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right: 20px;
margin-left: 5px;
padding:2px 5px;
text-align: left;
 text-shadow: 1px 1px 5px #bbbbbb;
border-left: 0px solid #EDEDED; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;}

li.tagBox a:hover { color:#FFFFFF; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

#sidebar_tags li.sbaritem a { color: #000000;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right: 20px;
margin-left: 5px;
padding:2px 5px;
text-align: left;
 text-shadow: 1px 1px 5px #bbbbbb;
border-left: 0px solid #EDEDED; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 10px 5px 10px 20px;
 margin-bottom: 10px;
 color: #000000;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 14px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: left;
padding: 10px; 
margin: 0px 5px 5px -25px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
 }

.userpic a { color: #DC1A4E !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}

.userpicfriends a font {color: #DC1A4E; }
.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;IM Fell DW Pica SC&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 background-color: transparent !important;
 background-image: url(http://i1065.photobucket.com/albums/u387/pdlessard07/2015-02/160080_original_zpso9vzaq26.png);
 background-repeat: no-repeat;
 background-position: center top;
 width: 797px;
 height: 76px;
 padding: 20px 0px 5px 5px;
 margin: 20px 10px 0px -6px;
 color: #ffffff;
font-family: &quot;Grand Hotel&quot;, open sans condensed, georgia, arial;
 font-size: 28px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
 text-shadow: 1px 1px 7px #222222;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #ffffff;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #DC1A4E;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #DC1A4E;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin:0;
padding:5px 10px;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#ffffff;
background-color: #959595;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #374C60;
letter-spacing: 3px;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6);
}
  
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/Panda.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/Panda.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/bamboos.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica SC&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica SC&apos;), local(&apos;IM_FELL_DW_Pica_SC&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

 
.headerimage {
 position: absolute;
 width: 100%;
 height: 450px;
 margin-top: 0px;
 padding: 0px;
background-color: transparent !important;
 background-image: url(http://i1065.photobucket.com/albums/u387/pdlessard07/2015-02/002AN_zps0awddlyc.jpg);
 background-repeat: no-repeat;
background-position: center top;
 }

.separator { height: 10px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/23336.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>5</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/23049.html</guid>
  <pubDate>Thu, 15 Oct 2015 00:44:41 GMT</pubDate>
  <title>Coding Help for dbzxenaman</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/23049.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - 89. Layout Lounge 1.0
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #ffffff;
 background-image: url();
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #49BFB4; }
a:hover { color: #444444; position: relative; top: 1px; left: 1px; text-decoration: none; }


blockquote {
 width: 75%;
 background-color: #f7f7f7;
 background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/open_quotes_small.png~original), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/close_quotes_small.png~original);
 background-repeat: no-repeat, no-repeat;
 background-attachment: scroll, scroll;
 background-position: left top, right top;
 margin-left: auto;
 margin-right: 0;
 padding: 5px 50px 15px 50px; 
 color: #444444;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: #CCC 0 0 5px;
    -moz-box-shadow: #CCC 0 0 5px;
     -ms-box-shadow: #CCC 0 0 5px;
      -o-box-shadow: #CCC 0 0 5px;
         box-shadow: #CCC 0 0 5px;
 }

img.special, i img { background-color: #ffffff !important; border-size: 1px solid #cccccc; margin: 5px; padding: 12px 12px 25px 12px;
-webkit-box-shadow: #CCC 0 0 5px;
    -moz-box-shadow: #CCC 0 0 5px;
     -ms-box-shadow: #CCC 0 0 5px;
      -o-box-shadow: #CCC 0 0 5px;
         box-shadow: #CCC 0 0 5px;
}

b, strong { color: #004359; }
i, em { color: #752AD1; }
u { color: #2ABF1B; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 }

#maincontent {
 width: 100%;
 padding-top: 338px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 margin: auto;
 padding-top: 10px;
border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 width: 100%;
 height: 20px;
 text-align: center;
 color: #ffffff;
 padding: 6px 10px 10px 0;
 margin-top: 300px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background-color: #000000 ;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 background-color: #000000;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
}

div#header li.view { 
 background-color: #49BFB4 !important;
 color: #ffffff;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
 border-right: 0px solid #ffffff;
 border-left: 0px solid #ffffff;
 }

div#header a:hover {
 background-color: #49BFB4 !important;
 color: #ffffff;
 border-right: 1px solid #ffffff;
 border-left: lpx solid #ffffff;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}


ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
display: none;
width: 260px;
float: right;
margin-top: 338px;
margin-right: -50px; 
padding: 0px 0 10px 0; 
color: #000000;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-align: left;
left: 5px;
}

.sbarbody2 { 
background-color: rgba(255, 255, 255, 0.5);
padding: 5px; 
margin: 0px 5px 0 -1px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: left;
 }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
 list-style: none;
 color: #423F5E; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
margin-left: -12px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px -2px;
 text-align: left;
 border-bottom: 1px solid #dedede!important;
 background-color: #ffffff;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 padding: 0px;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-left: -12px;}

li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: right;}

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
}

.facebooklink {
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.facebooklink:hover {
 background-position: 48px 48px;
}

.twitterlink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.twitterlink:hover {
 background-position: 48px 48px;
}

.youtubelink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.youtubelink:hover {
 background-position: 48px 48px;
}

.rsslink{
 display: inline-block;
 width: 48px;
 height: 48px;
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
 text-indent: -99999px;
 margin: 1px;
}
.rsslink:hover {
 background-position: 48px 48px;
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: left;
padding: 10px; 
margin: 5px 15px 25px -100px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #DC1A4E !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}

.userpicfriends a font {color: #DC1A4E; }

.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;Paprika&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 20px 10px 0px 10px;
 color: #1A5D7A;
font-family: &quot;Delius Swash Caps&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #1A5D7A;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #DC1A4E;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #DC1A4E;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

.lj-like {
 text-align: center;
 line-height: 1 !important;
 margin: 0 !important;
}

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*-----Recent Posts ---*/

.entry--threeposts {
 position: inherit;
 margin-right: 0px;
 background-color: #ffffff;
 margin-top: -10px;
 margin-bottom: -10px;
 margin-left: 0px !important;
 padding-bottom: 20px;
 border: 1px solid #dedede;
}

.threeposts__inner {
 margin: 0px auto;
}

.threeposts__header {
 margin: 15px 0px 15px 0px;
 font-family: ProximaNovaSemibold, Tahoma, Arial, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 letter-spacing: normal;
 text-transform: uppercase;
}

.threeposts--item-size-xxs .threeposts__item { height: 160px; }

.threeposts__item {
 display: inline-block;
 position: relative;
 width: 30.66%;
 margin: 0px 4% 1.5em 0px;
 box-sizing: border-box;
 vertical-align: top;
}

.threeposts__title {
    font-size: 14px !important;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 13px;
 background-color: #F6F6F6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 100%; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff;  border: 1px solid #dedede; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 20px 20px 20px 70px;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/001kwas4.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Paprika&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Paprika&apos;), local(&apos;Paprika-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Dancing Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Dancing Script&apos;), local(&apos;DancingScript&apos;), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#table  {
 font-family: Arial;
 color: #ffffff;
 font-size: 12px;
 line-height: 14px;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
font-size: 12px; 
font-family: arial; 
font-weight: normal; 
color: #666666; 
text-align: center; 
vertical-align: top; 
padding: 5px 5px 5px 5px; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: absolute;
 width: 100%;
 height: 300px;
 margin-top: 0px;
 padding: 0px;
background-color: #49BFB4;
 background-image: url(http://img.photobucket.com/albums/v495/dbzxenaman/Journal/Image20_zps5z6vccr6.png~original);
 background-repeat: no-repeat;
background-position: center center;
 background-size: cover;
 }

.separator { height: 20px; }
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;This coding has those elements you requested.&lt;br /&gt;1. Header size 300px&lt;br /&gt;2. No sidebar&lt;br /&gt;&lt;br /&gt;Changed the Height of the Headerimage:&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Because the coding had the header set to 150px in height this needed to be changed throughout the layout. This means we needed to change the coding in &lt;i&gt;maincontent&lt;/i&gt;, &lt;i&gt;header&lt;/i&gt;, and &lt;i&gt;sidebar&lt;/i&gt;.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;So in &lt;i&gt;maincontent &lt;/i&gt;the padding-top was 188px. This is 38px more than the headerimage to accomodate the navbar. So if I make it 338px it will accomodate the navbar. This is the same for the margin-top in the &lt;i&gt;sidebar&lt;/i&gt;.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;The &lt;i&gt;header &lt;/i&gt;on the other hand is a straight margin-top of 300px because it doesn&amp;#39;t have to accomodate itself.&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;Removing the Sidebar:&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;You don&amp;#39;t have to change this in LJ as we can do it solely in the coding. I go to &lt;i&gt;sidebar&lt;/i&gt; and add a line &lt;b&gt;display: none;&lt;/b&gt;. This removes it from sight but there is still room for it.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Make the &lt;i&gt;maincontent&lt;/i&gt; 100% width. You should also check the comments section (.box) to make sure it is full width which it is in this layout.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Go to the Year/Archive Page section and make sure the &lt;i&gt;table.yeartable&lt;/i&gt; is 100% in width and there is no left or right margin set (leave if it says auto).&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Go to the Recent Posts section and make sure the &lt;i&gt;.entry--threeposts&lt;/i&gt; doesn&amp;#39;t have a left or right margin set. You can set it to 0px.&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Also go to the Tags Page section and make sure there isn&amp;#39;t a a margin right or left set for &lt;i&gt;ul.ljtaglist&lt;/i&gt;.&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;That should make everything the way you want it.&lt;br /&gt;&lt;br /&gt;I also added the line to the&lt;a name=&apos;cutid1-end&apos;&gt;&lt;/a&gt;headerimage section:&lt;br /&gt;background-size: cover;</description>
  <comments>https://workshop-rees.livejournal.com/23049.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>4</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/22978.html</guid>
  <pubDate>Wed, 23 Sep 2015 22:31:15 GMT</pubDate>
  <title>Coding for Harlequin Merlin</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/22978.html</link>
  <description>&lt;a href=&quot;http://i77.photobucket.com/albums/j49/SireesAnwar/graffitigraphic-merlin001.png&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;210&quot; src=&quot;https://i77.photobucket.com/albums/j49/SireesAnwar/graffitigraphic-merlin001.png&quot; width=&quot;700&quot; fetchpriority=&quot;high&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - Customized Layout
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F5F4F4;
 background-image: url();
 background-repeat: repeat;
 background-attachment: fixed;
background-position: left top;
 color: #888888;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #54A889; }
a:hover { color: #B38A69; }

blockquote {
 width: 70%;
 margin-left: auto;
 margin-right: auto;
    background-color: #fff;
    border-left: 6px solid #d5c39f;
    font-family: &quot;Droid Sans&quot;,sans-serif;
    padding: 10px;
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #B38A69 !important; }

img.special, i img { border: 10px solid #e3d8c6; }

b, strong { color: #519AA6; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
i, em { color: #8458C7; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
u { color: #8CB53F; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
s, strike { color: #AD5C00; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 720px;
 float: left;
 margin: 0px 0px 0px 0px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #FFFFFF;
 margin-top: 0px;
 border: 1px solid #e1e1e1;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 100%;
 height: 30px;
 background: #628D85;
 background: -moz-linear-gradient(top, #2D5E5B, #628D85);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2D5E5B), to(#628D85));
 text-align: center;
 color: #282828;
 padding: 10px 0px 0 0px;
 margin: 0px 0px 0px 0px;
font-family: Fredericka the Great, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 0px 8px 0px 0px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px; color: rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
 text-align: left;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}

div#header li.view { 
 padding: 0px 8px 0px 0px;
 margin: 0px 5px;
 color: #cccccc;
 }

div#header a:hover {  color: rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3);
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}


ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 background: #2D5E5B;
 background: -moz-linear-gradient(top, #628D85, #2D5E5B);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#628D85), to(#2D5E5B));
width: 270px;
 float: right;
margin: 0px 0px 0px 0px;
padding: 0px 5px 100px 5px;
 font-family: &quot;Fredericka the Great&quot;, arial, georgia;
 font-size: 14px;
 color: rgba(255, 255, 255, 0.7);
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7);
 text-align: left;
 text-transform: normal;
 right: 0px;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px 10px 5px 4px; 
line-height: auto; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody2 a { color: #B4BA7A; }
.sbarbody2 a:hover { color: #B38A69; }

.sbarbody {
margin:0;
padding: 2px 2px 2px 0px;
padding-bottom: 5px; 
list-style-type: none;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#B38A69;  }

li.sbartitle {
 list-style: none;
 color: rgba(255, 255, 255, 0.7); 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Homemade Apple&quot;, trebuchet ms, arial, sans-serif;
 font-size: 22px;
 text-transform: normal;
 margin: 1px 0px 0px 8px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
 }

#sidebar_linklist  {
color: #ffffff;
list-style-type: none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
color: #ffffff;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: center;}

#sidebar_linklist li.sbaritem a:hover {
color:#B38A69; 
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts a { color: #ffffff;}
td.sbarcalendarposts a:hover { color: #B38A69;}

td.sbarcalendarposts {background-color: #666666; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px 0px;
 text-align: left;
 }

#sidebar_summary li.sbaritem a {
color: #ffffff;
 text-decoration: none;
 display: inline !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #B38A69 !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags { height: 300px; overflow-x: hidden; overflow-y: auto; }

#sidebar_tags a, li.tagBox a { color: #ffffff; display:block; font-weight:lighter; padding:2px 5px 5px 8px; text-align: center; }

#sidebar_tags a:hover, li.tagBox a:hover { color: #B38A69; text-align: center; letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

.defaultuserpic {
width: 100px;
height: 100px;
background-color: #E3D8C6;
margin: 8px auto 10px auto;
padding: 10px;
border: 0px solid #cccccc;
 -webkit-box-shadow: #555555 0 0 5px;
 -moz-box-shadow: #555555 0 0 5px;
 -ms-box-shadow: #555555 0 0 5px;
 -o-box-shadow: #555555 0 0 5px;
 box-shadow: #555555 0 0 5px;
}

.defaultuserpic img { }

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 transform:rotate(360deg);
}

/*-----------Entries-----------*/
.entry {
 padding: 5px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 0px;
 margin-left: 0px;
 list-style: normal;
 list-style-position: inside;
 }

li.list { line-height: 14px;  }

.userpic, .userpicfriends {
 float: left;
margin: -1px 15px 25px -110px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFFFFF !important; 
background-color: #448884 !important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;Fredericka the Great&apos;, sans-serif;
 font-size: 12px;
 text-align: center;
 color: #FFFFFF !important; 
text-shadow: 2px 2px 4px #000000;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #B38A69;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 20px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #B38A69;
 font-family: &quot;Fredericka the Great&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #448884;
font-family: &quot;Alex Brush&quot;, open sans condensed, georgia, arial;
 font-size: 35px;
 text-align: left;
 border-bottom: 1px solid #e1e1e1;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #448884;}

.subject a:hover {color: #B38A69;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
font-family: &quot;Fredericka the Great&quot;, arial !important;
 font-size: 14px !important;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #E6D1AE;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #cccccc;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #FFFFFF;
 border: 1px solid #e1e1e1;
 }



/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

.lj-like {
    clear: both !important;
 text-align: center;
    line-height: 1 !important;
    margin: 0 !important;
}

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-color: #448884;
color: #ffffff;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -31px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#ffffff;
font-family: &quot;Fredericka the Great&quot;, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#FFFFFF;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #FFFFFF;
 border: 1px solid #e1e1e1;
 }

form div.box {
 text-align: left;
 background-color: #FFFFFF;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
font-family: Homemade Apple, georgia, arial;
  font-size: 14px !important;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
background-color: #448884 !important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
} 

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 font-family: &quot;Fredericka the Great&quot;, arial, georgia;
 background: #2D5E5B;
 background: -moz-linear-gradient(top, #628D85, #2D5E5B);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#628D85), to(#2D5E5B));
 color: #ffffff;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;          background-color: #FFFFFF;   border: 1px solid #e1e1e1; }

ul.year li {display: inline;}

table.yeartable { width: 720px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px;  background-color: #FFFFFF;   border: 1px solid #e1e1e1; }

table.yeartable td.yeardate, table.yeartable td.yearday {  border: 1px solid #e1e1e1; color: #A25A4B; }

table.yeartable td.yearday { text-align: center; color: #A25A4B; }

td.yearmonth { color: #000000; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #37A67F;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 50px;
 background-color: #FFFFFF;
 border: 1px solid #e1e1e1;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/sketchheart.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/sketchheart.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/sword.gif) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Love Ya Like A Sister&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Love Ya Like A Sister Regular&apos;), local(&apos;LoveYaLikeASister-Regular&apos;), url(http://fonts.gstatic.com/s/loveyalikeasister/v7/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Special Elite&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Special Elite&apos;), local(&apos;SpecialElite-Regular&apos;), url(http://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Homemade Apple&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Homemade Apple&apos;), local(&apos;HomemadeApple&apos;), url(http://fonts.gstatic.com/s/homemadeapple/v6/yg3UMEsefgZ8IHz_ryz86Kmk7U3V72hKgu0Yds_deA8.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Indie Flower&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Indie Flower&apos;), local(&apos;IndieFlower&apos;), url(http://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Neucha&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Neucha&apos;), url(http://fonts.gstatic.com/s/neucha/v7/Z14xx5NkAnXABtaPytVZVA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Just Me Again Down Here&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Just Me Again Down Here&apos;), local(&apos;JustMeAgainDownHere&apos;), url(http://fonts.gstatic.com/s/justmeagaindownhere/v8/sN06iTc9ITubLTgXoG-kc4M0m1RcppnZ3Z3GZDDNlQw.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Short Stack&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Short Stack&apos;), local(&apos;ShortStack&apos;), url(http://fonts.gstatic.com/s/shortstack/v6/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Fredericka the Great&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Fredericka the Great&apos;), local(&apos;FrederickatheGreat&apos;), url(http://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18vc3vBAn7YvtW9hNjxWZBR0.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Alex Brush&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Alex Brush&apos;), local(&apos;AlexBrush-Regular&apos;), url(https://fonts.gstatic.com/s/alexbrush/v6/IdwaSrUcr-IskDo5YUNTVfk_vArhqVIZ0nv9q090hN8.woff2) format(&apos;woff2&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
 background-repeat: no-repeat;
 background-position: center top;
z-index: -10;
}

.separator { height: 20px; }
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;This header image should save in it&amp;#39;s larger size but it is also linked to where I&amp;#39;ve saved it for the time being. Please download it and upload it elsewhere. If you come across anything in the coding you&amp;#39;d like changed... please feel free to comment and let me know.</description>
  <comments>https://workshop-rees.livejournal.com/22978.html?view=comments#comments</comments>
  <category>header</category>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/22651.html</guid>
  <pubDate>Mon, 24 Aug 2015 23:05:08 GMT</pubDate>
  <title>Battle Week Test</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/22651.html</link>
  <description>&lt;div style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;401&quot; src=&quot;https://i.imgur.com/leKSSu5.jpg&quot; width=&quot;600&quot; fetchpriority=&quot;high&quot; /&gt;&lt;/div&gt;&lt;div style=&quot;text-align:center&quot;&gt;&lt;u&gt;&lt;span style=&quot;font-size:1.8em;&quot;&gt;WEEK TWO: August 25 - August 31&lt;/span&gt;&lt;/u&gt;&lt;/div&gt;&lt;b&gt;Results are in:&lt;/b&gt;&lt;br /&gt;Anne Kenney&amp;#39;s episode &lt;i&gt;Lallybroch&lt;/i&gt; won!&lt;br /&gt;Ron Moore&amp;#39;s episode &lt;i&gt;To Ransom A Man&amp;#39;s Soul&lt;/i&gt; won!&lt;br /&gt;Ira Steven Behr&amp;#39;s episode &lt;i&gt;The Garrison Commander&lt;/i&gt; won!&lt;br /&gt;&lt;br /&gt;Let&amp;#39;s vote for some more episodes and writers! I ask that you use the LJ-Like repost to share this post with all your Outlander fans. Also use the Facebook LJ-Like and the Twitter, Tumblr and whatever else is down there. Let&amp;#39;s get as many Outlander fans involved as possible!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;I&amp;#39;m entering a spoiler cut to see what it looks like.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;This poll will close at Midnight PST on August 31 and on the 1st you will be able to vote for Week Three&amp;#39;s Episodes/Writers.&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;width:100%&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;margin:10px;padding:0px;background-color:rgb(255,255,255)&quot;&gt;&lt;div style=&quot;border-radius:6px;font-family:arial;font-size:14px;font-weight:bold;color:rgb(0,0,0);margin-bottom:10px&quot;&gt;&lt;div style=&quot;padding:10px&quot;&gt;Which Ron Moore episode do you prefer?&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;form method=&quot;post&quot; style=&quot;display:inline;margin:0px;padding:0px&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;border-radius:6px;color:rgb(0,0,0)&quot;&gt;&lt;input name=&quot;qp_d391800&quot; type=&quot;hidden&quot; value=&quot;42236.3371412057-42236.3371599316&quot; /&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391800&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;1&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38642/102castleleoch.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391800&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;2&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38643/108bothsidesnow.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding-top:5px;margin-right:-5px;clear:both&quot;&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391800&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Vote&quot; /&gt;&lt;/a&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391800&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Results&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href=&quot;http://www.poll-maker.com&quot; style=&quot;float:right;font-family:Arial;font-size:10px;color:blue;font-weight:bold;text-decoration:none&quot; target=&quot;_blank&quot;&gt;Poll Maker&lt;/a&gt;&lt;/form&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;width:100%&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;margin:10px;padding:0px;background-color:rgb(255,255,255)&quot;&gt;&lt;div style=&quot;border-radius:6px;font-family:arial;font-size:14px;font-weight:bold;color:rgb(0,0,0);margin-bottom:10px&quot;&gt;&lt;div style=&quot;padding:10px&quot;&gt;Which Matt Roberts episode do you prefer?&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;form method=&quot;post&quot; style=&quot;display:inline;margin:0px;padding:0px&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;border-radius:6px;color:rgb(0,0,0)&quot;&gt;&lt;input name=&quot;qp_d391799&quot; type=&quot;hidden&quot; value=&quot;42236.3371875436-42236.3371747695&quot; /&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391799&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;1&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38640/109thereckoning.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391799&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;2&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38641/114thesearch.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding-top:5px;margin-right:-5px;clear:both&quot;&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391799&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Vote&quot; /&gt;&lt;/a&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391799&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Results&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href=&quot;http://www.poll-maker.com&quot; style=&quot;float:right;font-family:Arial;font-size:10px;color:blue;font-weight:bold;text-decoration:none&quot; target=&quot;_blank&quot;&gt;Poll Maker&lt;/a&gt;&lt;/form&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;width:100%&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;margin:10px;padding:0px;background-color:rgb(255,255,255)&quot;&gt;&lt;div style=&quot;border-radius:6px;font-family:arial;font-size:14px;font-weight:bold;color:rgb(0,0,0);margin-bottom:10px&quot;&gt;&lt;div style=&quot;padding:10px&quot;&gt;Which Toni Graphia episode do you prefer?&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;form method=&quot;post&quot; style=&quot;display:inline;margin:0px;padding:0px&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;border-radius:6px;color:rgb(0,0,0)&quot;&gt;&lt;input name=&quot;qp_d391803&quot; type=&quot;hidden&quot; value=&quot;42236.3372685138-42236.3372569597&quot; /&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391803&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;1&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38644/105rent.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391803&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;2&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38645/113thewatch.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding-top:5px;margin-right:-5px;clear:both&quot;&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391803&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Vote&quot; /&gt;&lt;/a&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391803&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Results&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href=&quot;http://www.poll-maker.com/QuizMaker&quot; style=&quot;float:right;font-family:Arial;font-size:10px;color:blue;font-weight:bold;text-decoration:none&quot; target=&quot;_blank&quot;&gt;Quiz Maker&lt;/a&gt;&lt;/form&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;width:100%&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;margin:10px;padding:0px;background-color:rgb(255,255,255)&quot;&gt;&lt;div style=&quot;border-radius:6px;font-family:arial;font-size:14px;font-weight:bold;color:rgb(0,0,0);margin-bottom:10px&quot;&gt;&lt;div style=&quot;padding:10px&quot;&gt;Which Ira Steven Behr episode do you prefer?&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;form method=&quot;post&quot; style=&quot;display:inline;margin:0px;padding:0px&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;border-radius:6px;color:rgb(0,0,0)&quot;&gt;&lt;input name=&quot;qp_d391829&quot; type=&quot;hidden&quot; value=&quot;42236.3373263874-42236.3373649133&quot; /&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391829&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;1&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38673/115wentworthprison.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;&quot; style=&quot;display:block;font-family:arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both&quot;&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;input name=&quot;qp_v391829&quot; style=&quot;float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px&quot; type=&quot;radio&quot; value=&quot;2&quot; /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;display:block;padding-left:30px;cursor:inherit&quot;&gt;&lt;img alt=&quot;&quot; height=&quot;120&quot; src=&quot;//cdn.poll-maker.com/38674/116toransomamanssoul.jpg&quot; width=&quot;400&quot; loading=&quot;lazy&quot; /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding-top:5px;margin-right:-5px;clear:both&quot;&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391829&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Vote&quot; /&gt;&lt;/a&gt;&lt;a class=&quot;&quot; href=&quot;#&quot; style=&quot;text-decoration:none&quot; target=&quot;_blank&quot;&gt;&lt;input name=&quot;qp_b391829&quot; style=&quot;min-width:80px;height:30px;margin-top:5px;margin-right:5px;cursor:pointer;cursor:hand&quot; type=&quot;submit&quot; value=&quot;Results&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href=&quot;http://www.poll-maker.com&quot; style=&quot;float:right;font-family:Arial;font-size:10px;color:blue;font-weight:bold;text-decoration:none&quot; target=&quot;_blank&quot;&gt;Poll Maker&lt;/a&gt;&lt;/form&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align:center&quot;&gt;If you are having trouble voting here go to our &lt;a href=&quot;http://outlanderwatch.weebly.com/writers-battle.html&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;Writer&amp;#39;s Battle Page on OW Online&lt;/a&gt;.&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; src=&quot;https://imgprx.livejournal.net/1b519748d3035f90e0b3ca13bc73035acfbee2a586f4bd42bbe84d62ce458b98/P2WlxyVijxKvg21m_spRU0Mdsf-ah7h00FuWS7Ndi9XB5BnAlsnrH08jAktuUE5-uw1AjDHRYgdWUgBDyFdisBRA2SKWarrWtBUI9kA1e0O0LOyLv8YAmWNX_A8:nVg8CMx04IfNK5T8bOYzJg&quot; width=&quot;650&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;a name=&apos;cutid1-end&apos;&gt;&lt;/a&gt;&lt;br /&gt;</description>
  <comments>https://workshop-rees.livejournal.com/22651.html?view=comments#comments</comments>
  <category>.preview: cut</category>
  <category>.preview: lj like</category>
  <category>.preview</category>
  <category>.preview: spoiler cut</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/22372.html</guid>
  <pubDate>Wed, 29 Jul 2015 23:21:28 GMT</pubDate>
  <title>for sexycazzy 94. Pretty in Pink blue variation</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/22372.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares- 94. Pretty in Pink
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #aaaaaa;
 background-image: url(), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Backgrounds/body-bg34.png);
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: left top;
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 }

a, a:link, a:visited { color: #E61C24; }
a:hover { color: #cccccc; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #000000;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 8px solid #9DE2F5; 
 }
i img { border: 10px solid #e5e5e5; }

b, strong { color: #298779; }
i, em { color: #5A7A41; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #1A5D7A; }

 .b-repost-item { display:none }

code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 

/*--------------General------------*/
#content {   
 width: 1000px; 
 background-color: #9DE2F5;
 margin: 0px auto 20px auto;
 text-align: left;
 padding: 0px;
 }

#maincontent {
 width: 710px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 width: 690px;
 background-color: #F8F8F8;
 margin: auto;
 margin-right: -1px;
 padding-top: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1000px;
 height: 40px;
 text-align: center;
 color: #ffffff;
 margin: 0px 0 0 20px;
 font-family: Oswald, arial !important;
 font-size: 15px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 12px 15px 5px 15px;
margin: 0px -9px 0 -8px;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
}

div#header li.view { 
 color: #ffffff;
font-style: italic;
padding: 12px 15px 5px 8px;
margin: 0px -9px 0 3px;
 }

div#header a:hover {
background-color: rgba(255, 255, 255, 0.3);
 color: #ffffff;
 padding-bottom: 10px;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: auto;
 padding: 7px 0px 0px 0px;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title { 
 position: relative;
 width: 100%;
 margin: -200px auto 0px auto;
 padding: 0px;
 font-size: 72px;
 font-family: &quot;Great Vibes&quot;, Brush Script MT, arial, verdana;
 text-align: center;
 color: #ffffff;
 z-index: 199;
}

.subtitle { 
 position: relative;
 width: 100%;
 margin: -25px auto 0px auto;
 padding: 0px;
 font-size: 20px;
 font-family: &quot;abel&quot;, arial, verdana;
 text-align: center;
 color: #ffffff;
 z-index: 199;
 }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
top: 90%;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index: 0;
}

ul.navfooter{
margin:0 auto;
padding:0;
z-index: 0; }

              /*--First Link--*/

ul.navfooter a {
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(72, 174, 222,0.6);
color: #000000;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 20px 20px 20px;
margin: 0px 5px -10px 5px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


            /*--second link---*/
ul.navfooter li + li a {
float: right;
background-color: rgba(72, 174, 222,0.6);
color: #000000;
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/
#sidebar {
 width: 250px;
 float: right;
 margin-top: -10px;
 padding: 10px 20px; 
 font-family: &quot;Abel&quot;, arial, georgia;
 font-size: 14px;
 color: #000000;
 text-align: center;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
 background-color: #F8F8F8;
padding: 10px 5px 5px 5px; 
margin: 0px auto 20px auto; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
 }

.sbarbody {
 background-color: #F8F8F8;
list-style-type: none;
margin: 0px auto 20px auto;
padding: 5px 5px 5px 0px;
padding-bottom: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #58A5BC;
display: inline;
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#888888;  }

li.sbartitle {
 list-style: none;
 color: #cccccc; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 17px;
 text-transform: uppercase;
 margin: 5px 9px 5px 0px;
 }

#sidebar_linklist  {
list-style-type:none;
padding: 2px auto 2px auto;
text-align: left !important;
text-transform: uppercase; }

#sidebar_linklist li.sbaritem a {
border-bottom: 1px solid #eeeeee;
color: #58A5BC;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -3px 0px;
text-align: center;
}

#sidebar_linklist li.sbaritem a:hover {
color:#cccccc; 
text-align: center;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #eeeeee; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);  }

td.sbarcalendarposts a { color: #E61C24;}
td.sbarcalendarposts a:hover { color: #ffffff;}

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #eeeeee;
 padding: 5px;
 text-transform: normal;
 margin: 2px auto 2px auto;
 text-align: left;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
 border-bottom: 1px solid #eeeeee !important;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 font-size: 12px;
 color: #58A5BC;
 }

#sidebar_summary li.sbaritem a: hover {
 color: #eeeeee !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 5px 10px 5px 0px; }

li.tagBox a { 
border-bottom: 1px solid #eeeeee;
color: #58A5BC;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -3px 0px;
text-align: center;
text-transform: uppercase;
}

li.tagBox a:hover { 
color:#bbbbbb; 
text-align: center;
 }

#sidebar_tags li.sbaritem a { 
border-bottom: 1px solid #eeeeee;
color: #58A5BC;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -3px 0px;
text-align: center;
text-transform: uppercase;
}

#sidebar_tags li.sbaritem a:hover { color:#bbbbbb; 
text-align: center;
 }


.defaultuserpic {
background-color: #ffffff;
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #000000;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 text-align: left;
z-index: 50;
 }

.entry img { max-width: 700px; height: auto;  }

div.entry_text li { line-height: 16px !important; list-style: normal;  list-style-position: outside; }

.datesubject {
 background-color: transparent;
 padding: 0px;
 margin-top: -8px;
 text-align: left;
 }

.date  {
 margin: 0px 10px -15px 0px;
 text-align: right; 
 color: #dddddd;
 font-family: &quot;Oswald&quot;, arial, sans-serif;
 font-size: 14px;
 }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 10px 10px 0px 10px;
 color: #64BFE3;
font-family: &quot;Oswald&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 letter-spacing: 1px;
 text-align: left;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #64BFE3;}

.subject a:hover {color: #565656;}

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #E61C24;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #58A5BC;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 0px;
 font-family: &quot;Abel&quot;, arial, sans-serif;
 font-size: 14px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }
 .skiplinks a { color: #58A5BC; }
 .skiplinks a:hover { color: #ffffff; }

.lj-like {
 width: 690px; 
 clear: left; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
    margin: 0 !important;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: &quot;&quot;;
    display: table;
}

.userpic, .userpicfriends {
 float: left;
margin: -40px 15px 25px -15px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #ffffff !important;
-webkit-border-radius: 60px 60px 5px 60px;
-moz-border-radius: 60px 60px 5px 60px;
-ms-border-radius: 60px 60px 5px 60px;
-o-border-radius: 60px 60px 5px 60px;
border-radius: 60px 60px 5px 60px; 
 -webkit-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -moz-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -ms-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -o-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
-webkit-border-radius: 50px 50px 5px 50px;
-moz-border-radius: 50px 50px 5px 50px;
-ms-border-radius: 50px 50px 5px 50px;
-o-border-radius: 50px 50px 5px 50px !important;
border-radius: 50px 50px 5px 50px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: -2px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;Abel&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #58A5BC;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }


/*-----Recent Posts ---*/
.entry--threeposts {
 background-color: #fafafa;
 margin-top: -10px;
 margin-bottom: -10px;
 margin-left: 20px !important;
 padding-bottom: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}

.threeposts__inner {
 margin: 0px auto;
}

.threeposts__header {
 margin: 15px 0px 15px 0px;
 font-family: ProximaNovaSemibold, Tahoma, Arial, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 letter-spacing: normal;
 text-transform: uppercase;
}

.threeposts--item-size-xxs .threeposts__item { height: 160px; }

.threeposts__item {
 display: inline-block;
 position: relative;
 width: 30.66%;
 margin: 0px 4% 1.5em 0px;
 box-sizing: border-box;
 vertical-align: top;
}

.threeposts__title {
    font-size: 12px !important;
}


/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #888888;
text-align: left; 
}

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #888888;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.ljtags a { color: #58A5BC; }
.ljtags a:hover { color: #cccccc; }

.comments {
background-color: #dddddd;
color: #000000;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 5px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#222222;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box { text-align: left; }

center.comment-links {  }

div#footer.box { text-align: center; }

.commentbox {
 background-color: #ffffff;
 align: left; 
 padding: 5px; 
 margin: 2px 2px 10px 2px; 
 color: #000000;
padding-bottom: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #bbbbbb;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #58A5BC; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #bbbbbb; cursor: crosshair; text-decoration:none; font-weight:none;}

.userpiccomment {
 background-color: #C7D62D;
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
}

.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #bbbbbb;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

.replytosubject {
 font-weight: 300;
 color: #000000;
 font-size: 16px;
 }

div#content textarea  { width: 80%; }

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

ul.year { margin-left: 10px;  text-align: center;  padding: 5px;          background-color: #F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius: 5px; }

ul.year li {display: inline;}

table.yeartable { width: 99%; margin-left: 10px; margin-right: 10px; padding: 20px 100px 20px 100px;background-color: #F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius: 5px;  }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #555555; border: 1px solid #dddddd; }

table.yeartable td.yearday { text-align: center; color: #555555; border: 1px solid #dddddd; }

td.yearmonth { color: #555555; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #C7D62D;
 font-family: &quot;Abel&quot;, arial, trebuchet ms, sans-serif;
 font-size: 16px;
 text-align: left;
 text-transform: uppercase;
 padding: 8px 8px 8px 50px;
 margin-left: 10px;
background-color: #F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -khtml-border-radius: 5px;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {    list-style-type: disc;
    list-style-position: outside;
    list-style-image: none;
}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/panda-icon.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/panda-icon.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/bamboos.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------FONTS-----------*/

@font-face {
  font-family: &apos;Abel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Abel&apos;), local(&apos;Abel-Regular&apos;), url(http://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/abel/v6/EAqh528fFdbUek8UOky4sA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Oswald&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Oswald Regular&apos;), local(&apos;Oswald-Regular&apos;), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3Y4P5ICox8Kq3LLUNMylGO4.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/greatvibes/v4/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}


/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

.headerimage {
 position: relative;
 width: 960px;
 height: 400px;
 margin: 3px auto 0px auto;
 padding: 0px;
background-color: transparent !important;
 background-image: url(http://i.imgur.com/zRbj4op.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
border-width: 20px 20px 0px 20px;
border-style: solid;
border-color: #9DE2F5;
z-index: 99;
 }

.separator { height: 20px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/22372.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>2</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/22122.html</guid>
  <pubDate>Tue, 30 Jun 2015 00:30:22 GMT</pubDate>
  <title>for tsuki</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/22122.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot;&gt;/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #ffffff;
 background-image: url(http://i1083.photobucket.com/albums/j393/doexol/DSC_0255_zpshq4bvtcd.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: right bottom;
 color: #594F4F;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #D82E46; }
a:hover { color: #777777; }


blockquote {
 width: 75%;
 margin-left: auto;
 margin-right: 100px;
 padding: 5px; 
 color: #594F4F;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
border: 10px solid #f1f1f1;
background-color: #f7f7f7;
 }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #FF2952; }
i, em { color: #4c228a; }
u { color: #AFC40E; }
s, strike { color: #FF6A0D; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; margin-left: 20px; }

/*--------------General------------*/

#content {   
 background-color: #ffffff;
 width: 950px; 
float: left;
right: 0;
 margin-right: 0px;
 text-align: left;
 padding-right: 0px;
box-shadow: 20px 0px 15px 0px rgba(255, 255, 255, 0.5);
 }

#maincontent {
 background-color: #ffffff;
 width: 695px;
 float: right;
 padding-top: 55px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #594F4F;
 text-align: center;
 }

.subcontent {
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 width: 950px;
 height: 20px;
 top: 0;
 text-align: right;
 color: #000000;
 padding: 6px 10px 10px 0;
 margin-top: 50px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 z-index: 16;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 background-color: transparent !important;
padding: 10px 10px 11px 10px;
margin: 0px 8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #666666;
 text-align: center;
}

div#header li.view { 
 border-bottom: 4px solid #423F5E;
 color: #000000;
padding: 10px 10px 11px 10px;
margin: 0px -8px 0 3px;
 font-style: italic;
 }

div#header a:hover {
 border-bottom: 4px solid #423F5E;
 color: #333333;
 font-style: italic;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 border-left: lpx solid #ffffff;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 border-left: lpx solid #ffffff;
 }
 
.title { 
 position: fixed;
 width: 100%;
 height: 100px;
 margin: 250px 0px 0px 1050px;
 padding: 0px;
 font-size: 72px;
 font-family: &quot;Great Vibes&quot;, Brush Script MT, arial, verdana;
 text-align: left;
 color: #ffffff;
 text-shadow: 1px 1px 7px #222222;
}

.subtitle { 
 position: fixed;
 width: 100%;
 height: 100px;
 margin: 303px 0px 0px 1090px;
 padding: 0px;
 font-size: 20px;
 font-family: &quot;Delius Swash Caps&quot;, arial, verdana;
 text-align: left;
 color: #cccccc;
 }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}


ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.5);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
width: 240px;
margin: 5px 0px 100px 0px;
background-color: #ffffff !important;
color: #4F394C;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: normal;
float: left;
}

.sbarbody2 { 
padding: 0px; 
background-color: transparent !important; 
margin-top: 0px; 
margin: 0 0px 5px 0px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: center;
}

.sbarbody {
margin:0;
padding: 0px 2px 7px 0px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #24B694;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: none;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#D82E46;  }

li.sbartitle {
 list-style: none;
 color: #D82E46; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 0px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 30px;
 text-transform: normal !important;
 margin: 1px 5px 0px 5px;
  }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform: lowercase;
height: 100%;         overflow-x: hidden; overflow-y: auto;}

#sidebar_linklist li.sbaritem a {
color: #333333;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-left:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #cccccc;
}

#sidebar_linklist li.sbaritem a:hover {
color:#cccccc; 
border-bottom: 1px dashed #cccccc;
text-align: center;
letter-spacing: 2px; }

table.calendar { margin-right: auto; margin-left: auto; }
 
.sbarcalendar {
 padding: 1px;
 border: 1px solid #cccccc;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 9px;
 }

.sbarcalendarposts {
 padding: 1px;
 border: 1px solid #cccccc;
 background-color: #f7f7f7;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 9px;
 }

#sidebar_summary, #sidebar_calendar, h2 {  }

#sidebar_summary li.sbaritem {
 color: #777777;
 padding: 3px;
 text-transform: normal;
 margin: 3px;
 text-align: left;
 border-bottom: 1px dashed #cccccc;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #333333;
 border: 0px solid #333333 !important;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 250px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #333333;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-left:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #cccccc; 
}

li.tagBox a:hover { color:#cccccc; 
border-bottom: 1px dashed #cccccc;
text-align: center;
letter-spacing: 2px; }

#sidebar_tags li.sbaritem a { color: #333333;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-left:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #cccccc; 
}

#sidebar_tags li.sbaritem a:hover { color:#cccccc; 
border-bottom: 1px dashed #cccccc;
text-align: center;
letter-spacing: 2px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;

}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 10px 20px 10px 20px;
 margin-bottom: 10px;
 color: #594F4F;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: right;
padding: 10px; 
margin: -10px -10px 20px 5px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #FF0004 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}

.userpicfriends a font {color: #FF0004; }
.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: -10px 10px -15px 30px;
 text-align: left; 
 padding-right: auto;
 padding-left: auto;
 color: #cccccc;
 font-family: &quot;IM Fell DW Pica SC&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 10px 10px 0px 10px;
 color: #D82E46;
font-family: &quot;Grand Hotel&quot;, open sans condensed, georgia, arial;
 font-size: 33px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #D82E46;}

.subject a:hover {color: #423F5E;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #D82E46;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #48B5AB;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0px 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {

} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
width: 98%; 
text-align: left;
color: #cccccc;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
margin: 20px 0px 10px 0px;
}

.ljtags a { padding-right: 5px; border-right: 1px solid #808080; }

.comments {
color: #ffffff;
font-size: 12px;
line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position: relative;
text-align: center;
width: auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
background-color: rgba(0, 0, 0, 0.4);
color:#ffffff;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin: 0;
padding: 15px 10px 15px 10px;
text-align: center; }

div.comments a:hover {
color:#cccccc;
background-color: rgba(0, 0, 0, 0.4);
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: &quot;arial;
 color: #594F4F;
 }
  
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 0px;
 text-align: left;
 background-color: #ffffff;
 border: 2px dashed #f5f5f5; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 background: #FFF!important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}
  
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #594F4F; color: #594F4F; }

table.yeartable td.yearday { text-align: center; color: #594F4F; }

td.yearmonth { color: #594F4F; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_apples.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica SC&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica SC&apos;), local(&apos;IM_FELL_DW_Pica_SC&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
 
.headerimage {
 display: none;
 position: fixed;
 width: 100%;
 height: 100px;
 clear: right;
 margin: 300px 0px 0px 1000px;
background-color: transparent !impossible;
 background-image: url();
 background-repeat: no-repeat;
 background-position: left center;
 }

.lj-view-friends { margin-top: -24px; }

.separator { height: 10px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/22122.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/21976.html</guid>
  <pubDate>Fri, 19 Jun 2015 20:03:43 GMT</pubDate>
  <title>the_summercourt coding</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/21976.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares - 91. Chalkboard
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #e6d6b7;
 background-image: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/fondoctobre3dm2.png);
 background-repeat: repeat;
 background-attachment: fixed;
background-position: left top;
 color: #555555;
 font-family: &quot;verdana&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 14px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #68a15c; }
a:hover { color: #ed577c; }

blockquote {
 width: 70%;
padding: 18px; 
border: 1px solid #e6d6b7; 
 color: #555555;
 font-size: 12px;
 line-height: 100%;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 background: #f7f6f0;
 text-align: left;
 }

b, strong { color: #2ab5d2;  }
i, em { color: #ed577c; }
u { color: #9363c6;  }
s, strike { color: #9363c6; }

.b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 745px;
 float: left;
 margin: 0px 0px 0px 0px;
 font-family: &quot;verdana&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #888888;
 text-align: center;
 }

.subcontent {
 background-color: #f7f6f0;
 width: 743px;
 min-height: 200px;
 margin-top: 0px;
 border: 1px solid #cccccc;
 }

/*---------------Header--------------*/
#header {  
 position: relative;
 background-color: #2a2a2a;
 width: 100%;
 text-align: center;
 color: #ffffff;
 padding: 0px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
font-family: Verdana, georgia, arial;
  font-size: 12px !important; 
 line-height: 125%; 
 letter-spacing: 1px;
 text-transform: uppercase;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px;
 font-family: &quot;verdana&quot;;
 font-size: 12px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: -1px;
 color: #2ab5d2;
 text-align: center;
 background-color: #2a2a2a;
}

div#header a:hover { 
 padding: 5px;
 color: #9363c6;
 background-color: #2a2a2a;
 border-bottom: 0px solid;
 }

ul.navheader {
 padding: 10px 0px 0px 0px;
        background-color: transparent !important; 
 margin: 0px;
 }

ul.navheader li  {
 display: inline;
 padding: 10px 0px 0px 0px;
        background-color: transparent !important;
 margin: 0 2px;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
 width: 100%;
 margin: 0px;
 text-align: center;
 font-family: &quot;georgia&quot;;
 font-size: 11px;
 color: #ffffff;
 z-index: 100;
}

div#footer a {
 padding: 5px;
 font-family: &quot;trebuchet ms&quot;;
 font-size: 15px;
 font-weight: normal;
 text-transform: normal;
 letter-spacing: -1px;
 color: #008797;
 text-align: center;
 background-color: transparent !important;
}

div#footer a:hover {
 padding: 5px;
 color: #D7D3CD;
 background-color: transparent !important;
 border-bottom: 0px solid;
}

ul.navfooter{
 padding: 0px; 
 margin: 0px;
 }

ul.navfooter li  {
 display: inline; 
 margin: 0 5px 0 5px;
 }

 
.clearfoot {  
 clear: both;
 }

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

#sidebar {
 padding: 0px 0 10px 0; 
        background-color: #f7f6f0;
 margin-left: 0px;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 font-size: 12px;
 color: #555555;
 width: 250px;
 float: right;
 text-align: left;
        text-transform: normal;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 }

.sbarbody2, li.sbaritem2 { 
padding: 0px 5px 0px 5px; 
line-height: auto; 
list-style-type: none;
 }

.sbarbody2 a { color: #68a15c; }
.sbarbody2 a:hover { color: #ed577c; }

.sbarbody {
margin:0;
 padding: 0px 5px 0px 5px;
list-style-type: none;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {  }

li.sbartitle {
 padding: 3px 5px 3px 5px;
 margin: 10px 0 10px 0;
 list-style: none;
 text-align: center;
 color: #888888;
        border-bottom: 1px solid #cccccc;
        text-transform: uppercase;
 font-weight: none;
 font-family: &quot;times new roman&quot;, Arial;
 font-size: 14px;
 }

#sidebar_linklist  {
color: #cdcdcd;
list-style-type:none;
padding-top:2px;
text-align: left !important;
}

#sidebar_linklist li.sbaritem a {
color: #68a15c;
display: block;
padding: 0px 5px 0px 5px;
}

#sidebar_linklist li.sbaritem a:hover {
color:#ed577c; 
}

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts a { color: #68a15c;}
td.sbarcalendarposts a:hover { color: #ed577c;}

td.sbarcalendarposts { padding: 3px; border: 1px solid #cccccc; }

table.calendar {padding-top: 5px; margin-right: auto; margin-left: auto;}

#sidebar_summary li.sbaritem {
 color: #cccccc;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px 0px;
 text-align: left;
 border: 1px solid #cccccc !important;
 }

#sidebar_summary li.sbaritem a {
color: #68a15c;
 text-decoration: none;
 display: inline !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #007ba7 !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 500px;         overflow-x: hidden; overflow-y: auto; 
      scrollbar-arrow-color: #68a15c;
      scrollbar-base-color: #ffffff;
      scrollbar-face-color: #ffffff;
      scrollbar-highlight-color: #68a15c;
      scrollbar-darkshadow-color: #cccccc;
      scrollbar-shadow-color: #cccccc;
 }

li.tagBox a { 
color: #68a15c;
display:block;
padding: 0px 5px 0px 5px;
}

li.tagBox a:hover { color: #ed577c; }

#sidebar_tags li.sbaritem a { border-bottom: 1px solid #222222;
color: #68a15c;
display:block;
padding: 0px 5px 0px 5px;
}

#sidebar_tags li.sbaritem a:hover { color: #ed577c; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 10px;
 margin: 0px;
 color: #55555;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 2px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 background-color: #f7f6f0 !important;
 position: relative;
 float: left;
margin: 10px;
 padding: 5px;
 width: 100px;
 height: 100px;
 text-align: left;
        color: #cccccc !important;
 border: 1px #e6d6b7 solid;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}
 
.userpicfriends a, .userpicfriends font {
 position: relative;
 background-color: transparent!important;
 float: center;
 font-size: 12px;
 text-align: center;
 color: #cdcdcd;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;   }

.date  {
 margin: 5px 0 0 5px;
 text-align: left;
        color: #555555;
 top: 5px;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 font-size: 11px;
 text-transform: uppercase;
 }

.subject {
 font-weight: none;
 padding-bottom: 5px;
 padding-top: 5px;
        padding-left: 10px;
 color: #68a15c;
 font-family: &quot;times new roman&quot;, Verdana;
 font-size: 18px;
 text-transform: uppercase;
        text-decoration: none;
 border-bottom: 1px solid #cccccc;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #68a15c;}

.subject a:hover {color: #ed577c;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 border-left: 0px solid #cccccc;
 border-right: 0px solid #cccccc;
 border-top: 0px solid #cccccc;
        }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #68a15c;
 font-weight: bold;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #ed577c;
 font-weight: lighter;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #f7f6f0;
 border: 1px solid #dedede;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
 font-family: &quot;verdana&quot;, arial;
 font-size: 10px;
 color: #555555;
 font-weight: lighter;
 text-transform: lowercase;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: &quot;verdana&quot;, arial;
 font-size: 10px;
 color: #68a15c;
 text-transform: lowercase;
 font-weight: lighter;
 }
 
.currentlocation a:hover, .ljtags a:hover {
 font-family: &quot;verdana&quot;, arial;
 font-size: 10px;
 color: #ed577c;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currentlocation, .currentmusic {  } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
font-family: &quot;verdana&quot;, arial;
 font-size: 10px;
 color: #cccccc;
 font-weight: lighter;
 text-transform: lowercase;
}


.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: &quot;verdana&quot;, arial;
 font-size: 10px;
 color: #68a15c;
 text-transform: lowercase;
 font-weight: lighter;
 }

.comments {
 font-family: &quot;Verdana&quot;, arial;
 font-size: 10px;
 font-weight: normal;
 text-align: right;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 border-bottom: 1px #e6d6b7 solid;
 }
 
div.comments a, div.comments a:link, div.comments a:visited{
 color: #ed577c;
}

div.comments a:hover {
 color: #68a15c;
 text-decoration: none;
}

/*------------Comments Page--------*/
.box {
 padding: 5px;
 margin-top: 0px;
 text-align: left;
        clear:right;
 background-color: #f7f6f0;
 width: 643px;
 }

form div.box {
 text-align:center;
 background-color: #f7f6f0;
 width: 735px;
}

.reply {
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #555555;
 }
 
.replytosubject {
 color: #555555;
 font-weight: bold;
 text-transform: normal;
        padding: 5px;
        background-color: #f7f6f0;
 }

.replytoposter {
        background-color: #f7f6f0;
 color: #68a15c;
 text-transform: normal;
        padding: 5px;
}
  
.commentreply {
        text-align: left;
 position: relative;
 margin: 10px;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 font-size: 10px;
 color: #555555;
 }
 
.commentbox {
 padding: 5px;
 margin: 10px;
 text-align: left;
        background-color: #f7f6f0;
 border: 1px solid #cccccc;
 }

.userpiccomment {
 background-color: #f7f6f0 !important;
 position: relative;
 top: -30px;
 left: 0px;
 margin: 20px 10px -20px 10px;
 padding: 5px;
 width: 100px;
 height: 100px;
 float: left;
border: 1px #e6d6b7 solid;
 color: #555555;
 z-index: 15;
} 

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
  color: #68a15c;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #68a15c; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #ed577c; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
        background-color: #f7f6f0;
 }

.commentinfo {
 margin-top: 10px; 
 width: 100%;
 }

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

ul.year {
 text-align: center;
 padding: 20px 0 20px 0;
 }

ul.year li {
 display: inline;  
 }

table.yeartable {
 margin-left: auto;
 margin-right: auto;
 }

table.yeartable td.yeardate, table.yeartable td.yearday {
 border: 1px solid #cccccc;
 color: #cccccc;
 }

table.yeartable td.yearday {
 text-align: center;
 color: #cccccc;
 }

td.yearmonth {
 color: #cccccc;
 border-style: none;
 }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #cccccc;
 font-family: &quot;verdana&quot;, arial, verdana, sans-serif;
 font-size: 11px;
 padding-left: 12px;
 padding: 8px;
 }

ul.ljtaglist li  {
 list-style: none;
 }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/world.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/heart-2-icon.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/ipod.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/lock_lightblue.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/lock_darkpurple.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/lock_darkgreen.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/lock_darkpink.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/fortress.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/fortress.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i1197.photobucket.com/albums/aa423/inabsentialuci/Layout pieces/Tiny Icons/King-Ikthusius-Castle-icon.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 background-color: #2a2a2a !important;
 border: 1px solid #eeeeee;
 }

#lj_controlstrip a, .lj_controlstrip a:link, .lj_controlstrip a:visited, {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #e6d6b7 !important;
 text-transform: lowercase;
 }

 
.headerimage {
          position: relative;
  width: 1000px;
  height: 400px;
         padding-left: 0px;
         padding-right: 0x;
         padding-bottom: 0px;
         padding-top: 0px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 1px;
  background-image: url(http://ic.pics.livejournal.com/inabsentialuci/2405958/80850/80850_original.png);
  background-position: center;         
         background-repeat: no-repeat;
            }

.separator {
          height: 20px;
         }
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;This coding has been updated a little to help fix any issues including those on the sidebar.</description>
  <comments>https://workshop-rees.livejournal.com/21976.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/21545.html</guid>
  <pubDate>Wed, 13 May 2015 00:01:27 GMT</pubDate>
  <title>futterwackens coding</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/21545.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot;&gt;/*--------------------------------
S2 Flexible Squares - 89. Layout Lounge 1.0
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #FC6C85;
 background-image: url(http://i57.tinypic.com/aneukg.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #FC6C85;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #E4287C; }
a:hover { color: #800080; position: relative; top: 1px; left: 1px; text-decoration: none; }


blockquote {
 width: 75%;
 background-color: #FF00FF;
 background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/open_quotes_small.png~original), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/close_quotes_small.png~original);
 background-repeat: no-repeat, no-repeat;
 background-attachment: scroll, scroll;
 background-position: left top, right top;
 margin-left: auto;
 margin-right: 0;
 padding: 5px 50px 15px 50px; 
 color: #800080;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: #E4287C 0 0 5px;
    -moz-box-shadow: #E4287C 0 0 5px;
     -ms-box-shadow: #E4287C 0 0 5px;
      -o-box-shadow: #E4287C 0 0 5px;
         box-shadow: #E4287C 0 0 5px;
 }

img.special, i img { background-color:#FCDFFF !important; border-size: 1px solid #E4287Cccc; margin: 5px; padding: 12px 12px 25px 12px;
-webkit-box-shadow: #E4287C 0 0 5px;
    -moz-box-shadow: #E4287C 0 0 5px;
     -ms-box-shadow: #E4287C 0 0 5px;
      -o-box-shadow: #E4287C 0 0 5px;
         box-shadow: #E4287C 0 0 5px;
}

b, strong { color: #E4287C; }
i, em { color: #752AD1; }
u { color: #2ABF1B; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 }

#maincontent {
 width: 800px;
 padding-top: 195px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #F660AB;
 text-align: center;
 }

.subcontent {
 background-color: #F4F4F4;
background-image: url(http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg), url(http://i57.tinypic.com/260yibk.jpg);
background-repeat: repeat-x, repeat-x;
 background-position: left top, left bottom;
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 width: 100%;
 height: 20px;
 text-align: center;
 color:#FCDFFF;
 padding: 6px 10px 10px 0;
 margin-top: 150px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background-color:#E4287C ;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 background-color:#FF00FF;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color:#FCDFFF;
 text-align: center;
 border-right: 1px solid#FCDFFF;
 border-left: 1px solid#FCDFFF;
}

div#header li.view { 
 background-color: #E4287C !important;
 color:#FCDFFF;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
 border-right: 0px solid#FCDFFF;
 border-left: 0px solid#FCDFFF;
 }

div#header a:hover {
 background-color: #E4287C !important;
 color:#FCDFFF;
 border-right: 1px solid#FCDFFF;
 border-left: lpx solid#FCDFFF;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}


ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #FADAD7; }

ul.navfooter li + li a:hover { background-color:#FADAD7 !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #FF00FF;
color:#FCDFFF;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#E4287CFFF;
background-color: #FF1493;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
width: 250px;
float: right;
margin: 188px -50px 0px 0px; 
padding: 0px 0 10px 0; 
color:#E4287C;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-align: left;
left: 5px;
}

.sbarbody2 { 
background-color: rgba(255, 255, 255, 0.5);
padding: 5px; 
margin: 0px 5px 0 -1px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: left;
 }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#800080;  }

li.sbartitle {
 list-style: none;
 color: #800080; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
margin-left: -12px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
background-color:#E4287Cfff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

#sidebar_linklist li.sbaritem a:hover {
color:#E4287CFFF; 
background-color:#800080;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts {background-color:#FCDFFF;  background-image: url(http://i60.tinypic.com/2exvhb5.jpg);border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color:#FCDFFF;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px -2px;
 text-align: left;
 border-bottom: 1px solid #dedede!important;
 background-color:#FCDFFF;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 padding: 0px;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color:#FCDFFF !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-left: -12px;}

li.tagBox a { background-color:#E4287Cfff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

li.tagBox a:hover { color:#FCDFFF; background-color:#800080; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { background-color:#E4287Cfff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: right;}

#sidebar_tags li.sbaritem a:hover { color:#FCDFFF; background-color:#800080; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color:#E4287C !important;
background-image: url(http://i60.tinypic.com/2exvhb5.jpg);
border: 0px solid #7D0541;
 -webkit-box-shadow: #E4287C 0 0 5px;
 -moz-box-shadow: #E4287C 0 0 5px;
 -ms-box-shadow: #E4287C 0 0 5px;
 -o-box-shadow: #E4287C 0 0 5px;
 box-shadow: #E4287C 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #800080;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left; 
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #E4287Cccc;background-image: url(http://i60.tinypic.com/2exvhb5.jpg);
 background-repeat: repeat; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color:#E4287C !important;
 background-image: url(http://i60.tinypic.com/2exvhb5.jpg);
 border: 0px solid #7D0541;
 float: left;
padding: 10px; 
margin: 5px 15px 25px -100px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #E4287C 0 0 5px;
 -moz-box-shadow: #E4287C 0 0 5px;
 -ms-box-shadow: #E4287C 0 0 5px;
 -o-box-shadow: #E4287C 0 0 5px;
 box-shadow: #E4287C 0 0 5px;
 }

.userpic a { color: #DC1A4E !important; }
.userpic a:hover { color: #FF00FF !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 background-image: url(http://i60.tinypic.com/2exvhb5.jpg);
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}

.userpicfriends a font {color: #DC1A4E; }

.userpicfriends a font:hover {color: #FF00FF;  text-shadow: 2px 2px 6px #FF00FF; }

.date  {
 margin: 0px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #E4287C;
 font-family: &quot;Paprika&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 20px 10px 0px 10px;
 color: #E4287C;
font-family: &quot;Delius Swash Caps&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #FF00FF;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #E4287C;}

.subject a:hover {color: #FFB6C1;}

.datesubject {
 margin-top: 2px;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #DC1A4E;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #DC1A4E;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 5px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #FF00FF;
 background-color:#F4F4F4;
 border: 1px solid #dedede;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #FADAD7;
color: #800080;
font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#E4287C;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#FF00FF;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
width: 769px;
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 }

form div.box {
 text-align: left;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color:#E4287C;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 font-family: &quot;arial;
 color:#E4287C;
 }
  
.commentbox {
 background-color: #F4F4F4;
background-image: url(http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg), url(http://i57.tinypic.com/260yibk.jpg);
background-repeat: repeat-x, repeat-x;
 background-position: left top, left bottom;
 align: left; 
 padding: 2px; 
 margin: 10px 2px 10px 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #E4287C!important;
background-image: url(http://i60.tinypic.com/2exvhb5.jpg);
background-repeat: repeat;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #E4287C 0 0 5px;
 -moz-box-shadow: #E4287C 0 0 5px;
 -ms-box-shadow: #E4287C 0 0 5px;
 -o-box-shadow: #E4287C 0 0 5px;
 box-shadow: #E4287C 0 0 5px;
}

.datesubjectcomment {
 margin: 20px;
 text-align: left;
 padding: 5px;
 font-size: 13px;
 background-color:#FFB6C1;
 color:#E4287C;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #FFB6C1; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #FFB6C1; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color:#E4287C; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color:#F4F4F4;  border: 1px solid #dedede;  -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px; }

ul.year li {display: inline;}

table.yeartable { width: 800px; margin-left: auto; margin-right: auto; padding: 20px 100px 20px 100px;  background-color: #F4F4F4;
background-image: url(http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg), url(http://i57.tinypic.com/260yibk.jpg);
background-repeat: repeat-x, repeat-x;
 background-position: left top, left bottom; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #E4287C; color: #F52887; }

table.yeartable td.yearday { text-align: center; color: #F52887; }

td.yearmonth { color: #F52887; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #F52887;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 20px 8px 20px 50px;
 background-color: #F4F4F4;
background-image: url(http://www.mentahelada.net/lj-layouts/layout018/bg-entry.jpg), url(http://i57.tinypic.com/260yibk.jpg);
background-repeat: repeat-x, repeat-x;
 background-position: left top, left bottom;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;

 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/001kwas4.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Paprika&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Paprika&apos;), local(&apos;Paprika-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Dancing Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Dancing Script&apos;), local(&apos;DancingScript&apos;), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#table  {
 font-family: Arial;
 color:#FCDFFF;
 font-size: 12px;
 line-height: 14px;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
font-size: 12px; 
font-family: arial; 
font-weight: normal; 
color: #FFB6C1; 
text-align: center; 
vertical-align: top; 
padding: 5px 5px 5px 5px; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 
 
#lj_controlstrip_statustext {
 color: #FF00FF;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color:#E4287C !important;
 border: 0px solid #FF00FF;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #FF00FF !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: absolute;
 width: 100%;
 height: 150px;
 margin-top: 0px;
 padding: 0px;
background-color: #E4287C;
 background-image: url(http://i60.tinypic.com/v67nmq.png), url(http://i60.tinypic.com/jrup2v.jpg);
 background-repeat: no-repeat, repeat;
background-position: center center, center top;
 }

.separator { height: 20px; }

/*-----------Navstip-----------*/

.w-cs DIV {
background: none repeat scroll 0 0 transparent;
float: none;
}

.w-cs .w-cs-userinfo {
background: none repeat scroll 0 0 #FF1493;
border-right: 1px solid #FF69B4;
float: left;
height: 50px;
min-width: 405px;
width: 40%;
 }

.w-cs {
color: #FFB6C1;
font: 10px/10px &apos;Arial&apos;,&apos;Helvetica&apos;,sans-serif;
}

.w-cs A:link, .w-cs A:visited, .w-cs A:active, .w-cs A:link B, .w-cs A:visited B, .w-cs A:active B {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
color: #FFB6C1 !important;
font: 10px &apos;Arial&apos;,&apos;Helvetica&apos;,sans-serif !important;
text-decoration: none;
 }

.w-cs A:hover, .w-cs A:hover B  { color: #FF00FF !important; }

.w-cs .w-cs-user-controls .w-cs-group-first, .w-cs .w-cs-group-second {
background: none repeat scroll 0 0 #FF1493;
}

.w-cs .w-cs-status P {
background: none repeat scroll 0 0 transparent !important;
border: 0 none;
color: #FF00FF;
float: none;
font: 12px/17px &apos;Arial&apos;,&apos;Helvetica&apos;,sans-serif;
margin: 0;
padding: 0;
}

.w-cs .w-cs-summary {
background: none repeat scroll 0 0 #F157F2;
border-radius: 2px 2px 2px 2px;
float: right;
margin: -1px 0 0;
padding: 1px 7px;
}

.w-cs .w-cs-summary LI.w-cs-i-tokens {
background-position: 0 -788px;
border-right: 1px solid #F157F2;
margin-right: 6px;
padding: 3px 6px 3px 0;
}

.w-cs .w-cs-text {
background: none repeat scroll 0 0 #F157F2;
border: medium none;
border-radius: 2px 2px 2px 2px;
color: #FF00FF !important;
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 2px 0 3px 5px;
vertical-align: top;
}

.w-cs .w-cs-search .w-cs-text {
border-right: 25px solid #FF00FF;
width: 150px;
}
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/21545.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/21324.html</guid>
  <pubDate>Thu, 09 Apr 2015 19:10:03 GMT</pubDate>
  <title>tracyj23&apos;s 93 Apple Customizations</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/21324.html</link>
  <description>&lt;textarea cols=&quot;60&quot; rows=&quot;10&quot;&gt;/*--------------------------------
S2 Flexible Squares- 93. Apple of My Eye
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #333333;
 background-image: url(http://i991.photobucket.com/albums/af34/stardust_20_2010/brick-wall.png);
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top center;
 color: #ffffff;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #E61C24; }
a:hover { color: #ffffff; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #000000;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 8px solid #E61C24; 
 }
img.special, i img { border: 10px solid #e5e5e5; }

b, strong { color: #298779; }
i, em { color: #5A7A41; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #1A5D7A; }

 .b-repost-item { display:none }

code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist {  width: 90%; text-align: left; padding-left: 15px; }

/*--------------General------------*/
#content {   
 background-color: #000000;);
 margin-top: 10px;
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 width: 900px; 
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

#maincontent {
 width: 640px;
 padding-top: 0px;
font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 width: 610px;
 background-color: #C7D62D;
 margin: auto;
 margin-right: -1px;
 padding-top: 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 100%;
 height: 40px;
 text-align: center;
 color: #ffffff;
 margin: 10px 0 0 20px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 12px 10px 5px 10px;
margin: 0px -9px 0 -8px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
}

div#header li.view { 
 color: #E61C24;
 border-bottom: 4px solid #C7D62D;
padding: 12px 10px 5px 10px;
margin: 0px -9px 0 3px;
 }

div#header a:hover {
 color: #E61C24;
 border-bottom: 4px solid #C7D62D;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: auto;
 padding: 7px 0px 0px 0px;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
top: 90%;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index: 0;
}

ul.navfooter{
margin:0 auto;
padding:0;
z-index: 0; }

ul.navfooter a {
}

ul.navfooter li + li a {
float: right;
background-color: rgba(180, 195, 26, 0.7);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(180, 195, 26, 0.7);
color: #000000;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 20px 20px 20px;
margin: 0px 5px -10px 5px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/
#sidebar {
 width: 230px;
 background-color: #000000;
 background-image: url(http://i991.photobucket.com/albums/af34/stardust_20_2010/i-love-music3.png);
 background-repeat: no-repeat;
 background-position: top center;
 float: right;
 padding: 100px 10px; 
 margin-top: -10px;
 font-family: &quot;Abel&quot;, arial, georgia;
 font-size: 14px;
 color: #ffffff;
 text-align: center;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px; 
margin: 0px auto 0px auto; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody {
margin: 0px auto 0px auto;
padding: 5px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #B4C31A;
display: inline;
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#ffffff;  }

li.sbartitle {
 list-style: none;
 background-image: none;
 color: #cccccc; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 17px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
 }

#sidebar_linklist  {
list-style-type:none;
padding: 2px auto 2px auto;
text-align: left !important;
text-transform: uppercase; }

#sidebar_linklist li.sbaritem a {
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -3px 0px;
text-align: center;
}

#sidebar_linklist li.sbaritem a:hover {
color:#ffffff; 
text-align: center;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #000000; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);  }

td.sbarcalendarposts a { color: #E61C24;}
td.sbarcalendarposts a:hover { color: #ffffff;}

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 5px;
 text-transform: normal;
 margin: 2px auto 2px auto;
 text-align: left;
 font-size: 12px;
 border-bottom: 1px solid #1d1d1d !important;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 font-size: 12px;
 color: #B4C31A;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


ul.tagList {padding-left: 0; margin-left: 0; list-style: none;}

li.tagItem {margin-left: 15px; list-style: none;}
.tagList li ul li {list-style: disc;}

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 5px; }

li.tagBox a { 
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 13px;
font-weight:lighter;
padding: 0px 1px 5px 12px;
margin: 0px 0px -3px 0px;
text-align: center;
}

li.tagBox a:hover { 
color:#ffffff; 
text-align: center;
 }

#sidebar_tags li.sbaritem a { 
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 13px;
font-weight:lighter;
padding: 0px 1px 5px 9px;
margin: 0px 0px -3px 0px;
text-align: center;
}

#sidebar_tags li.sbaritem a:hover { color:#ffffff; 
text-align: center;
 }


.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #000000;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 text-align: left;
z-index: 50;
 }

p, td{ font-family: &quot;arial&quot;; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 500px; height: auto;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: left;
margin: 5px 15px 25px -100px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #000000 !important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -moz-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -ms-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -o-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px !important;
 border-radius: 5px 50px 5px 50px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: -2px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;TuffyRegular&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #B4C31A;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ffffff;
 font-family: &quot;Paprika&quot;, arial, sans-serif;
 font-size: 11px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #000000;
font-family: &quot;Special Elite&quot;, open sans condensed, georgia, arial;
 font-size: 23px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #000000;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #E61C24;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #B4C31A;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 0px;
 font-family: &quot;Special Elite&quot;, Abel, arial, sans-serif;
 font-size: 14px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }
 .skiplinks a { color: #B4C31A; }
 .skiplinks a:hover { color: #ffffff; }

.lj-like {
 width: 100%; 
 clear: left; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
    margin: 0 !important;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: &quot;&quot;;
    display: table;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.ljtags a { color: #ffffff; }
.ljtags a:hover { color: #cccccc; }

.comments {
background-color: #ffffff;
color: #000000;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 5px;
margin-top: 8px; 
margin-left: -29px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#222222;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box, form div.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 color: #cccccc;
 }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 color: #ffffff;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #ffffff;
 }
  
.commentbox {
 align: left; 
 padding: 5px; 
 margin: 2px; 
 color: #B4C31A;
 }

.userpiccomment {
 background-color: #C7D62D;
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #ffffff;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #B4C31A; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #ffffff; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #000000; }

ul.year li {display: inline;}

table.yeartable { width: 90%; margin-left: auto; margin-right: auto; padding: 20px 100px 20px 100px; background-color: #C7D62D; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px;  }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #000000; border: 1px solid #000000; }

table.yeartable td.yearday { text-align: center; color: #000000; border: 1px solid #000000; }

td.yearmonth { color: #000000; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #C7D62D;
 font-family: &quot;Abel&quot;, arial, trebuchet ms, sans-serif;
 font-size: 16px;
 text-transform: uppercase;
 padding: 8px 8px 8px 50px;
 background-color: #000000;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal; width: 90%; }

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/2wbzrdd-famfamfam.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/famfamfam/replypage-delete.png) no-repeat !important; 
 }

.subject img[src*=&quot;icon_sticky.png&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/pin.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/apple_red.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/apple_red.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_apples.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------FONTS-----------*/
@font-face {
  font-family: &apos;Bilbo Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Bilbo Swash Caps&apos;), local(&apos;BilboSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/bilboswashcaps/v4/UB_-crLvhx-PwGKW1oosDpbko4ywDBcg2f1uYutDOWY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Paprika&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Paprika&apos;), local(&apos;Paprika-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Seaweed Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Seaweed Script&apos;), local(&apos;SeaweedScript-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/seaweedscript/v1/eorWAPpOvvWrPw5IHwE60FhlQWQpSCpzb2Peu3I-Q34.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Cardo&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Cardo&apos;), local(&apos;Cardo-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/cardo/v6/zpisC4kGu76S5N9VhpMnEg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Emilys Candy&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Emilys Candy&apos;), local(&apos;EmilysCandy-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/emilyscandy/v2/PofLVm6v1SwZGOzC8s-I3XhCUOGz7vYGh680lGh-uXM.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica Roman&apos;), local(&apos;IM_FELL_DW_Pica_Roman&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpica/v4/W81bfaWiUicLSPbJhW-ATno1aYbFHkK-jWDrR3dOoIA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Montserrat&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Montserrat-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Lato&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Lato Regular&apos;), local(&apos;Lato-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Special Elite&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Special Elite&apos;), local(&apos;SpecialElite-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/specialelite/v4/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Roboto Slab&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Roboto Slab Regular&apos;), local(&apos;RobotoSlab-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v3/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #ffffff !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 1100px;
 height: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
background-color: #transparent !important;
 background-image: url();
background-repeat: no-repeat;
background-position: top center;
z-index: 99;
 }

.separator { height: 20px; }
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;Let me know if there is something wrong with this....</description>
  <comments>https://workshop-rees.livejournal.com/21324.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/21104.html</guid>
  <pubDate>Wed, 25 Mar 2015 17:08:47 GMT</pubDate>
  <title>sacchanxd&apos;s code for the 88 Tabby with Oxygen Fonts</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/21104.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;
/*--------------------------------
S2 Flexible Squares - 88. Tabby
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(BACKGROUND IMAGE);
 background-repeat: repeat;
 background-attachment: fixed;
background-position: left top;
 color: #888888;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background: #423F5E;
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #ffffff;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #004359; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 730px;
 float: right;
 margin: 0px 0px 0px 0px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 margin-top: 0px;
 border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1000px;
 height: 30px;
 text-align: center;
 color: #282828;
 padding: 10px 0px 0 0px;
 margin: -40px 0px 5px 0px;
font-family: Abel, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px 10px 5px 15px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px;
 color: #000000;
 background-color: rgba(255, 255, 255, 0.7);
 text-align: left;
 border:0px solid #E0E0E0;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
}

div#header li.view { 
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 color: #FF0000;
 background-color: #ffffff;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
 }

div#header a:hover { 
 color: #FF0000;
 -webkit-box-shadow: #f6f6f6 0 0 10px inset;
 -moz-box-shadow: #f6f6f6 0 0 10px inset;
 -ms-box-shadow: #f6f6f6 0 0 10px inset;
 -o-box-shadow: #f6f6f6 0 0 10px inset;
 box-shadow: #f6f6f6 0 0 10px inset;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}


ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

div#footer a, div#footer a:link {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

div#footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 padding: 0px 0 10px 0; 
 margin: 2px 0px;
 font-family: Abel, arial, georgia;
 font-size: 14px;
 color: #000000;
 width: 260px;
 float: left;
 text-align: right;
 text-transform: normal;
 right: 5px;
 }

.sbarbody2, li.sbaritem2 { 
background-color: rgba(255, 255, 255, 0.5); 
padding: 5px; 
margin: 0px -12px 0 0px; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: right;
 }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover { font-style: italic;
color:#444444;  }

li.sbartitle {
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 color: #423F5E; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 15px;
 text-transform: uppercase;
 margin: 1px -12px 0px 8px;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
margin-right: -12px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
text-align: right;
letter-spacing: 2px; 
font-style:italic;
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_calendar {background-color: rgba(255, 255, 255, 0.5);  padding:2px 5px 5px 12px; margin-right: -12px; }

td.sbarcalendar { padding: 3px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 3px;
 text-transform: normal;
 margin: 3px -12px 3px 0px;
 text-align: left;
 border-bottom: 1px solid #dedede!important;
 background-color: #ffffff;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px;}

li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
font-style:italic;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right; font-style:italic; letter-spacing: 2px; padding: 2px 5px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 float: right;
margin: 5px -50px 25px 15px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px !important;
 border-radius: 5px 50px 5px 50px;
}
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;TuffyRegular&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #FF5DDD;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 80px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #423F5E;
font-family: &quot;Abel&quot;, open sans condensed, georgia, arial;
 font-size: 28px;
 font-weight: normal; 
 text-align: left;
 text-transform: uppercase;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #423F5E;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #4c228a;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #8A1751;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;Abel&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 12px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 background-color: #F6F6F6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 730px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff;  border: 1px solid #dedede; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;Abel&quot;, arial, trebuchet ms, sans-serif;
 font-size: 16px;
 padding: 8px 8px 8px 50px;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_summer.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica SC&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica SC&apos;), local(&apos;IM_FELL_DW_Pica_SC&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Abel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Abel&apos;), local(&apos;Abel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/abel/v4/EAqh528fFdbUek8UOky4sA.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
 background-repeat: no-repeat;
 background-position: center top;
z-index: -10;
}

.separator { height: 20px; }

&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/21104.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/20512.html</guid>
  <pubDate>Thu, 12 Mar 2015 22:56:08 GMT</pubDate>
  <title>camelot_drabble layout</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/20512.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;
/*--------------------------------
S2 Flexible Squares - Layout Made for Camelot Drabble
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #B5AA92;
 background-image: url(http://ic.pics.livejournal.com/yenny2206/14933072/20727/20727_original.png);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #85231E; }
a:hover { color: #444444; position: relative; top: 1px; left: 1px; text-decoration: none; }


blockquote {
 width: 80%;
 margin-right: auto;
 margin-left: auto;
 padding-left: 10px;
 color: #444444;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 10px solid #B3A68F; 
 }

img.special, i img { background-color: #F3F1E7 !important; border-size: 1px solid #cccccc; margin: 5px; padding: 12px 12px 25px 12px;
-webkit-box-shadow: #CCC 0 0 5px;
	   -moz-box-shadow: #CCC 0 0 5px;
	    -ms-box-shadow: #CCC 0 0 5px;
	     -o-box-shadow: #CCC 0 0 5px;
	        box-shadow: #CCC 0 0 5px;
}

b, strong { color: #004359; }
i, em { color: #B83037; }
u { color: #25911A; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }


 .b-repost-item { display:none }

p, td{  }
	
code, kbd, pre, tt {font-family: &quot;monospace&quot;;	}
	
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {  	
 width: 1100px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
z-index: 50;
 }

#maincontent {
 width: 830px;
 padding-top: 218px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #F7F6F0;
 margin: auto;
 padding-top: 10px;
 border: 1px solid #e3d8c6;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

/*---------------Header--------------*/
#header {		
 position: absolute;
 left: 0;
 width: 100%;
 height: 20px;
 text-align: center;
 color: #F3F1E7;
 padding: 6px 10px 10px 0;
 margin-top: 180px;
 font-family: &quot;Marck Script&quot;, arial !important;
 font-size: 16px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
background: #8C0600;
 background: -moz-linear-gradient(top, #512422, #8C0600);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
 text-align: center;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 11px 10px 10px 10px;
margin: 0px -8px 0 -7px;
 font-family: Marck Script !important;
 letter-spacing: 1px;
 color: #F3F1E7;
 text-align: center;
}

div#header li.view { 
 color: #F3F1E7;
padding: 11px 10px 10px 10px;
margin: 0px -8px 0 3px;
 }

div#header a:hover {
background-color: rgba(255, 255, 255, 0.2);
font-style: italic;
 color: #F3F1E7;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
	
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}


ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

div#footer a, div#footer a:link {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

div#footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }


/*-------------Sidebar--------------*/
#sidebar {
 background-color: #F7F6F0;
width: 260px;
margin: 218px -10px 0px 0px;
padding: 0px 5px 20px 5px;
 font-family: &quot;IM Fell Double Pica&quot;, arial, georgia;
 font-size: 14px;
 color: #000000;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7);
 float: right;
 text-align: left;
 text-transform: normal;
 right: 0px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px 10px 5px 4px; 
line-height: auto; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody2 a { color: #B4BA7A; }
.sbarbody2 a:hover { color: #5B4035; }

.sbarbody {
margin:0;
padding: 2px 2px 2px 0px;
padding-bottom: 5px; 
list-style-type: none;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 0px;
text-align: left;
}

li.sbaritem a {
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#5B4035;  }

li.sbartitle {
 list-style: none;
color: #8C0600;
 color: -moz-linear-gradient(top, #512422, #8C0600);
 color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Marck Script&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 3px 0px 0px 8px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
 }

#sidebar_linklist  {
color: #444444;
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;
}

#sidebar_linklist li.sbaritem a {
color: #444444;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: center;
}

#sidebar_linklist li.sbaritem a:hover {
color: #5B4035; 
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); 
}

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts a { color: #999999;}
td.sbarcalendarposts a:hover { color: #5B4035;}

td.sbarcalendarposts {border: 1px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px 0px;
 text-align: left;
 }

#sidebar_summary li.sbaritem a {
color: #444444;
 text-decoration: none;
 display: inline !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #5B4035 !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags { height: 300px; overflow-x: hidden; overflow-y: auto; }

#sidebar_tags a, li.tagBox a { color: #444444; display:block; font-weight:lighter; padding:2px 5px 5px 8px; text-align: center; }

#sidebar_tags a:hover, li.tagBox a:hover { color: #5B4035; text-align: center; letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
border: 0px solid #cccccc;
 -webkit-box-shadow: #555555 0 0 5px;
 -moz-box-shadow: #555555 0 0 5px;
 -ms-box-shadow: #555555 0 0 5px;
 -o-box-shadow: #555555 0 0 5px;
 box-shadow: #555555 0 0 5px;
}

.defaultuserpic img { }

.social-roll {
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-roll:hover {
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

/*-----------Entries-----------*/
.entry	{
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background: #8C0600 !important;
 background: -moz-linear-gradient(top, #512422, #8C0600);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
 border: 0px solid #eeeeee;
 float: left;
padding: 10px; 
margin: 5px 15px 25px -100px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-border-radius: 60px 5px 60px 60px;
 -moz-border-radius: 60px 5px 60px 60px;
 -ms-border-radius: 60px 5px 60px 60px;
 -o-border-radius: 60px 5px 60px 60px;
 border-radius: 60px 5px 60px 60px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #830A05 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px 5px 50px 50px;
 -moz-border-radius: 50px 5px 50px 50px;
 -ms-border-radius: 50px 5px 50px 50px;
 -o-border-radius: 50px 5px 50px 50px !important;
 border-radius: 50px 5px 50px 50px;
}

.userpicfriends a font {color: #DC1A4E; }

.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;IM Fell Double Pica&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 20px 10px 0px 10px;
color: #8C0600;
 color: -moz-linear-gradient(top, #512422, #8C0600);
 color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
font-family: &quot;Marck Script&quot;, open sans condensed, georgia, arial;
 font-size: 30px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #8C0600;
 color: -moz-linear-gradient(top, #512422, #8C0600);
 color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #830A05;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #222222;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 0px;
 margin-bottom: 5px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #F7F6F0;
 border: 1px solid #dedede;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

.lj-like {
    clear: both !important;
 text-align: center; 
   line-height: 1 !important;
    margin: 0 !important;
}

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 3px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background: #8C0600;
 background: -moz-linear-gradient(top, #512422, #8C0600);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
color: #ffffff;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -31px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#ffffff;
font-family: &quot;IM Fell Double Pica&quot;, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#cccccc;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #F7F6F0;
 border: 1px solid #dedede;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }

form div.box {
 text-align: left;
 background-color: #F7F6F0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }

.reply	{
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
		
.replytosubject {
 font-weight: none;
 }
		
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 font-family: &quot;arial;
 color: #000000;
 }
		
.commentbox {
 align: left; 
 padding: 10px 2px 10px 2px; 
 margin: 20px 5px 20px 5px; 
 }

.userpiccomment {
 margin: -35px 5px 5px 5px;
 padding: 8px;
 width: 100px;
 height: 100px;
 float: left;
background: #8C0600 !important;
 background: -moz-linear-gradient(top, #512422, #8C0600);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#512422), to(#8C0600));
 -webkit-border-radius: 60px 60px 5px 60px;
 -moz-border-radius: 60px 60px 5px 60px;
 -ms-border-radius: 60px 60px 5px 60px;
 -o-border-radius: 60px 60px 5px 60px;
 border-radius: 60px 60px 5px 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 13px;
 background-color: #F6F6F6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
		
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
	
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #F3F1E7;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 830px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #F3F1E7;  border: 1px solid #dedede; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 50px;
 background-color: #F3F1E7;
 border: 1px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/lute_embossed.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/sword.gif) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/sword.gif) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fortress.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;IM Fell Double Pica&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL Double Pica Roman &apos;), local(&apos;IM_FELL_Double_Pica_Roman&apos;), url(http://fonts.gstatic.com/s/imfelldoublepica/v6/yN1wY_01BkQnO0LYAhXdUpPVtvXJHLEDVFcdPHS8c5s.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/imfelldoublepica/v6/yN1wY_01BkQnO0LYAhXdUvyawXrEOuSoZ3hjwDkRdc8.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Marck Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Marck Script&apos;), local(&apos;MarckScript-Regular&apos;), url(http://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcugdm0LZdjqr5-oayXSOefg.woff2) format(&apos;woff2&apos;), url(http://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcnhCUOGz7vYGh680lGh-uXM.woff) format(&apos;woff&apos;);
}


/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#table  {
 font-family: Arial;
 color: #F3F1E7;
 font-size: 12px;
 line-height: 14px;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
font-size: 12px; 
font-family: arial; 
font-weight: normal; 
color: #666666; 
text-align: center; 
vertical-align: top; 
padding: 5px 5px 5px 5px; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 
	
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: absolute;
 width: 100%;
 height: 180px;
 margin-top: 0px;
 padding: 0px;
background-color: transparent !important;
 background-image: url(http://ic.pics.livejournal.com/yenny2206/14933072/20278/20278_original.png);
 background-repeat: no-repeat, repeat;
background-position: center center, center top;
 }

.separator { height: 20px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/20512.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/20463.html</guid>
  <pubDate>Fri, 13 Feb 2015 00:43:37 GMT</pubDate>
  <title>futterwackens&apos; layout customizations (82)</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/20463.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #52656B;
 background-image: url(http://i1367.photobucket.com/albums/r790/sheppsboy1/f5f7c75c7f80cd226b7e2beac5447ba1_zpsw1qhlkoi.gif), url(http://i1367.photobucket.com/albums/r790/sheppsboy1/VII_zps376813dd.png);
 background-repeat: repeat, repeat;
 background-attachment: fixed, fixed;
 background-size: none, none;
background-position: left bottom, center top;
 color: #717171;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #e1276b; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background-color: #FFFFFF;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border: 2px dashed #cccccc; 
 color: #333333;
 font-size: 15px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
 }

img.special, i img { background-color: transparent !important; margin: 5px; border: 1px solid #cccccc; padding: 5px;
}

b, strong { color: #4E6885; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { width: 95%; text-align: left; padding-left: 5px; margin-left: 10px; }

/*--------------General------------*/
#content {   
 width: 99%; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 50%;
 float: left;
 margin: -10px 0px 0px 400px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #000000;
 text-align: center;
 }

.subcontent {
 margin: 10px 0px 15px 10px;
background-color: rgba(254, 237, 239, 0.8);  
  -webkit-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);;
  box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
 }

/*---------------Header--------------*/
#header {  
 position: relative;
 width: 48.5%;
 height: 20px;
 text-align: center;
 color: #717171;
 padding: 6px 10px 10px 0px;
 margin: -8px 0px 10px 410px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background-color: rgba(0, 0, 0, 0.7);
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 border-right: 1px solid #666666;
 border-left: 1px solid #666666;
}

div#header li.view { 
 color: #dc1a4e;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
 border-right: 1px solid #666666;
 border-left: 1px solid #666666;
 }

div#header a:hover {
 color: #dc1a4e;
 border-right: 1px solid #666666;
 border-left: lpx solid #666666;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 border-left: lpx solid #666666;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 border-left: lpx solid #666666;
 }
 
.title, .subtitle { display: none; }


/*-----------Footer------------*/

#footer {
bottom: 5px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}


ul.navfooter li + li a {
float:right;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#9CD0CC !important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
margin-left: 280px;
}

div#footer a:hover {
color:#FFFFFF;
background-color: #9CD0CC;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #333333;
letter-spacing: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 float: left;
 position: fixed;
bottom: 0; left: 0;
 padding: 0px 0 10px 0; 
background-color: #FEEDEF;  
  -webkit-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);;
  box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
margin: -20px 10px 0px 0px;
 font-family: open sans condensed, arial, georgia;
 font-size: 11px;
 color: #717171;
 width: 280px;
 text-align: left;
 text-transform: normal;
right: 5px;
height: 90%;
overflow-x: hidden; overflow-y: auto;
 }

.sbarbody2 { 
padding: 5px; 
margin-top: 0px; 
margin: 0 8px 0 5px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #E0E0E0; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

.sbarbody {
margin: 0 8px 0 5px; 
padding: 0px;
padding-bottom: 5px; 
text-align: center;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444; -webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

li.sbartitle {
 list-style: none;
 color: #525171; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Dancing Script&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
text-shadow: 2px 2px 6px #bbbbbb;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;
height: 100px;
overflow-x: hidden; overflow-y: auto;
}

#sidebar_linklist li.sbaritem a {
color: #dc1a4e;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: center;
border-bottom: 1px solid #EDEDED;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;}

td.sbarcalendar {background-color:#F3F2EE;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #717171;
border: 5px solid #E0E0E0; 
padding: 3px;
text-transform: normal;
margin: 3px 0px;
 }

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #dc1a4e;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
text-decoration: none;
color: #717171;
background-color: transparent !important;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

#sidebar_tags .sbarcontent { height: 100px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #dc1a4e; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;}

#sidebar_tags li.sbaritem a { color: #dc1a4e; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;}

.defaultuserpic, .defaultuserpic image { text-align: center; padding: 10px; margin: 0 0 8px 0; }

/*-----------Entries-----------*/
.entry {
 padding: 10px 20px 10px 20px;
 margin: 0px;
 color: #000000;
 font-family: &quot;Roboto Condensed&quot;, calibri, arial, verdana;
 font-size: 14px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 postition: relative;
 float: left;
 margin: -25px 15px 25px -110px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #222222!important; 
 background: #FFF!important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px !important;
 border-radius: 5px 50px 5px 50px;
}
 
.userpicfriends a, .userpicfriends font {
 float: center;
 font-family: &apos;Roboto Condensed&apos;, sans-serif;
 font-size: 12px;
 text-align: center;
 color: #dc1a4e;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 -o-border-radius: 5px;
 border-radius: 5px;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -5px 10px;
 padding-top: 20px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;arial&quot;, sans-serif;
 font-size: 10px;
 text-transform: normal;
}

.subject {
 padding: 0px 0px 5px 5px;
 margin: 10px 10px 0px 10px;
 color: #871696;
font-family: &quot;Dancing Script&quot;, open sans condensed, georgia, arial;
 font-size: 26px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #871696;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #e1276b;
 font-weight: normal;
 font-size: 12px;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #717171;
 font-weight: normal;
 font-size: 12px;
 }

/*-----Currents, tags, comment links-----*/

.ljtags {
 margin-top: 5px;
 color: #bbbbbb;
 font-weight: lighter;
 font-size: 10px;
 font-family: &quot;Verdana&quot;, arial;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 background: URL(http://i31.tinypic.com/15p046e.jpg) no-repeat center left;
 }
 
.currents strong, .currentmood strong, .currentmusic .currentlocation, 

.ljtags strong {
 font-family: &quot;Verdana&quot;, arial;
 font-size: 12px;
 color: #bbbbbb;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: &quot;trebuchet ms&quot;, arial;
 font-size: 10px;
 color: #717171;
 font-weight: lighter;
 text-transform: lowercase;
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: &quot;trebuchet ms&quot;, arial;
 font-size: 12px;
 line-height: 150%;
 color: #dc1a4e;
 text-transform: lowercase;
 font-weight: lighter;
 padding: 3px;
 }

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: &quot;trebuchet ms&quot;, arial;
 font-size: 10px;
 color: #dc1a4e;
 text-transform: lowercase;
 font-weight: lighter;
 }
 
.currentlocation a:hover, .ljtags a:hover {
 font-family: &quot;trebuchet ms&quot;, arial;
 font-size: 12px;
 color: #717171;
 font-weight: lighter;
 text-transform: lowercase;
 }

.comments {
 font-family: &quot;Wire One&quot;, open sans condensed, georgia, arial;
 font-size: 16px;
 font-weight: none;
 color: #ffffff;
 text-align: center;
padding: 5px;
 position: relative;
 bottom: 0;
 clear: center;
 margin-top: 5px;
 text-transform: uppercase;
 }
 
div.comments a, div.comments a:link, div.comments a:visited{
color:#dc1a4e;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin:0;
padding: 5px 2px 5px 5px;
letter-spacing: 3px;
text-align: center;
 }

div.comments a:hover { color:#717171;
letter-spacing: 3px;
padding: 5px 2px 5px 5px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin-left: 9px;
 text-align: left;
 clear: left;
 width: 96%;
background-color: rgba(254, 237, 239, 0.8);  
  -webkit-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);;
  box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
 }

form div.box {
 text-align: left;
 width: 96%;
  }

.skiplinks {
background-color: rgba(254, 237, 239, 0.8);  
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial;
 padding: 12px;
 margin: 5px 0 0 10px;
 font-size: 12px;
 letter-spacing: 1px;
 color: #999999;
  -webkit-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);;
  box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #000000;
 border-bottom: 1px solid #cccccc;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #8A1751; font-family: Roboto Condensed, trebuchet ms, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #bbbbbb; }
 
.datesubjectcomment a:hover {color: #d60014;  font-family: Roboto Condensed, trebuchet ms, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #ffffff; }

.userpiccomment {
 margin: 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

div#content input,
div#content textarea,
div#content select {
 width: 80%;
 color: #717171;
 padding: 10px;
 marging: 10px; 
 border: 1px solid #cccccc;
 background-color:#ffffff;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;}
 }
 
textarea.textbox  {width: 90% !important;  -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -ms-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;}

.reply {
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #717171;
 }
 
.replytosubject {
 text-transform: normal;
 padding: 5px;
 }

.replytoposter {
 background-color: #ffffff;
 color: #8A1751;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 11px;
 font-family: &quot;Roboto Condensed&quot;, arial, trebuchet ms, sans-serif;
 font-size: 13px;
 color: #717171;
 }
 
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 20px;
 text-align: left;
background-color: rgba(254, 237, 239, 0.8);  
  -webkit-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);;
  box-shadow: 0 0 20px rgba(143, 143, 143, 0.8), inset 0 0 20px rgba(255, 255, 255, 0.5);
 }

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #ffffff;
 }

.commentinfo {
 margin-top: 10px; 
 width: 100%;
 }

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

ul.year {  width: 97%; text-align: center;  padding: 5px; margin-left: 10px;     background-color: #ffffff;   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5); }

ul.year li {display: inline;}

table.yeartable { width: 98%; margin-left: auto; margin-right: auto; margin-right: 5px; padding: 20px 100px 20px 100px; background-color: #ffffff;   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5); }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #717171; }

table.yeartable td.yearday { text-align: center; color: #717171; }

td.yearmonth { color: #717171; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #717171;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8), inset 0 0 20px rgba(0, 0, 0, 0.5);
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/001kwas4.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

@font-face {
  font-family: &apos;Wire One&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Wire One&apos;), local(&apos;WireOne&apos;), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Roboto Condensed&apos;;
  font-style: normal;
  font-weight: 300;
  src: local(&apos;Roboto Condensed Light&apos;), local(&apos;RobotoCondensed-Light&apos;), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff) format(&apos;woff&apos;);
}
@font-face {
  font-family: &apos;Roboto Condensed&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Roboto Condensed Regular&apos;), local(&apos;RobotoCondensed-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Dancing Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Dancing Script&apos;), local(&apos;DancingScript&apos;), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Fredericka the Great&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Fredericka the Great&apos;), local(&apos;FrederickatheGreat&apos;), url(http://themes.googleusercontent.com/static/fonts/frederickathegreat/v2/7Es8Lxoku-e5eOZWpxw18vc3vBAn7YvtW9hNjxWZBR0.woff) format(&apos;woff&apos;);
}

.headerimage {
 position: relative;
 width: 780px;
 height: 300px;
 margin-left: 300px;
 margin-right: auto;
 margin-bottom: 10px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(http://i1367.photobucket.com/albums/r790/sheppsboy1/Untitled_zps94282a15.png);
}

.separator { height: 10px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/20463.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/20133.html</guid>
  <pubDate>Wed, 24 Dec 2014 20:51:14 GMT</pubDate>
  <title>thisbe1304 coding - Oxygen (90)</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/20133.html</link>
  <description>Go to your &lt;a href=&quot;http://www.livejournal.com/customize/options.bml?group=customcss&quot; target=&quot;_blank&quot;&gt;Custom CSS Layout&lt;/a&gt;. This is the coding you should add to that box.&lt;br /&gt;&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;/*--------------------------------
S2 Flexible Squares - 90. Oxygen
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(http://i44.photobucket.com/albums/f38/DarkObsessionAwards/2nlecm9.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
background-position: left top;
 background-size: contain;
 color: #888888;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background: #444444;
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #ffffff;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #004359; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 1000px; 
 background-color: #ffffff !important;
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 }

#maincontent {
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 margin-left: 285px;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 width: 710px; 
 margin-top: 0px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1000px;
 height: 30px;
 text-align: left;
 color: #282828;
 padding: 0px;
 margin-bottom: 5px;
 margin-right: 10px;
font-family: &quot;Abel&quot;, georgia, arial;
  font-size: 16px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px 5px 5px 5px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px;
 color: #0da4d3;
 text-align: left;
 border:0px solid #E0E0E0;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
}

div#header li.view { 
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 color: #cccccc;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
 }

div#header a:hover { 
 color: #000000;
 -webkit-box-shadow: #f6f6f6 0 0 10px inset;
 -moz-box-shadow: #f6f6f6 0 0 10px inset;
 -ms-box-shadow: #f6f6f6 0 0 10px inset;
 -o-box-shadow: #f6f6f6 0 0 10px inset;
 box-shadow: #f6f6f6 0 0 10px inset;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0 15px 0px;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}

ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.5);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

div#footer a, div#footer a:link {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

div#footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/
#sidebar {
 background-color: #ffffff;
 padding: 10px; 
 font-family: &quot;Abel&quot;, arial, georgia;
 font-size: 14px;
 color: #000000;
 width: 260px;
 float: left;
 text-align: right;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px; 
margin: 0px 0px 0 10px; 
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: left;
 }

.sbarbody {
margin:0;
padding: 5px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;Abel&quot;, arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#ffffff;  }

li.sbartitle {
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 color: #aaaaaa; 
text-align: left;
letter-spacing: 2px;
 font-family: &quot;Abel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
 }

#sidebar_linklist  {
list-style-type:none;
padding: 5px;
text-align: left !important;
text-transform: uppercase; }

#sidebar_linklist li.sbaritem a {
background-color: #111111; 
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -2px 0px;
text-align: left;
}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color: #000000;
text-align: left;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #000000;
 padding: 5px;
 text-transform: normal;
 margin: 5px 0px 5px 0px;
 text-align: left;
 font-size: 12px;
 border-bottom: 1px solid #dedede!important;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags .sbarcontent { height: 500px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 5px; }

li.tagBox a { 
background-color: #111111; 
background: url(&quot;http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/greyarrow.gif&quot;) no-repeat scroll left center #111111;
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px 1px 5px 12px;
margin: 0px 0px -2px 0px;
text-align: left;
}

li.tagBox a:hover { 
color:#FFFFFF; 
background-color: #000000;
text-align: left;
 }

#sidebar_tags li.sbaritem a { 
background-color: #111111; 
background: url(&quot;http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/greyarrow.gif&quot;) no-repeat scroll left center #111111;
border-bottom: 1px solid #1d1d1d;
color: #eeeeee;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 5px 1px 5px 9px;
margin: 0px 0px -2px 0px;
text-align: left;
}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF; 
background-color: #000000;
text-align: left;
 }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 30px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 float: right;
margin: 5px -60px 25px 15px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;TuffyRegular&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #FF5DDD;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 80px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #0da4d3;
font-family: &quot;Abel&quot;, open sans condensed, georgia, arial;
 font-size: 28px;
 font-weight: normal; 
 text-align: left;
 text-transform: uppercase;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #0da4d3;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #4c228a;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #8A1751;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;Abel&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
color: #eeeeee;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 10px;
margin-top: 8px; 
position: relative;
text-align:center;
width:auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
background-color: #111111;
color:#eeeeee;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 10px;
margin:0;
text-align: center; }

div.comments a:hover {
background-color: #000000;
color:#ffffff;
}

/*------------Comments Page--------*/
.box, form div.box {
 width: 700px;
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: #ffffff;
 }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 background-color: #f6f6f6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { width: 710px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; border: 1px solid #cccccc; }

table.yeartable td.yearday { text-align: center; color: #888888; border: 1px solid #cccccc; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;Abel&quot;, arial, trebuchet ms, sans-serif;
 font-size: 16px;
 text-transform: uppercase;
 padding: 8px 8px 8px 50px;
 background-color: #ffffff;
 border: 0px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_summer.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica SC&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica SC&apos;), local(&apos;IM_FELL_DW_Pica_SC&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Abel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Abel&apos;), local(&apos;Abel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/abel/v4/EAqh528fFdbUek8UOky4sA.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 960px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: 20px solid #ffffff;
 background-color: transparent !important;
 background-image: url(http://i44.photobucket.com/albums/f38/DarkObsessionAwards/graffitigraphic-outlander0249c.png);
 background-repeat: no-repeat;
 background-position: center top;
z-index: -10;
}

.separator { height: 0px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/20133.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/19895.html</guid>
  <pubDate>Tue, 18 Nov 2014 23:01:13 GMT</pubDate>
  <title>hughville coding help: 86 Gradient Hover</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/19895.html</link>
  <description>&lt;textarea rows=&quot;10&quot; cols=&quot;80&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
background: #0d2431; /* Old browsers */
background: -moz-linear-gradient(top, #0d2431 0%, #7fb5c5 96%, #7fb5c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d2431), color-stop(96%,#7fb5c5), color-stop(100%,#7fb5c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0d2431 0%,#7fb5c5 96%,#7fb5c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0d2431 0%,#7fb5c5 96%,#7fb5c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0d2431 0%,#7fb5c5 96%,#7fb5c5 100%); /* IE10+ */
background: linear-gradient(to bottom, #0d2431 0%,#7fb5c5 96%,#7fb5c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&apos;#0d2431&apos;, endColorstr=&apos;#7fb5c5&apos;,GradientType=0 ); /* IE6-9 */

 color: #594F4F;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0px 20px 0;
 width: 97%;
 }

a, a:link, a:visited { color: #1986A5; }
a:hover { color: #ee1c24; }


blockquote {
 width: 75%;
 margin-left: auto;
 margin-right: 100px;
 padding: 5px; 
 color: #594F4F;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
border: 10px solid #ededed;
 }

i img { border: 10px solid #dddddd; align: center; margin-left: 100px; }
u img { border: 10px solid #dddddd; }

b, strong { color: #E71A21; }
i, em { color: #0D2431; }
u { color: #222222; }
s, strike { color: #444444; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {   
 background-color: #ffffff;
 width: 800px; 
 margin-left: auto; 
 margin-right: auto;
 margin-top: 100px;
 text-align: left;
box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.4);
 }

#maincontent {
 width: 565px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 padding-top: 50px;
 margin-top: 260px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 margin: auto;
 padding-top: 10px;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 center: 0;
 width: 780px;
 height: 25px;
 text-align: center;
 color: #ffffff;
 padding: 6px 0px 10px 0;
 margin: -25px auto 0 35px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background: #86AFB9;
 background: -moz-linear-gradient(top, #58BED8, #86AFB9);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58BED8), to(#86AFB9));
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.3);
z-index: 100;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 background-color: transparent !important;
padding: 12px 10px 16px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
}

div#header li.view { 
 background: #4BB0C9;
 background: -moz-linear-gradient(top, #4BB0C9, #749CA6);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BB0C9), to(#749CA6));
 color: #ffffff;
padding: 12px 10px 16px 10px;
margin: 0px -8px 0 3px;
 }

div#header a:hover {
 background: #4BB0C9;
 background: -moz-linear-gradient(top, #4BB0C9, #749CA6);
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BB0C9), to(#749CA6));
 color: #ffffff;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 border-left: lpx solid #ffffff;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 border-left: lpx solid #ffffff;
 }
 
.title { position: absolute;
display: none;
 width: 100%;
 height: 100px;
 margin-top: -120px;
 padding: 0px;
 font-size: 72px;
 font-family: &quot;Great Vibes&quot;, Brush Script MT, arial, verdana;
 text-align: center;
 color: #ffffff;
 text-shadow: 1px 1px 7px #222222;
}

.subtitle { display: none; }

/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {

}


ul.navfooter li + li a {
float:right;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

div#footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
width: 260px;
background-color: #4C677A;
margin-right: -50px; 
margin-top: 0px;
margin-left: 0px;
padding-top: 30px;
color: #ffffff;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: normal;
float: right;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.6);
}

.sbarbody2 { 
padding: 5px; 
background-color: transparent !important; 
margin-top: 0px; 
margin: 0 5px 5px 5px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: center;
}

.sbarbody {
margin:0;
padding: 0px 2px 7px 0px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #91C3D0;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: none;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#ffffff;  }

li.sbartitle {
 list-style: none;
 color: #60CFEB; 
text-align: center;
letter-spacing: 0px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 30px;
 text-transform: normal !important;
 margin: 1px 5px 0px 5px;
  }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform: lowercase;
height: 150px;         overflow-x: hidden; overflow-y: auto;}

#sidebar_linklist li.sbaritem a {
color: #91C3D0;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

table.calendar { margin-right: auto; margin-left: auto; }
 
.sbarcalendar {
 padding: 1px;
 border: 1px solid #91C3D0;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 9px;
 }

.sbarcalendarposts {
 padding: 1px;
 border: 1px solid #594F4F;
 background-color: #91C3D0;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 9px;
 }

#sidebar_summary, #sidebar_calendar, h2 {  }

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 3px;
 text-transform: normal;
 margin: 3px;
 text-align: left;
 border-bottom: 2px solid #594F4F;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #91C3D0;
 border: 0px solid #333333 !important;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 100%;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #91C3D0;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F; 
}

li.tagBox a:hover { color:#FFFFFF; 
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

#sidebar_tags li.sbaritem a { color: #91C3D0;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F; 
}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF; 
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 7px;
background-color: #ffffff !important;
border: 1px solid #cccccc;
}


.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 10px 20px 10px 20px;
 margin-bottom: 10px;
 color: #594F4F;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: right;
padding: 10px 10px 15px 10px; 
margin: 0px -5px 20px 5px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #FF0004 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}

.userpicfriends a font {color: #FF0004; }
.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: -10px 10px -15px 20px;
 text-align: left; 
 padding-right: auto;
 padding-left: auto;
 color: #435255;
 font-family: &quot;Verdana&quot;, arial, sans-serif;
 font-size: 11px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 10px 10px 0px 10px;
 color: #E71A21;
font-family: &quot;Duru Sans&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #E71A21;}

.subject a:hover {color: #423F5E;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #D82E46;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #48B5AB;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #3A4B54;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0px 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {

} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
width: 98%; 
text-align: left;
color: #cccccc;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
margin: 20px 0px 0px 0px;
}

.ljtags a { padding-right: 5px; border-right: 1px solid #808080; }

.comments {
background-color: #f7f7f7;
color: #444444;
font-size: 12px;
line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -20px;
position: relative;
text-align: right;
width: auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin: 0;
padding: 5px 10px;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#ffffff;
background-color: #959595;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #AAC6BA;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: &quot;arial;
 color: #594F4F;
 }
  
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 0px;
 text-align: left;
 background-color: #ffffff;
 border: 2px dashed #CDE2E7; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}
  
.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #3A4B54; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #594F4F; color: #594F4F; }

table.yeartable td.yearday { text-align: center; color: #594F4F; }

td.yearmonth { color: #594F4F; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 40px;
 background-color: #ffffff;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 20px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_apples.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }


/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Arizonia&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Arizonia&apos;), local(&apos;Arizonia-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/arizonia/v3/8Usm7f8XTsZinW2e-ZMd5fesZW2xOQ-xsNqO47m55DA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Montez&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Montez&apos;), local(&apos;Montez-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/montez/v3/Zfcl-OLECD6-4EcdWMp-Tw.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Griffy&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Griffy&apos;), local(&apos;Griffy-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Love Ya Like A Sister&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Love Ya Like A Sister Regular&apos;), local(&apos;LoveYaLikeASister-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/loveyalikeasister/v4/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Duru Sans&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Duru Sans&apos;), local(&apos;DuruSans-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/durusans/v4/0rnIdjSQWlqFS5KpKzVfzj8E0i7KZn-EPnyo3HZu7kw.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
 
.headerimage {
 position: absolute;
 width: 100%;
 height: 250px; 
 margin-top: -250px;
 background-image: url();
 background-repeat: no-repeat;
 background-position: center bottom;
z-index: 50;
 }

.lj-view-friends { margin-top: -24px; }

.separator { height: 10px; }

&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/19895.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>10</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/19607.html</guid>
  <pubDate>Thu, 25 Sep 2014 23:02:43 GMT</pubDate>
  <title>Coding for marynasuke</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/19607.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #ffffff;
 background-image: url(), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Backgrounds/2h4l5bq.png);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #888888;
 font-family: &quot;verdana&quot;, arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #49BFB4; }
a:hover { color: #444444; position: relative; top: 1px; left: 1px; text-decoration: none; }


blockquote {
 width: 75%;
 background-color: #f7f7f7;
 background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/open_quotes_small.png~original), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/close_quotes_small.png~original);
 background-repeat: no-repeat, no-repeat;
 background-attachment: scroll, scroll;
 background-position: left top, right top;
 margin-left: auto;
 margin-right: 0;
 padding: 5px 50px 15px 50px; 
 color: #444444;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
 -moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: #CCC 0 0 5px;
    -moz-box-shadow: #CCC 0 0 5px;
     -ms-box-shadow: #CCC 0 0 5px;
      -o-box-shadow: #CCC 0 0 5px;
         box-shadow: #CCC 0 0 5px;
 }

img.special, i img { background-color: #ffffff !important; border-size: 1px solid #cccccc; margin: 5px; padding: 12px 12px 25px 12px;
-webkit-box-shadow: #CCC 0 0 5px;
    -moz-box-shadow: #CCC 0 0 5px;
     -ms-box-shadow: #CCC 0 0 5px;
      -o-box-shadow: #CCC 0 0 5px;
         box-shadow: #CCC 0 0 5px;
}

b, strong { color: #004359; }
i, em { color: #752AD1; }
u { color: #2ABF1B; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }


 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/

#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 }

#maincontent {
 width: 790px;
 padding-top: 257px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 z-index: 0;
 }

.subcontent {
 background-color: #ffffff;
 margin: auto;
 padding-top: 10px;
border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 left: 0;
 width: 100%;
 height: 20px;
 text-align: center;
 color: #ffffff;
 padding: 6px 10px 10px 0;
 margin-top: 219px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
 background-color: #000000 ;
}

div#header a, div#header a:link, div#header a:visited, 

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 background-color: #000000;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
}

div#header li.view { 
 background-color: #49BFB4 !important;
 color: #ffffff;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
 border-right: 0px solid #ffffff;
 border-left: 0px solid #ffffff;
 }

div#header a:hover {
 background-color: #49BFB4 !important;
 color: #ffffff;
 border-right: 1px solid #ffffff;
 border-left: lpx solid #ffffff;
top: 0px; left: 0px; 
}

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*--------------- footer ---------------*/

#footer {
top: 50%;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}


ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

div#footer a, div#footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

div#footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
width: 260px;
float: right;
margin: 257px -50px 0px 0px; 
padding: 0px 0 10px 0; 
color: #000000;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-align: left;
left: 5px;
}

.sbarbody2 { 
background-color: rgba(255, 255, 255, 0.5);
padding: 5px; 
margin: 0px 5px 0 -1px; 
line-height: 14px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px !important; 
text-transform: lowercase; 
text-align: left;
 }

.sbarbody2 a { color: #00657E; text-transform: uppercase;  }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
 list-style: none;
 color: #423F5E; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
margin-left: -12px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px -2px;
 text-align: left;
 border-bottom: 1px solid #dedede!important;
 background-color: #ffffff;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 padding: 0px;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-left: -12px;}

li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding: 2px 5px 5px 8px;
text-align: right;}

li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: right;}

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 position: relative;
background-color: #ffffff !important;
 border: 0px solid #eeeeee;
 float: left;
padding: 10px; 
margin: 5px 15px 25px -100px;
 width: 100px;
 height: 100px;
 text-align: center;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 11px;
 z-index: 15;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
 }

.userpic a { color: #DC1A4E !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}

.userpicfriends a font {color: #DC1A4E; }

.userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 0px 10px -15px 10px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;Paprika&quot;, arial, sans-serif;
 font-size: 12px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 20px 10px 0px 10px;
 color: #1A5D7A;
font-family: &quot;Delius Swash Caps&quot;, open sans condensed, georgia, arial;
 font-size: 25px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #1A5D7A;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #DC1A4E;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #DC1A4E;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

/*-----------  Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic {
display:none;
} 

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
} 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
 font-family:verdana; 
font-weight:bold; 
font-size: 8px; 
text-transform:uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 14px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 13px;
 background-color: #F6F6F6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 790px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff;  border: 1px solid #dedede; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 font-size: 13px;
 padding: 8px 8px 8px 50px;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}


/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/muffin.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/001kwas4.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*---------Fonts----------*/
@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Paprika&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Paprika&apos;), local(&apos;Paprika-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Dancing Script&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Dancing Script&apos;), local(&apos;DancingScript&apos;), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#table  {
 font-family: Arial;
 color: #ffffff;
 font-size: 12px;
 line-height: 14px;
 padding: 5px 5px 5px 5px;
 align: center;
}

td.custom {          /*code index*/
font-size: 12px; 
font-family: arial; 
font-weight: normal; 
color: #666666; 
text-align: center; 
vertical-align: top; 
padding: 5px 5px 5px 5px; 
border-color: #1DAB9D; 
border-style: dotted; 
border-width: 1px 1px 1px 1px; 
} 
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip {
 margin-top: -50px;
 position: relative;
 width: 100%;
 background-position: center center;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: absolute;
 width: 100%;
 height: 219px;
 margin-top: 0px;
 padding: 0px;
background-color: #49BFB4;
 background-image: url(http://ic.pics.livejournal.com/sireesanwar/10000243/168600/168600_original.jpg);
 background-repeat: repeat-x;
background-position: center top;
z-index: 99;
 }

.separator { height: 20px; }
&lt;/textarea&gt;&lt;br /&gt;&lt;a href=&quot;http://ic.pics.livejournal.com/sireesanwar/10000243/168600/168600_original.jpg&quot; target=&quot;_blank&quot; target=&quot;_blank&quot;&gt;&lt;img height=&quot;63&quot; src=&quot;https://ic.pics.livejournal.com/sireesanwar/10000243/168600/168600_original.jpg&quot; width=&quot;400&quot; fetchpriority=&quot;high&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Save this image so because I&amp;#39;m going to delete it next week.</description>
  <comments>https://workshop-rees.livejournal.com/19607.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
  <item>
  <guid isPermaLink='true'>https://workshop-rees.livejournal.com/19265.html</guid>
  <pubDate>Wed, 13 Aug 2014 01:15:37 GMT</pubDate>
  <title>Tabby coding for nikki6</title>
  <author>sireesanwar</author>
  <link>https://workshop-rees.livejournal.com/19265.html</link>
  <description>&lt;textarea cols=&quot;80&quot; rows=&quot;10&quot; style=&quot;font-family:Arial; font-size:11px;&quot;&gt;/*--------------------------------
S2 Flexible Squares - 88. Tabby
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(http://i136.photobucket.com/albums/q182/Ellcrys3/1752682_zps93dba6f8.jpg);
 background-repeat: no-repeat;
 background-attachment:  fixed;
background-position: center center;
background-size: cover;
 color: #888888;
 font-family: &quot;lucida grande&quot;, &quot;lucida sans&quot;, trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
 background: #423F5E;
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #ffffff;
 font-size: 13px;
 line-height: 16px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #004359; }
i, em { color: #4c228a; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

 .b-repost-item { display:none }

p, td{  }
 
code, kbd, pre, tt {font-family: &quot;monospace&quot;; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 730px;
 float: right;
 margin: 410px 0px 0px 0px;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 margin-top: 0px;
 border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
 position: absolute;
 width: 1000px;
 height: 30px;
 text-align: center;
 color: #282828;
 padding: 10px 0px 0 0px;
 margin: 365px 0px 5px 0px;
font-family: open sans condensed, georgia, arial;
  font-size: 12px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 14;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px 10px 5px 15px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px;
 color: #000000;
 background-color: rgba(255, 255, 255, 0.7);
 text-align: left;
 border:0px solid #E0E0E0;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
}

div#header li.view { 
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 color: #FF0000;
 background-color: #ffffff;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
 }

div#header a:hover { 
 color: #FF0000;
 -webkit-box-shadow: #f6f6f6 0 0 10px inset;
 -moz-box-shadow: #f6f6f6 0 0 10px inset;
 -ms-box-shadow: #f6f6f6 0 0 10px inset;
 -o-box-shadow: #f6f6f6 0 0 10px inset;
 box-shadow: #f6f6f6 0 0 10px inset;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }


/*--------------- footer ---------------*/

#footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:99;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
}


ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

div#footer a, div#footer a:link {
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

div#footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}


ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

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

#sidebar {
 width: 260px;
 padding: 30px 0 10px 0; 
 margin: 376px 0px;
 font-family: open sans condensed, arial, georgia;
 font-size: 11px;
 color: #000000;
 float: left;
 text-align: right;
 text-transform: normal;
 right: 5px;
 }

.sbarbody2, li.sbaritem2 { 
background-color: rgba(255, 255, 255, 0.5); 
padding: 5px; 
margin: 0px -12px 0 0px; 
line-height: 12px; 
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #8A1751;
display: inline;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#444444;  }

li.sbartitle {
background-color: rgba(255, 255, 255, 0.5); 
 list-style: none;
 color: #423F5E; 
text-align: center;
letter-spacing: 2px;
 font-family: &quot;Grand Hotel&quot;, trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px -12px 0px 8px;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
margin-right: -12px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF; 
background-color:#444444;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

td.sbarcalendar {background-color: transparent !important;
padding: 3px;}

td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }

table.calendar {padding-top: 5px;}

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 3px;
 text-transform: normal;
 margin: 3px -12px 3px 0px;
 text-align: left;
 border-bottom: 1px solid #dedede!important;
 background-color: #ffffff;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #91C3D0;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }


#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px;}

li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: left;}

#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: &quot;arial&quot;;
 font-size: 14px;
 line-height: 150%;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 float: right;
margin: 5px -50px 25px 15px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: &apos;TuffyRegular&apos;, sans-serif;
 font-size: 11px;
 text-align: center;
 color: #FF5DDD;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: 10px 80px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: &quot;IM Fell DW Pica SC&quot;, arial, sans-serif;
 font-size: 14px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 15px 10px 0px 10px;
 color: #423F5E;
font-family: &quot;Grand Hotel&quot;, open sans condensed, georgia, arial;
 font-size: 28px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #423F5E;}

.subject a:hover {color: #565656;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }


span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #4c228a;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #8A1751;
 font-weight: normal;
 }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; } 

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; } 

/*-----Currents, tags, comment links-----*/

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.comments {
background-color: #f7f7f7;
color: #444444;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -30px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #ffffff;
  }

.reply {
 position: relative;
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-size: 10px;
 line-height: 125%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
 }
  
.commentreply {
 font-family: &quot;trebuchet ms&quot;, arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: &quot;arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #FFF!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #CCC 0 0 5px;
 -moz-box-shadow: #CCC 0 0 5px;
 -ms-box-shadow: #CCC 0 0 5px;
 -o-box-shadow: #CCC 0 0 5px;
 box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 background-color: #F6F6F6;
 color: #000000;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-color: #000000; 
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #ffffff;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 730px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff;  border: 1px solid #dedede; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }

table.yeartable td.yearday { text-align: center; color: #888888; }

td.yearmonth { color: #888888; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #888888;
 font-family: &quot;trebuchet ms&quot;, arial, trebuchet ms, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 50px;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*=&quot;icon_protected.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*=&quot;icon_groups.gif&quot;]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*=&quot;icon_private.gif&quot;]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*=&quot;userinfo.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*=&quot;community.gif&quot;] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://s77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_summer.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Fonts-----------*/
@font-face {
  font-family: &apos;Grand Hotel&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Grand Hotel&apos;), local(&apos;GrandHotel-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Great Vibes&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Great Vibes&apos;), local(&apos;GreatVibes-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;Delius Swash Caps&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;Delius Swash Caps&apos;), local(&apos;DeliusSwashCaps-Regular&apos;), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format(&apos;woff&apos;);
}

@font-face {
  font-family: &apos;IM Fell DW Pica SC&apos;;
  font-style: normal;
  font-weight: 400;
  src: local(&apos;IM FELL DW Pica SC&apos;), local(&apos;IM_FELL_DW_Pica_SC&apos;), url(http://themes.googleusercontent.com/static/fonts/imfelldwpicasc/v4/xBKKJV4z2KsrtQnmjGO17ORrWueMUZPacwWUa4j7Ahg.woff) format(&apos;woff&apos;);
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: &quot;georgia&quot; !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: &quot;georgia&quot; !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: fixed;
 width: 100%;
 height: 355px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5px
 padding: 0px;
 background-color: transparent !important;
 background-image: url(http://i136.photobucket.com/albums/q182/Ellcrys3/nikki6LJbanner_zps63c565d5.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
z-index: 50;
}

.separator { height: 20px; }
&lt;/textarea&gt;</description>
  <comments>https://workshop-rees.livejournal.com/19265.html?view=comments#comments</comments>
  <category>coding help</category>
  <lj:security>public</lj:security>
  <lj:poster>sireesanwar</lj:poster>
  <lj:posterid>10000243</lj:posterid>
  <lj:reply-count>0</lj:reply-count>
  </item>
</channel>
</rss>
