<table id="Table_01" width="580" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td colspan="6" width="580" height="11"> </td>
</tr>
<tr>
<td style="text-align: center;" colspan="6" width="580" height="26"> <a href="#what">What is Axis?</a>  |  <a href="#who">Who can go?</a>  |  <a href="__73__">Events</a>  |  <a href="__115__">Parent Resources</a>  |  <a class="external" title="Axis Summer Calendar 2012" href="http://dl.dropbox.com/u/2332470/axiswebimages/AxisCalendar2012.pdf">Calendar</a>  </td>
</tr>
<tr>
<td rowspan="5" colspan="2" width="277" height="174"> <img src="http://s3.amazonaws.com/churchplantmedia-cms/thebridgebiblechurch/axis-logo-3-2-modified.png" alt="Axis Logo 3-2 Modified" width="250" data-attribute="25" /></td>
<td colspan="4" width="303" height="40"> </td>
</tr>
<tr>
<td rowspan="4" width="40" height="134"> </td>
<td><a href="https://www.facebook.com/Axisbakersfield"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/facebook.png" alt="" width="215" height="42" /></a></td>
<td rowspan="2" colspan="2" width="48" height="64"> </td>
</tr>
<tr>
<td width="215" height="22"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/email.png" alt="" width="216" height="43" /></td>
</tr>
<tr>
<td colspan="2">
<script type="text/javascript" src="http://jotformpro.com/min/g=feedback2">// <![CDATA[
        new JotformFeedback({
        formId:'21357018965963',
        base:'http://jotformpro.com/',
        windowTitle:'Text Blast Sign Up',
        background:'#FFA500',
        fontColor:'#FFFFFF',
        type:false,
        height:500,
        width:700
        });
// ]]></script>
<a class="lightbox-21357018965963" style="cursor: pointer; color: blue; text-decoration: underline;"> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/texts.png" alt="" width="216" height="43" /></a></td>
<td rowspan="2" width="47" height="70"> </td>
</tr>
<tr>
<td colspan="2" width="216" height="27"> </td>
</tr>
<tr>
<td colspan="6" width="580" height="15"><a href="__141__"><img src="http://dl.dropbox.com/u/2332470/BecomingSeriesBox4.png" alt="" /></a><a href="__73__"><img src="http://dl.dropbox.com/u/2332470/upcomingevent.png" alt="" /></a></td>
</tr>
<tr>
<td colspan="2" width="277" height="1"><img src="images/spacer.gif" alt="" width="277" height="1" /></td>
<td colspan="4"><img src="images/AxisWebsite_14.jpg" alt="" width="303" height="1" /></td>
</tr>
<tr>
<td rowspan="3" width="160" height="273"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/Sidebar.jpg" alt="sidebar3" /></td>
<td colspan="5" width="300" height="36"><a id="what" name="what"></a> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/whatis.png" alt="" />
<p>Axis is the Junior High Ministry here at The Bridge Bible Church. We are called Axis because we strive to be constantly revolving around Jesus. We meet on Sunday Nights where we have games, worship, and a lesson straight from God’s Word. </p>
<p>We strongly encourage you to come and meet students your own age and get plugged into our church. During certain times of the year we also offer girls and guys small groups that meet on various nights at different leader’s homes other events over the year include Hume Lake Summer Camp, small groups, beach trips, service projects, and other various fun activites! Please check out our calendar for locations and times of our next meeting! </p>
</td>
</tr>
<tr>
<td colspan="5" width="396" height="39"><a id="who" name="who"></a> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/whocango.png" alt="" />
<p>Axis is a Jr. High ministry so we welcome any student who is currently enrolled in the 7th or 8th grade. We love seeing new faces! Please bring your friends to come be apart of our Axis family.</p>
<h3 style="text-align: left;">FAQ</h3>
<p>Q: School just got out for summer and my student finished 6th grade is he in Jr. High now?</p>
<p>A: Yes! We graduate students at the start of summer. This also means that 8th graders are moved into high school.</p>
<p>Q: Can parents come?</p>
<p>A: Axis is geared towards the students. We encourage our students to meet new people and be themselves. Parents are invited to certain events but not all. If you have more questions please contact the Church office.</p>
</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td><img src="images/spacer.gif" alt="" width="184" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="93" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="40" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="215" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="47" height="1" /></td>
</tr>
</tbody>
</table>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Build Your Own Aquarium</title>
</head><br />

Choose an Aquarium Type<br />
<select>
<option value ="-CHOOSE ONE-">-CHOOSE ONE-<script type="text/javascript">
var aquariumtype;
aquariumtype="000";
</script></option>
<option value ="Freshwater Aquarium">Freshwater Aquarium<script type="text/javascript">
var aquariumtype;
aquariumtype="001";
</script></option>
<option value ="Saltwater Aquarium">Saltwater Aquarium<script type="text/javascript">
var aquariumtype;
aquariumtype="002";
</script></option>
</select><br />
<br />

Choose a Gravel Color<br />
<select>
<option value ="-CHOOSE ONE-">-CHOOSE ONE-<script type="text/javascript">
var fillcolor;
fillcolor="000";
</script></option>
<option value ="White">White<script type="text/javascript">
var fillcolor;
fillcolor="001";
</script></option>
<option value ="Strawberry">Strawberry<script type="text/javascript">
var fillcolor;
fillcolor="002";
</script></option>
<option value ="Red">Red<script type="text/javascript">
var fillcolor;
fillcolor="003";
</script></option>
<option value ="Amber">Amber<script type="text/javascript">
var fillcolor;
fillcolor="004";
</script></option>
<option value ="Orange">Orange<script type="text/javascript">
var fillcolor;
fillcolor="005";
</script></option>
<option value ="Yellow">Yellow<script type="text/javascript">
var fillcolor;
fillcolor="006";
</script></option>
<option value ="Lime Green">Lime Green<script type="text/javascript">
var fillcolor;
fillcolor="007";
</script></option>
<option value ="Green">Green<script type="text/javascript">
var fillcolor;
fillcolor="008";
</script></option>
<option value ="Mint Green">Mint Green<script type="text/javascript">
var fillcolor;
fillcolor="009";
</script></option>
<option value ="Fluor. Green">Fluor. Green<script type="text/javascript">
var fillcolor;
fillcolor="010";
</script></option>
<option value ="Aqua">Aqua<script type="text/javascript">
var fillcolor;
fillcolor="011";
</script></option>
<option value ="Teal">Teal<script type="text/javascript">
var fillcolor;
fillcolor="012";
</script></option>
<option value ="Lt. Blue">Lt. Blue<script type="text/javascript">
var fillcolor;
fillcolor="013";
</script></option>
<option value ="Dk. Blue">Dk. Blue<script type="text/javascript">
var fillcolor;
fillcolor="014";
</script></option>
<option value ="Fluor. Blue">Fluor. Blue<script type="text/javascript">
var fillcolor;
fillcolor="015";
</script></option>
<option value ="Purple">Purple<script type="text/javascript">
var fillcolor;
fillcolor="016";
</script></option>
<option value ="Lavender">Lavender<script type="text/javascript">
var fillcolor;
fillcolor="017";
</script></option>
<option value ="Violet">Violet<script type="text/javascript">
var fillcolor;
fillcolor="018";
</script></option>
<option value ="Lt. Pink">Lt. Pink<script type="text/javascript">
var fillcolor;
fillcolor="019";
</script></option>
<option value ="Dk. Pink">Dk. Pink<script type="text/javascript">
var fillcolor;
fillcolor="020";
</script></option>
<option value ="Black">Black<script type="text/javascript">
var fillcolor;
fillcolor="021";
</script></option>
<option value ="Brown">Brown<script type="text/javascript">
var fillcolor;
fillcolor="022";
</script></option>
</select><br />
<br />

Choose a Water Color<br />
<select>
<option value ="-CHOOSE ONE-">-CHOOSE ONE-<script type="text/javascript">
var liquidcolor;
liquidcolor="000";
</script></option>
<option value ="Clear">Clear<script type="text/javascript">
var liquidcolor;
liquidcolor="001";
</script></option>
<option value ="Red">Red<script type="text/javascript">
var liquidcolor;
liquidcolor="002";
</script></option>
<option value ="Amber">Amber<script type="text/javascript">
var liquidcolor;
liquidcolor="003";
</script></option>
<option value ="Orange">Orange<script type="text/javascript">
var liquidcolor;
liquidcolor="004";
</script></option>
<option value ="Yellow">Yellow<script type="text/javascript">
var liquidcolor;
liquidcolor="005";
</script></option>
<option value ="Green">Green<script type="text/javascript">
var liquidcolor;
liquidcolor="006";
</script></option>
<option value ="Aqua">Aqua<script type="text/javascript">
var liquidcolor;
liquidcolor="007";
</script></option>
<option value ="Teal">Teal<script type="text/javascript">
var liquidcolor;
liquidcolor="008";
</script></option>
<option value ="Lt. Blue">Lt. Blue<script type="text/javascript">
var liquidcolor;
liquidcolor="009";
</script></option>
<option value ="Dk. Blue">Dk. Blue<script type="text/javascript">
var liquidcolor;
liquidcolor="010";
</script></option>
<option value ="Purple">Purple<script type="text/javascript">
var liquidcolor;
liquidcolor="011";
</script></option>
<option value ="Lavender">Lavender<script type="text/javascript">
var liquidcolor;
liquidcolor="012";
</script></option>
<option value ="Violet">Violet<script type="text/javascript">
var liquidcolor;
liquidcolor="013";
</script></option>
<option value ="Lt. Pink">Lt. Pink<script type="text/javascript">
var liquidcolor;
liquidcolor="014";
</script></option>
<option value ="Dk. Pink">Dk. Pink<script type="text/javascript">
var liquidcolor;
liquidcolor="015";
</script></option>
</select><br />
<br />

Choose a Base/Frame Color<br />
<select>
<option value ="-CHOOSE ONE-">-CHOOSE ONE-<script type="text/javascript">
var basecolor;
basecolor="000";
</script></option>
<option value ="Red">Red<script type="text/javascript">
var basecolor;
basecolor="001";
</script></option>
<option value ="Orange">Orange<script type="text/javascript">
var basecolor;
basecolor="002";
</script></option>
<option value ="Yellow">Yellow<script type="text/javascript">
var basecolor;
basecolor="003";
</script></option>
<option value ="Green">Green<script type="text/javascript">
var basecolor;
basecolor="004";
</script></option>
</select><br />
<br />

<input type="submit" /><br />
<br />

<script type="text/javascript">
document.write(lamptype);
document.write("<br />");
</script>

<script type="text/javascript">
document.write(fillcolor);
document.write("<br />");
</script>

<script type="text/javascript">
document.write(liquidcolor);
document.write("<br />");
</script>

<script type="text/javascript">
document.write(basecolor);
document.write("<br />");
</script>

<body>
<p> </p>
</body>
</html>

<form action="display.php" method="post">
<p>Enter date in the format YYMMDD: <input type="text" name="date" /></p>
<p>  (E.g. 120205 for Feb. 5, 2012)</p>
<p><input type="submit" /></p>
</form>

<?php
$YYMMDD = htmlspecialchars($_POST['date']);
$split = str_split($YYMMDD, 2);
$YYsMMsDD = $split[0] . "/" . $split[1] . "/" . $split[2];
$YYYY = "20" . $split[0];
?>

    background: url(../uploads/bg.png) center top no-repeat, url(../uploads/bg-body.png) center bottom no-repeat, url(../uploads/bg-body.png) center top repeat-y;
    background-size: 1210px 600px, 1210px 60px, 1210px 60px;
    background-color: #191919;
    min-width: 1000px;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

{block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
{block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/DFlle575s/darlieecious_endlessscrolling.js"></script>{/block:IfEndlessScrolling}
{block:ifEnableStreampad}<script type="text/javascript" src="http://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=11&bgcolor={color:Streampad Background}&clicktext=Play%20All%20Audio%20Posts&clickimg=true&showpop=false"></script>{/block:ifEnableStreampad}

    <!-- DEFAULT VARIABLES -->
<meta name="if:Disable right click" content="1"/>
<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Box" content="#E6E6E6" />
<meta name="color:Text" content="#000000" />
<meta name="color:Links" content="#857B77" />
<meta name="color:Links Hover" content="#000000" />
<meta name="color:Chat" content="#E6BCBC" />
<meta name="color:Asker Background" content="#E6BCBC" />

<meta name="image:Background" content="" />

<meta name="font:Body" content="Georgia" />
<meta name="font:Links" content="Georgia" />
<meta name="font:Title" content="Georgia" />

<meta name="image:100pxPortrait" content=""/>

<meta name="if:Description" content="1"/>
<meta name="if:Links Background Hover Color" content="1"/>


<meta name="if:Notes" content="1"/>
<meta name="text:Title Text transform" content="uppercase" />
<meta name="color:Permalink background" content="#ffffff">

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>        
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <style type="text/css">
body{
color:{color:text};
background-color:{color:background};
background-image:url('{image:background}');
background-position: center;
background-attachment:fixed;
background-repeat: repeat;
font-family:{font:body};
font-size: 12px;
line-height:{text:line height};
text-align:justify;
padding-top:5px;

}



a:link, a:active, a:visited{
color: {color:Links};
font-family: {font:Links};
text-decoration:none;
font-size: 10px;
}
a:hover{
color: {color:Links Hover};
text-decoration: none;
{block:ifLinksBackgroundHoverColor} title-color: {color:Links Background Hover};{/block:ifLinksBackgroundHoverColor}

}

.linkbox {margin-top:5px;font-size:10px;text-transform: uppercase;}
.linkbox a {margin-top:5px;font-size:10px;text-transform: uppercase;}

.navlinks a {color: {color:Links}; font-family: {font:Links}; text-transform: lowercase; text-decoration: none; font-size: 10px;background-color:{color:box};text-align:right;display:block;padding:1px;-moz-border-radius:6px; border-radius:6px;}
.navlinks a:hover {color: {color:Text};background-color:{color:chat};display:block;-moz-border-radius:6px; border-radius:6px;}



#main { margin: 20px auto; overflow: auto; width:650px;padding:5px;}

.left {

background-color: {color:Box};
float: left;
width: 210px;
overflow:hidden;
text-align:justify;
text-transform:{text:Text transform};
padding: 5px;
border-right : 0px dashed {color:Text};
}


.right { background-color: {color:Box};  margin: 0 0 5px 0; padding: 5px; text-align: left;
width: 402px;text-transform:{text:Text transform};float:right;}



.title, .title a { font-Title: {font:Title}; font-size: 17px; text-transform: uppercase;  letter-spacing:-1px; {font:Links}; text-transform: {text:Title text transform};display:block;}




.blogname a {color: {color:Links}; font-family: {font:Links}; text-transform: lowercase; text-decoration: none; font-size: 25px;background-color:{color:box};text-align:left;display:block;margin-bottom:5px;padding:1px;}
.blogname a:hover {background-color:{color:chat};display:block;}


.sub, .sub a { font-family: {font:Title}; }
.sub img { vertical-align: text-bottom; }
.odd { background-color: {color:Chat}; padding: 1px; }
.even { padding: 1px; }
.audioplayer { padding-left: 12px;background-color:#000; }
.playcount {float: right;clear: both;padding-top: 7px;padding-right: 20px;color: white;text-shadow: none;font-size:10px;text-transform:uppercase;}

.left img {max-width:100%;}
.right img {max-width:400px;}
  *:active,*:focus { outline: 0px; }



.asked {margin-top:4px;background-color:{color:Asker Background}; padding:5px;  -moz-border-radius:5px; border-radius:5px;
font-family: {font:Title}; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing:-1px;}
.asked a {font-family: {font:Title}; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing:-1px;}
.asked a:hover {{block:ifLinksBackgroundHoverColor} background-color: {color:Links Background Hover};{/block:ifLinksBackgroundHoverColor}}
.said {font-family: {font:Title}; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing:-1px;margin-top:6px;}
.said a {font-family: {font:Title}; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing:-1px;margin-top:6px;}



#footer input {margin-top: 0px;width:100%;border: 0px solid;font-family:{font:Links};font-size:10px;}
#footer { text-align:;}
#footer input:hover {background-color: {color:Links Background Hover};}


.title1{font:normal 45pt 'Homemade apple'; color:#333333; text-align:center>; letter-spacing:-1px; line-height:100%;}



.sidebartext{clear: both; text-align: justify; background-color: #F6F6F6; opacity: 0.8; filter:alpha (opacity=80); margin: 10px 5px 0px 5px; padding: 5px; -moz-border-radius: 6px; border-radius: 6px }

.sidebartext a{font-size:12px}
.sidebartext a:hover{font-size:12px}

.userpic{float: left; margin: 0px 4px 2px 0; width:48px; height:auto}

.llinks{width: 200px;  margin: 5px auto 5px auto;padding: 0 0 0px 0; font-size: 10px; text-transform: uppercase}

.llinks a{
display: block;
text-decoration: none;
color:#FFFFFF;
background-color:#E6BCBC;
padding: 3px 0px 3px 0px;
margin: 0 0 1px 0
}

.llinks a:hover{
background-color:#857B77;
color:#BAABA6
}

.pages {margin: 5px 0 5px 0; text-align: center; line-height: 20px}
.pages a {text-decoration: none; background-color:#E6BCBC;
padding: 2px 4px 2px 4px; color:{color:text}}

div.permaa{font-size:80%; width:400px; text-align:center; text-transform: uppercase; background:{color:permalink background}; margin-top:8px; margin-bottom:3px; font-family: Iskoola Pota; letter-spacing:1px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}


#left {line-height: 10px;height:auto;padding: 5px; -moz-border-radius: 4px;

  -webkit-border-radius: 4px; background-Color:#E3E3E3;Display:block;}


blockquote {
background-color: {color:box};
padding:0px;
padding-left:5px;
margin:5px;
border-left:1px solid {color:background};
border-bottom:0px solid {color:background};
}
b, strong{color:{color:title};}
i, em {color:{color:link};}
p{margin-top:3px; margin-bottom:3px;}
blockquote img{ display:block; width:100%;}
blockquote p {padding:0px; margin:0px;}
blockquote blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
a img{border:none;display: block;}
.user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
.user_2 .label, .user_5 .label, .user_8 .label {color:{color:link};}
.user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
.notes img{width:10px; position:relative; top:1px;}
ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
        </style>
    <style type="text/css">    
    #sidebar {
float:right;
width:250px;
height:100%;
}
</head>
<body>



</div>{CustomCSS}</style>




<center><span class="title1">{Title}</span></center>
<div id="main">

<div class="left">




{block:If100pxPortraitImage} <img class="roundedtop portrait" src="{image:100pxPortrait}" /> {/block:If100pxPortraitImage}

<div class="sidebartext">{Description}

</div>

<div class="llinks">
<center><a href="/">MY BIG FAT STORY</a>
<a href="/ask">OWLERY</a>
<a href="/submit">ACCIO WORKS</a>
<a href="/archive">PENSIEVE</a>


</div>

<div class="pages">  {block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">FUTURE</a>{/block:PreviousPage}
{block:JumpPagination length="10"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">PAST</a>{/block:NextPage}{/block:Pagination}
</div>  

</div>






{block:Posts}
<div class="right">
{block:Text}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}{/block:Text}
{block:Photo}
{block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}  
{/block:Photo}
{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}<div class="title"><a href="{Permalink}">{Quote}</a></div> {block:Source}— {Source}{/block:Source}<BR>{/block:Quote}
{block:Link}<div class="title"><a href="{URL}"> {Target}{Name} ←</a></div> {block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
{block:Audio}<div class="playcount">{PlayCount} plays</div><div class="audioplayer">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Video}{Video-400}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}{/block:Video}
{block:Answer} <div class="asked"> {Asker} said: {Question}</div>
<i>{Answer}</i>{/block:Answer}


{block:ExternalAudio}  <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}
<div class="linkbox">

<div class="permaa"><a href="{Permalink}"> <center> posted on {Month} {Dayofmonth},{Year}  </div>

{block:PermalinkPage}<BR> {block:HasTags}{block:Tags}  <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} {/block:PermalinkPage}
</div>
</div>

{block:PostNotes}
<div class="right">
<div class="title">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </div>
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}






</div>
</div>

</div>

<script type="text/javascript">

.onunload = unloadPage;

function unloadPage()

{

alert("Thanks for visiting my blog! :) Lots of Love, Nina xx");

}

</script>



</body>

<div id="sidebar">


    
</div>
</html>

</div>

<div class="pages">  {block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">FUTURE</a>{/block:PreviousPage}
{block:JumpPagination length="10"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">PAST</a>{/block:NextPage}{/block:Pagination}
</div>  

//Hide any text with class="example" from display
.example{
    display: none;
}

<p class="example">red, green[25], blue</p>

<p class="example">red, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, green, blue</p>

<script LANGUAGE="JavaScript">
num= new Array(16);
for (i=0; i<16; i++) {
num[i]=Math.floor(16*Math.random()+1);
if (num[1]==num[0]) {
while (num[1]==num[0]) {
num[1]=Math.floor(16*Math.random()+1);
   }
}
if (num[2]==num[1] || num[2]==num[0]) {
while (num[2]==num[1] || num[2]==num[0]) {
num[2]=Math.floor(16*Math.random()+1);
   }
}
if (num[3]==num[2] || num[3]==num[1] || num[3]==num[0]) {
while (num[3]==num[2] || num[3]==num[1] || num[3]==num[0]) {
num[3]=Math.floor(16*Math.random()+1);
   }
}
document.write(num[i],"");
}
</SCRIPT>

<html>
    <head class="no-js">
        <title>{block:SearchPage}Search results for "{SearchQuery}" | {/block:SearchPage}{block:TagPage}{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
        <meta charset="utf-8">
        
    
    <meta name="author" content="JoachimT - http://vividtheme.tumblr.com | @joeandturtle">
    <meta name="copyright" content=" - Copyright Joachim Thorkildsen 2012. All Rights Reserved." />
    
        <!--
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Vivid Theme - 1.0.1 - http://vividtheme.tumblr.com
        Theme by: JoachimT - http://joachimt.tumblr.com                                                                      
                                                                      
                                                                      
                                                      `.`            
                                                    `yMMN-            
         sdh        :mM+                           .NM+sMs            
         MMM.      /MMN. .//`            .//`      mMy yM/            
         NMM-     +MMM: -MMMd           -MMMd     +MM:`Nm`            
         dMM:    +MMM/    +               +`     mMM yM:            
         yMM/   oMMM/   odd  hmh  :mN:  odd    -oyMMm/Mo              
         oMM+  oMMN:   -MMs .MMd -NMd` -MMs  .dMd/NMNMs              
         /MMo sMMM+    dMN` `MMy`mMM.  dMN` .NMh  mMMh                
         -MMyyMMyMd/..+MMs  `MMsdMMMo/sMMs  hMM` `mMM/  -+            
         `MMMMMy /dNMNmMMy+hNNMNMs-hNNNMMy+hMMMsomNNMmhNMh            
          omNd/       .yhho:`:dh:     .yhho:`+hhs/`.shy+.            
                                                                      
                           `                                          
        `-:/+++oo+++//:-/dNMm`                                        
      omMMNmhhMMhhddmNNMMm.mM.                                        
     oMMM:   +Mm      /MN.:Mh                                        
     `/+-   .NM+      dM+`Nm`                                        
            dMN`     .MM.dN-`::     .`    .`  ``   .     `.`          
           oMM+      +MdhN:sNMN  `yNNNm: +Mm oMM.:NM+  -hMNMd-        
          -MMm       sMNMyNmMM: `mMo +Ms mMyhMMmoMMM: -NM/ yM/        
          dMM/       hMMMh:MM/  sMM+hNo :MMNNsMNMoMM  hMmodm/  .      
         /MMd        hMMo sMM:/hMMMh:.:smMMN.hMMy-MM-/NMMy-./sNN-    
         dMM-        yM+  .mMMms-omMMMNhyMN- hMd `NMMd+sNMMMmy/      
         :+-          `     ``     ```   `    `    `     ``          
                                                                      
                                                                        
                                                            
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        -->
        
        
       <link rel="shortcut icon" href="{Favicon}">
       <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
    <meta name="viewport" content="width=500;">
    <meta property="og:site_name" content="{Title}"/>
    {block:PermalinkPage}
    <meta property="og:url" content="{Permalink}"/>
    <meta property="og:type" content="article"/>
    {block:Posts}
    {block:Text}
        {block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
        <meta property="og:description" content="{PlaintextBody}"/>
    {/block:Text}
    {block:Photo}
        <meta property="og:image" content="{PhotoURL-500}"/>
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Photo}
    {block:Photoset}
        {block:Photos}
        <meta property="og:image" content="{PhotoURL-500}"/>
        {/block:Photos}
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Photoset}
    {block:Quote}
        <meta property="og:title" content="{PlaintextQuote}"/>
        <meta property="og:description" content="{PlaintextSource}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Quote}
    {block:Link}
        <meta property="og:title" content="{PlaintextName}"/>
        <meta property="og:description" content="{PlaintextDescription}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Link}
    {block:Chat}
        <meta property="og:title" content="{PlaintextTitle}"/>
        <meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} • {/block:Lines}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Chat}
    {block:Audio}
        <meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
        <meta property="og:description" content="{PlaintextCaption}"/>
        {block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
    {/block:Audio}
    {block:Video}
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Video}
    {block:Answer}
        <meta property="og:title" content="{PlaintextQuestion}"/>
        <meta property="og:description" content="{PlaintextAnswer}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Answer}
    {/block:Posts}
    {/block:PermalinkPage}
    {block:IndexPage}
    <meta property="og:title" content="{Title}"/>
    <meta property="og:description" content="{MetaDescription}"/>
    {/block:IndexPage}
    {block:HasTags} <meta name="keywords" content="{block:Tags} {/block:Tags}" /> {/block:HasTags}
    
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        
        <meta name="color:Background" content="#ffffff"/>
        <meta name="image:Background" content=""/>
        <meta name="image:Header" content=""/>
        
        <meta name="color:Text" content="#000000"/>
        <meta name="color:Text Hover" content="#ffffff"/>
        <meta name="color:Accent" content="#00e0d5"/>
        <meta name="color:Selection Color" content="#d8d9d9">
        
        <meta name="if:Hide Caption" content="1">
        <meta name="if:Hide Scroll To Top" content="0">
        <meta name="if:Hide HighRes Button" content="0">
        <meta name="if:Infinite Scroll" content="1">
        <meta name="if:Fade Images On Hover" content="1">
        <meta name="if:Light Icons" content="0">
        <meta name="if:Show Share Buttons" content="1">
        <meta name="if:Show Archive Link" content="1">
        <meta name="if:Show RSS Link" content="1">
        <meta name="if:Time Posted" content="1">
        <meta name="if:Show Post Author" content="0">
        <meta name="if:Twitter Feed" content="0"/>
        <meta name="if:Block Pintrest" content="0"/>
        
        <meta name="font:Body Font" content="Courier New, Courier, monospace"/>
        
        <meta name="text:Top Spacing" content="5px"/>  
        <meta name="text:Disqus ID" content=""/>  
        <meta name="text:Google Analytics ID" content=""/>
        <meta name="text:Facebook URL" content=""/>
        <meta name="text:Twitter URL" content=""/>
        <meta name="text:Flickr URL" content=""/>
        <meta name="text:Google Plus URL" content=""/>
        <meta name="text:YouTube URL" content=""/>
        <meta name="text:Vimeo URL" content=""/>
        <meta name="text:Etsy URL" content=""/>
        <meta name="text:Behance URL" content=""/>
        <meta name="text:Pintrest URL" content=""/>
        <meta name="text:Digg URL" content=""/>
        <meta name="text:Dribbble URL" content=""/>
        <meta name="text:StumbleUpon URL" content=""/>
        <meta name="text:FormSpring URL" content=""/>
        <meta name="text:SoundCloud URL" content=""/>
        <meta name="text:Spotify URL" content=""/>
        <meta name="text:MySpace URL" content=""/>
        <meta name="text:Website URL" content=""/>
        <meta name="text:Email Adress" content=""/>
        
        {Block:IfBlockPintrest}
        <meta name="pintrest" content="nopin" />
        {/Block:IfBlockPintrest}
        
        <link rel="stylesheet" href="http://static.tumblr.com/exbflx8/Izcm1v5a7/bebas.css" type="text/css" charset="utf-8">
      
      <script src="http://static.tumblr.com/exbflx8/N3Gm20yy7/modernizr.custom.51965.js"></script>
         <script src="http://static.tumblr.com/exbflx8/sx8m20zl5/jquery.min.js"></script>

      {block:Twitter}
      {block:IfNotLightIcons}
      <script type="text/javascript" src="http://static.tumblr.com/exbflx8/mrzm1ta68/jquery.tweetable.js">{/block:IfNotLightIcons}
      {block:IfLightIcons}<script type="text/javascript" src="http://static.tumblr.com/exbflx8/xCGm1uu5j/jquery.tweetable.js">{/block:IfLightIcons}
      </script>
      <script type="text/javascript">
        $(function(){
            $('#tweets').tweetable({username: '{TwitterUsername}', time: false, limit: 1, replies: true, position: 'append'});
        });
    </script>
    {/block:Twitter}
      
      {Block:IfInfiniteScroll}
      <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>
      {/Block:IfInfiniteScroll}

{Block:IfNotHideScrollToTop}
<script>
$(document).ready(function(){
    $("#back-top").hide();
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });
        $('#back-top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
});
</script>
{/Block:IfNotHideScrollToTop}


<style type="text/css" media="screen">  
body    {
background: url('{image:Background}') fixed center;
background-color: {color:Background};
font-family: {font:Body Font}; margin-bottom:2px;}
.header h1 {
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
text-transform:uppercase;height: 40px;
font-size: 60px;
font-weight: normal;}
.post h1 {
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
color: {color:Text};
text-transform:uppercase;height: 40px;
font-size: 37px;
font-weight: normal;}
.post h2{
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
color: {color:Text};
text-transform:uppercase;height: 40px;
font-size: 37px;
font-weight: normal;}
h2 { font: 28px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;color: {color:Text};margin-bottom:2px;}  
h3 { font: 24px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif; margin-bottom:3px; color: {color:Text};}  
h4  {
font: 16px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
margin-bottom:3px; letter-spacing: 1.3px;
font-weight:normal;color: {color:Text};}  
p   { font: 14px {font:Body Font}; color: {color:Text};}    
ul { font: 14px {font:Body Font}; color: {color:Text};}
li { font: 14px {font:Body Font}; color: {color:Text};}
blockquote {font: 14px {font:Body Font};  color: {color:Text};}
blockquote { margin: 1em 0 1em 20px; padding: 0 0 0 20px; border-left: 3px solid #CACACA;}
h1 a, h2 a, h3 a, h4 a{ color: {color:Accent}; text-decoration: none;  -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited{ color: {color:Accent}; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color: {color:Text}; background: none; }
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{ outline: thin dotted; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active{ outline: 0; }
p a, ul a , li a{ color: {color:Accent}; text-decoration: none;  -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; }
p a:visited, ul a:visited, li a:visited { color: {color:Accent}; }
p a:hover, ul a:hover, li a:hover { color: {color:Text Hover}; background: {color:Accent}; }
p a:focus, ul a:focus, li a:focus{ outline: thin dotted; }
p a:active, ul a:active, li a:active{ outline: 0; }
.source {color: {color:Text};}
#nav{
text-transform: none;}
#description {
font-size: 14px;
width:500px;
padding-bottom:2%;}
#posts {
width: 500px;
text-align:left;}
.chat ul {
font: 14px {font:Body Font};
color: {color:Text};
list-style-type: none;
padding: 0px;
margin: 0px;}
.chat .label {
font: 14px {font:Body Font};
color: {color:Text};
font-weight: bold;
line-height:25px;}
.notes2 p {
font-size:12px;
color: {color:Links};
margin-top:10px;
padding-bottom:20px;}
.notes3 p {
font-size:12px;
color: {color:Links};
margin-top:-15px;
padding-bottom:20px;}

.notes4 p {
font-size:12px;
color: {color:Links};
margin-top:-25px;
padding-bottom:20px;}
nav { width:85%;}
nav#util ul {
margin-left: -40px;
margin-top:0px;}
nav#util ul li {
color: {color:Text};
display: block;
text-align: center;
display: inline;
list-style: none;}
nav#util ul li a {
color: {color:Text};
text-decoration:none;
display: inline-block;
font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 14px;
color: {color:Text};
padding: 2px 10px;
border-right: 1px solid #f0f0f0; }
nav#util ul li a:hover { color: {color:Text Hover}; background: {color:Accent};}
nav#util ul li:last-child a { border-right: none;
}
nav#util ul li a:hover { color: {color:Text Hover} }

#idiotisk img {width:500px;}
.text img {width:100%;}

article.audio .track, article.audio .artist, article.audio .album, article.audio .plays {
color: {color:Text};
font-style: normal;
font-weight: normal;
font-size: 14px; }
article.audio .track strong, article.audio .artist strong, article.audio .album strong, article.audio .plays strong {
width: 230px;
height: 250px;
color: {color:Text};
font-family: 'BebasNeueRegular';
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px; }
.answer {
width: 500px;
padding-right: 40px;
margin: 0 auto;
padding-bottom: 20px;}
.answer-question .body {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: {color:Text};
opacity: 0.9;
color: {color:Text Hover};
font-size: 14px;
padding: 10px 16px;
width: 388px;
float: left;
line-height: 1.2;
margin-bottom: 10px; }
.answer-asker {
float: right;
width: 80px;}
.answer-point {
width: .7em;
float: left;
padding-top: 16px;}
.answer-point-top,
.answer-point-bottom {
width: 0;
height: 0;}
.answer-point-top {
opacity: 0.9;
border-bottom: 8px solid {color:Text};
border-right: 8px solid rgba(0,0,0,0); }
.answer-point-bottom {
opacity: 0.9;
border-left: 8px solid {color:Text};
border-bottom: 8px solid rgba(0,0,0,0); }
.answer-asker .answer-asker-avatar {
float: right;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width: 64px;
height: 64px;
display: block;
text-indent: 9000px;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 100%;}
.answer-asker .answer-asker-avatar a {
display: block;
text-indent: -9000px;
width: 64px;
height: 64px; }
.answer-answer {
margin-top: 22px;
width: 388px;}
      
.answer-answer .body {  
padding-top: 22px;
margin-left: 10px;}

.conversation tr:first-child td, .conversation tr:first-child th {border-top: 0;}

.conversation table {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: {color:Text};
opacity: .98;
width: 500px;
margin: 0 auto;}
.conversation th {
padding: 9px 0 9px 11px;
border-top: 1px solid #696969;
text-align: right;
text-transform: Capitalized;
color: {color:text hover};
font-size: 13px;
font-weight: bold;
line-height: 1; }
.conversation td {
padding: 9px;
border-top: 1px solid #696969;
font-size: 13px;
color: {color:text hover};
line-height: 1;}
.post ol.notes li.note {
border-bottom: solid 1px #f0f0f0;
padding: 6px 0;
margin: 0 !important;
    
font: 12px {font:Body Font}; color: {color:Text};}
.post ol.notes li.note blockquote {
border-color: #f0f0f0;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
font: 12px {font:Body Font}; color: {color:Text};}

a.highres { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; font-size:14px;}
a.highres:hover { background-color: {color:Accent}; padding-right: 18px;    padding-left: 18px;}
    
a.postauthor, a.reblog { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px;text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.postauthor:hover, a.reblog:hover { background-color: {color:Accent}; padding-right: 18px;
    padding-left: 18px;}
        
a.highnote { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.highnote:hover { background-color: {color:Accent}; padding-right: 18px;
padding-left: 18px;}
    
a.postauthor { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.postauthor:hover { background-color: {color:Accent}; padding-right: 18px;
padding-left: 18px;}
article.audio .caption {clear: left;}
.short {border: solid 0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float: left;width: 500px;background: none;position: relative;}
{block:IfFadeImagesOnHover}
.logo {
    -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;}
.logo:hover { opacity: 0.7;}
{/block:IfFadeImagesOnHover}
#footer {text-align:center; width:500px;}
#tweets {width:500px;text-align:center;margin-top:0px;}
#tweets ul {list-style: none; list-style-image: none; margin: 0; padding: 0;  margin-left: -25px;width:500px;}
#tweets li {text-indent:22px;list-style-type:none;color:{color:Text};width:540px;}
#tweets .hash { color:{color:Accent};}
#tweets .reply { color:{color:Accent}; }
.audio .short{float: left;height: 270px;}
.audioplayercircle {position: absolute;z-index: 3;background: black;-webkit-border-radius: 50px;-moz-border-radius: 50px;top: 103px;left: 106px;opacity: .8;} .audioplayer {width: 20px;height: 30px;overflow: hidden;margin: 17px 24px 13px 16px;}
.audio .floaters {position: absolute; width: 275px;}
.audiodata{top: 0px;right: 0px;width: 235px;height: 250px;position: absolute;z-index: 5;}
.post ol.notes {padding: 0;list-style-type: none;}
.post ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px; width: 16px;height: 16px;}
.post ol.notes li.note .answer_content {font-weight: normal;}
.post ol.notes li.note blockquote a {text-decoration: none;}
{Block:IfNotHideScrollToTop}
#back-top {
position: fixed;
bottom: 8px;
right: 20px; }
#back-top a {
width: 49px;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
#back-top a:hover {
opacity: 0.5;
background: none;}
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
#back-top a:hover span {
opacity: 0.5;
background: none;}
{block:IfNotLightIcons}
#back-top span {
width: 49px;
height: 49px;
display: block;
margin-bottom: 7px;
background:  url(http://static.tumblr.com/exbflx8/UPYm1z4kn/black_arrow.png) no-repeat center center;
opacity: 0.8; }
{/block:IfNotLightIcons}
{block:IfLightIcons}
#back-top span {
width: 49px;
height: 49px;
display: block;
margin-bottom: 7px;
background:  url(http://static.tumblr.com/exbflx8/yKPm1z4kw/white_arrow.png) no-repeat center center;
opacity: 0.8; }
{/block:IfLightIcons}
{/Block:IfNotHideScrollToTop}
{block:IfFadeImagesOnHover}
.photo img {
opacity:1;
filter:alpha(opacity=100);
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.photo img:hover {
opacity:0.8;
filter:alpha(opacity=80);
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
{/block:IfFadeImagesOnHover}

.disqus h3 { font-size: 20px;}
.disqus a { color: {color:Accent}; text-decoration:none;}
.disqus a:hover { color: {color:Text}; text-decoration:none;}

#dsq-footer a { color: {color:Accent}; text-decoration:none; font-size: 13px;}
#dsq-footer a:hover { color: {color:Text}; text-decoration:none; background: none;}

.dsq-comment-footer { color: {color:Text};text-decoration:none; font-size: 13px;}
.dsq-comment-footer:hover { color: {color:Text};text-decoration:none; ackground: none;}

.dsq-trackback-url {color: {color:Text};}

.readmore a { float: left; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; font-size:14px;} .readmore a:hover { background-color: {color:Accent}; padding-right: 18px; padding-left: 18px;}


::selection { background: {color:Selection Color}; }
::-moz-selection { background: {color:Selection Color};}

{CustomCSS}

#tema {width: 96px; height:20px; position: absolute; top:28px; right:3px; background: url(http://static.tumblr.com/exbflx8/KIxm2w8qd/temaknapp.png) no-repeat}

</style>

    </head>
    
    <body><center>
    <div class="header">
    {block:IfHeaderImage}<a href="http://{name}.tumblr.com/"><img class="logo" src="{image:Header}" border="0px"/></a>{/block:IfHeaderImage}
        {block:IfNotHeaderImage}<h1><a href="http://{name}.tumblr.com/">{Title}</a></h1>{/block:IfNotHeaderImage}
    </div>
<a href="http://joachimt.tumblr.com/themes"><div id="tema"></div></a>
<nav id="util"><ul>{block:IfFacebookURL}<li class="listitem"><a href="{text:Facebook URL}">Facebook</a></a>{/block:IfFacebookURL}{block:IfTwitterURL}<li class="listitem"><a href="{text:Twitter URL}">Twitter</a></li>{/block:IfTwitterURL}{block:IfFlickrURL}<li class="listitem"><a href="{text:Flickr URL}">Flickr</a></li>{/block:IfFlickrURL}{block:IfGooglePlusURL}<li class="listitem"><a href="{text:Google Plus URL}">Google +</a></li>{/block:IfGooglePlusURL}{block:IfYouTubeURL}<li class="listitem"><a href="{text:YouTube URL}">YouTube</a></li>{/block:IfYouTubeURL}{block:IfVimeoURL}<li class="listitem"><a href="{text:Vimeo URL}">Vimeo</a></li>{/block:IfVimeoURL}{block:IfEtsyURL}<li class="listitem"><a href="{text:Etsy URL}">Etsy</a></li>{/block:IfEtsyURL}{block:IfBehanceURL}<li class="listitem"><a href="{text:Behance URL}">Behance</a></li>{/block:IfBehanceURL}{block:IfPintrestURL}<li class="listitem"><a href="{text:Pintrest URL}">Pintrest</a></li>{/block:IfPintrestURL}{block:IfDiggURL}<li class="listitem"><a href="{text:Digg URL}">Digg</a></li>{/block:IfDiggURL}{block:IfDribbbleURL}<li class="listitem"><a href="{text:Dribbble URL}">Dribbble</a></li>{/block:IfDribbbleURL}{block:IfStumbleUponURL}<li class="listitem"><a href="{text:StumbleUpon URL}">StumbleUpon</a></li>{/block:IfStumbleUponURL}{block:IfFormSpringURL}<li class="listitem"><a href="{text:FormSpring URL}">FormSpring</a></li>{/block:IfFormSpringURL}{block:IfSoundCloudURL}<li class="listitem"><a href="{text:SoundCloud URL}">SoundCloud</a></li>{/block:IfSoundCloudURL}{block:IfSpotifyURL}<li class="listitem"><a href="{text:Spotify URL}">Spotify</a></li>{/block:IfSpotifyURL}{block:IfMySpaceURL}<li class="listitem"><a href="{text:MySpace URL}">MySpace</a></li>{/block:IfMySpaceURL}{block:IfWebsiteURL}<li class="listitem"><a href="{text:Website URL}">Website</a></li>{/block:IfWebsiteURL}{block:IfEmailAdress}<li class="listitem"><a href="mailto:{text:Email Address}">Email</a></li>{/block:IfEmailAdress}{block:Likes}<li class="listitem"><a href="http://www.tumblr.com/liked/by/{name}/">Likes</a></li>{/block:Likes}{block:AskEnabled}<li class=""><a href="http://{name}.tumblr.com/ask">{AskLabel}</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li class="listitem"><a href="http://{name}.tumblr.com/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<li class="listitem"><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{Block:IfShowArchiveLink}<li class="listitem"><a href="/archive">Archive</a></li>{/block:IfShowArchiveLink}{Block:IfShowRSSLink}<li class=""><a href="{RSS}">RSS</a></li>{/Block:IfShowRSSLink}</ul></nav>

<div>{Block:IfTwitterFeed}{block:Twitter}
<div id="tweets"></div>{/block:Twitter}{/Block:IfTwitterFeed}
        {block:Description}
            <p id="description">{Description}</p>
        {/block:Description}
        
</div>
{block:IfTopSpacing}<div style="padding-bottom: {text:Top Spacing};"></div>{/block:IfTopSpacing}
        <div id="posts">
        <div class = "autopagerize_page_element" >
            {block:Posts}
                {block:Text}
                    <div class="post text">
                        {block:Title}
                            <h3 style="margin-bottom:-10px;"><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}
                        
                        {Body}
                            {block:More} <div class="readmore"><a href="{Permalink}"> Read More >></a></div></br>{/block:More}
                            
                          
                     <div class="notes2"><p>{block:IfShowPostAuthor}<a href="{PostAuthorURL}">By: {PostAuthorName}</a>{/block:IfShowPostAuthor}</br>{block:Date}<a href="{Permalink}">Posted: {TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                    
                {/block:Text}
                
                  {block:Photo}
                    <div class="post photo" id="idiotisk">
                            <header><article id="{PostID}">
                        {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" border="0" /></a>{/block:IndexPage}
                        {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}"{block:HighRes} data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{PhotoAlt}" />{/block:PermalinkPage}

<a class="reblog" href="{ReblogURL}" target="blank">Reblog</a>
<a class="highnote" href="{Permalink}#notes">{NoteCountWithLabel}</a>
{block:IfNotHideHighResButton}{block:HighRes}
<a class="highres" href="{PhotoURL-HighRes}" target="blank">{lang:High-res}</a>
{/block:HighRes}{/block:IfNotHideHighResButton}

{block:IfShowPostAuthor}<a class="postauthor" href="{PostAuthorURL}">BY: {PostAuthorName}</a>{/block:IfShowPostAuthor}
                    </article></header>

                    {block:IfNotHideCaption}
                        {block:Caption}
                            <div class="caption" style="margin-top:-6px;">{Caption}</div>
                            {block:More} {/block:More}
                        {/block:Caption}
                        {/block:IfNotHideCaption}
                        
                        {block:IfHideCaption}
                        {block:PermalinkPage}
                        {block:Caption}
                            <div class="caption" style="margin-top:-6px;">{Caption}</div>
                            
                        {/block:Caption}{/block:PermalinkPage}
                        {/block:IfHideCaption}
                        
                    </div>
                    
                    {block:IfTimePosted}<div class="notes2"><p>
                    {block:Date}<a href="{Permalink}">Posted:{TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                   {/block:IfTimePosted}
                   {block:IfNotTimePosted}<div class="notes2"><p> </a></p></div>
                   {/block:IfNotTimePosted}
                  
                   {/block:Photo}
                  
                  
                {block:Photoset}
                    <div class="post photoset">
                        {Photoset-500}
                    </div>
                    {block:PermalinkPage}{block:Caption}
                            <div class="caption">{Caption}</div>
                            {block:More} {/block:More}
                        {/block:Caption}
                        {/block:PermalinkPage}
                        
                        
                   <div class="notes2"><p>{block:IfShowPostAuthor}<a href="{PostAuthorURL}">By: {PostAuthorName}</a>{/block:IfShowPostAuthor}</br>{block:Date}<a href="{Permalink}">Posted: {TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">
                        <h3 style="font-family:'BebasNeueRegular', {font:Body Font}; color: {color:Text};">"{Quote}"</h3>

                        {block:Source}
                            <div class="source"> —  {Source}</div>
                        {/block:Source}
                       </div>
      &]]> Fri, 11 May 2012 00:40:34 -0400 16298 http://forums.htmlhelp.com/index.php?showtopic=16259
i am very new to html and any web scripting lang so please be patient with me.

what i am trying to accomplish is:

i have a basic html page with a text box and a search button.

i would like for the user to type a computer name in the text box field then hit search

the search button would:

search a local directory called (inv) for a txt file named %computername%.txt on the web server then display the contents of that txt file in a iframe.

again i am very new to any type of web scripting language, please let me know if this can be accomplished any other way.

thank you in advance!!

here is what i have so far:

<html>
<body>
<center>
<h1>Computer Inventory</h1>
</center>
<br>
<br>
<br>
<h3>Search</h3>
Computer Name:
<br>
<input type="text" name="SearchInv" size="50">
<input id=runbutton class="button" type="button" value="Find" name="run_button" onClick="RunScript">
<br>
<h3>Here is the computers inventory:</h3>
<iframe src="inv/0171afaugno.txt" width="1000" height="500" align="left">



</body>

</html>


]]> Fri, 04 May 2012 08:54:31 -0400 16259 http://forums.htmlhelp.com/index.php?showtopic=16294 I am having issues getting a password protection to work in Internet Explorer. It will work perfectly in all other browsers. Any Ideas if I need to add some special script to fix this issue ? Thu, 10 May 2012 14:05:46 -0400 16294 http://forums.htmlhelp.com/index.php?showtopic=16212
i am creating a site for mobile phones, and i need to know how to use the same image when clicked on, to show up in another page in the<table> area, for example. i use the <a href=""> theory to the page i want the same image to show up in the other page, but, what i don't understand is to direct the image to that page.

Help!

thanks

Miguel]]> Fri, 27 Apr 2012 11:17:30 -0400 16212 http://forums.htmlhelp.com/index.php?showtopic=16293
<!--

Capricious v.2 Theme
Created by Modernise (modernise.tumblr.com)
Please leave at least ONE credit link. Do not delete this box.

Theme is best viewed on Google Chrome, with a resolution of 1280x800.

*~*~HOW TO INSTALL~*~*
1) Copy this entire code.
2) Open up the customise.
3) Click on Edit HTML
4) Delete the code already in there.
5) Replace it with this code.
6) Hit Update Preview, and then Save.
7) Refresh the page, and press Save again.
8) If it wont let you paste in the box, or if it still does not work, use classic customize. (http://tumblr.com/customize-classic/)

If you are experiencing any problems with this theme, please refer to the FAQ on modernisethemes. (http://modernisethemes.tumblr.com/faq)
Thank you for choosing Modernise Themes <3!

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="font:Text" content="Georgia"/>
<meta name="text:Font Size" content="9px"/>
<meta name="color:Text" content="#888"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Post" content="#fff"/>
<meta name="color:Borders" content="#cccccc"/>
<meta name="color:Blockquote" content="#f5f5f5"/>
<meta name="color:Links" content="#2b0057"/>
<meta name="color:Hover" content="#5a12a3"/>
<meta name="color:Permalink" content="#2b0057">
<meta name="color:Permalink Background" content="#ffffff">
<meta name="image:Background" content=""/>
<meta name="image:Header" content=""/>
<meta name="image:Navigation" content=""/>
<meta name="if:Title Font" content="1"/>
<meta name="if:Image Shadow" content="1"/>
<meta name="if:Image Fade" content="1">
<meta name="if:CustomLink1" content="1">
<meta name="if:CustomLink2" content="1">
<meta name="if:CustomLink3" content="1">
<meta name="if:CustomLink4" content="0">
<meta name="if:CustomLink5" content="0">
<meta name="text:Dropdown Title" content="navigate">
<meta name="text:Link 1 Title" content="custom link">
<meta name="text:Link 1" content="http://">
<meta name="text:Link 2 Title" content="custom link">
<meta name="text:Link 2" content="http://">
<meta name="text:Link 3 Title" content="custom link">
<meta name="text:Link 3" content="http://">
<meta name="text:Link 4 Title" content="custom link">
<meta name="text:Link 4" content="http://">
<meta name="text:Link 5 Title" content="custom link">
<meta name="text:Link 5" content="http://">
<meta name="text:Navigation Title" content="click for links">
<meta name="if:Animated Post Load" content="1">
<meta name="if:Cross Cursor" content="1">
<meta name="if:Click Photo To Reblog" content="1">
<meta name="if:Infinite Scroll" content="1">


<link rel="shortcut icon" href="{Favicon}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<title>{Title}</title>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$('li.drawer div:nth-child(2)').hide();

$('li.drawer h4').click(function () {

if ($(this).hasClass('open')) {

$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}

else {

$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');

$(this).next().slideDown();

$(this).addClass('open');}

});

});

</script>


<style type="text/css">


/* Body Controls */
html {
height:100%;
}


body {
font-family:{font:Text};
font-size:{text:Font Size};
color:{color:Text};
letter-spacing:0px;
background-color:{color:background};
background-image:url('{image:Background}');
background-color:{color:Background};
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
text-align:justify;
line-height:100%;
{block:IfCrossCursor}
cursor: crosshair, auto;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}


@font-face {
font-family:basket;
src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf');
}

a {
color:{color:Links};
text-decoration: none;
-webkit-transition-duration:1s;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

a:hover {
color:{color:Hover};
text-decoration: none;
{block:IfCrossCursor}
cursor: crosshair, auto;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}

}

u {
border-bottom: 1px dashed #888;
}

b, strong{
font-size: 9px;
letter-spacing: 1px;
color: #b1b1b1;
font-family: georgia;
text-transform: none;
text-shadow: 1px 1px 2px #e1dad4;
text-decoration: none;
font-weight: normal;
}

iframe#tumblr_controls {
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.5;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Links};
height:auto;
-webkit-border-radius:20px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Links};
height:6px !important;
-webkit-border-radius:20px;
}

::-webkit-scrollbar {
height:6px;
width:6px;
background-color:{color:Background};
-webkit-border-radius:20px;
}

#content {
width:100%;
margin-left:auto;
margin-right:auto;
position: relative;
height:100%;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

.karkat {
background-color:{color:Post};
display:block;
{block:IndexPage}width:1050px;{/block:IndexPage}
{block:PermalinkPage}width:755px;{/block:PermalinkPage}
padding-left:0px;
margin-left:50px;
height:100%;
z-index:-1;
margin-top:-10px;
padding-top:25px;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

ul {
margin-left:-25px;
}




/* Header Controls */

.sidebar {
width:200px;
background-color:{color:Post};
z-index:5;
margin-right:auto;
position:fixed;
display:block;
bottom:25px;
text-align:right;
border-right:1px solid {color:Borders};
padding-right:10px;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

.butters a {
font-size:{block:IfTitleFont}37px{/block:IfTitleFont}
{block:IfNotTitleFont}30px{/block:IfNotTitleFont};
color:{color:Links};
letter-spacing:-2px;
-webkit-transition-duration:1.5s;
font-family:{block:IfTitleFont}basket{/block:IfTitleFont}
{block:IfNotTitleFont}{font:text}{/block:IfNotTitleFont};
text-transform:lowercase;
}

.butters a:hover {
color:{color:Link};
}




/* Post Controls */

#content .posts {
{block:IndexPage}
width:850px;
margin-left:230px;
{/block:IndexPage}
{block:PermalinkPage}
width: 525px;
margin-left:220px;
{/block:PermalinkPage};
right:auto;
margin-right:0px;
position:relative;
background-color:{color:Post};
overflow-y: hidden;
}

#content .posts img {
{block:IndexPage}
max-width: 400px;
{/block:IndexPage}
{block:PermalinkPage}
max-width: 500px;
{/block:PermalinkPage}
}


#content .entry {
{block:IndexPage}
width:400px;
float:left;
position: relative;
margin-right:25px;
{block:IfImageShadow}
margin-bottom:15px;
{block:IfImageShadow}
{block:IfNotImageShadow}
margin-bottom:25px;
{/block:IfNotImageShadow}
{/block:IndexPage}
padding:0px;
z-index:1;
{block:PermalinkPage}
width:500px;
margin-left:10px;
{/block:PermalinkPage}
background-color:#ffffff;
{block:IfAnimatedPostLoad}
-webkit-transition-duration:2s;
{/block:IfAnimatedPostLoad}
}

.heading {
font-family:{font:Text};
font-size:15px;
text-decoration: none;
letter-spacing:0px;
font-weight:none;
line-height:100%;
margin-bottom:0px;
text-align:left;
}

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

.chat li {
list-style-type: none;
padding-left:0px;
margin-right:0px;
}

.chat li.odd {
color:{color:Text};
}

.chat li.even {
color: {color:Text};
background-color: {color:Blockquote};
}

.label {
font-size: 9px;
letter-spacing: 1px;
font-family: trebuchet ms;
text-transform: uppercase;
text-shadow: 1px 1px 2px #e1dad4;
text-decoration: none;
font-weight: normal;
color:{color:links}
}

blockquote {
padding-left:5px;
padding-top:3px;
padding-right:5px;
padding-bottom:3px;
margin-left:5px;
margin-right:5px;
border-left: 2px solid {color:Borders};
border-right: 2px solid {color:Borders};
background-color:{color:Blockquote};
}

.stan {
background-color:{color:Blockquote};
}

.kyle {
font-style:italic;
line-height:100%;
margin-bottom:0px;
}

{block:IfImageFade}
.img {
{block:IndexPage}
opacity:0.8;
filter:alpha(opacity=80);
{/block:IndexPage}
-webkit-transition-duration:0.4s;
}

.img:hover {
opacity:1;
filter:alpha(opacity=100);
}
{/block:IfImageFade}


.stoley img {
{block:IndexPage}
max-width:400px;
overflow-y:auto;
{/block:IndexPage}
}

.kenny {
width:500px;
opacity: 1;
margin-top:10px;
margin-bottom:10px;
text-align:center;
font-family:{font:Text};
font-size:8px;
letter-spacing:0px;
text-transform:none;
}

.cartman {
margin-top:0;
margin-left:0px;
margin-right:auto;
margin-bottom:0px;
width:500px;
text-align:left;
background-color:{color:Post};
}

.wendy {
text-align:center;
width:500px;
margin-left:auto;
margin-right:auto;
}

.video embed, .video object, .video iframe {
{block:IndexPage}
width:400px /**/ !important;
{/block:IndexPage}
{block:PermalinkPage}width:500px !important;
{/block:PermalinkPage}
height:auto !important;
}


.album-art {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}




/* Permalink Controls */

.entry .permalink {
padding-top:0px;
}

.tweek a {
font-size:15px;
line-height:100%;
padding:2px;
color:{color:Hover};
-webkit-transition-duration:1s;
z-index:999999;
}

.tweek a: hover {
color:{color:Link};
}

.craig {
color:{color:Permalink};
font-size:8px;
opacity: 0;
-webkit-transition-duration: 1s;
{block:IfImageShadow}
bottom:15px;
{block:IfImageShadow}
{block:IfNotImageShadow}
bottom:10px;
{/block:IfNotImageShadow}
right:0px;
width:25px;
height:20px;
background-color: {color:Permalink Background};
padding-top:5px;
position: absolute;
margin:5px;
text-align:center;
font-family:trebuchet ms;
letter-spacing:1px;
border-bottom-right-radius:50px;
border-top-right-radius:50px;
border-top-left-radius:50px;
border-bottom-left-radius:50px;
display:block;
}

.entry:hover .craig {
{block:indexpage}opacity:0.85;
{/block:indexpage}z-index:999999;
}

.permalink {
{block:IndexPage}
float:right;
position: absolute;
margin-top:0px;
opacity: 0;
z-index: 1000;
background-color:{color:Permalink Background};
text-align:right;
{/block:IndexPage}
}


ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}

ol.notes li.note {
border-top: solid 1px #ccc;
padding: 6px;
}



ul#drawers {text-align:right;width: 200px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px;}

ul#drawers a {text-align: right;text-decoration: none;}

ul#drawers li h4 {margin: 0; padding: 0px; text-align: right; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; font-weight:normal;

transition: background-color 0.5s ease-out;}

h4.small {text-align: left;display: table-cell; width: 200px; margin: 0px; height: 100%;}

li.drawer h4.open {text-align: right; border-top: 0px;}

li.drawer div {text-align: right;padding: 0px; margin: 0px; line-height: 12px; }

li.drawer div li {text-align: right;list-style-type: disc;}

li.drawer div ul {text-align: right;-webkit-padding-start: 12px;}


{CustomCSS}

</style>


{block:IfInfiniteScroll}
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
{/block:IfInfiniteScroll}

<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 10,
loadingImg : "http://static.tumblr.com/ejm8w78/KZjlxxt0d/ajax-loader.gif",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>



<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('(Source:')");
$("p").remove(":contains('(via ')");
});
</script>

</head>

<body>


<div id="content">
<div class="karkat">
<div class="sidebar">
<div class="butters">
<Br><Br><a href="/">
{block:IfHeaderImage}<img src="{image:Header}" width="200">{/block:IfHeaderImage}{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
</a></div><Br><Br>
<div style="max-width:500px;margin-left:auto;margin-right:auto;">
{Description}<Br><br>
</div>

<ul id="drawers">

<li class="drawer" id="info">

<h4><div class="navigation">{block:IfNavigationImage}<img src="{image:Navigation}" max-width="200">{/block:IfNavigationImage}{block:IfNotNavigationImage}<i>{text:Navigation Title}</i>{/block:IfNotNavigationImage}</div></h4>

<div align="right">
<a href="/ask">message</a>  
<a href="/archive">history</a>  
{block:SubmitEnabled}
<a href="/submit">submit</a>  ·{/block:SubmitEnabled}
{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a>  
{/block:Pages}
{/block:HasPages}
{block:IfCustomLink1}
<a href="{text:Link 1}">{text:Link 1 Title}</a>
{/block:IfCustomLink1}
{block:IfCustomLink2}
<a href="{text:Link 2}">  {text:Link 2 Title}</a>
{/block:IfCustomLink2}
{block:IfCustomLink3}
<a href="{text:Link 3}">  {text:Link 3 Title}</a>
{/block:IfCustomLink3}
{block:IfCustomLink4}
<a href="{text:Link 4}">  {text:Link 4 Title}</a>
{/block:IfCustomLink4}
{block:IfCustomLink5}
<a href="{text:Link 5}">  {text:Link 5 Title}</a>
{/block:IfCustomLink5}
<a href="http://modernise.tumblr.com">  theme</a>
</div>

</li>

</ul>

{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}

<br><br>

</div>
<div class="posts">
{block:Posts}
<div class="entry">


{block:Text}
{block:Title} <a href="{permalink}"><div class="heading">{title}</div></a> {/block:Title}
<div class="stoley">{Body}</div>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Text}

{block:Photo}

<div class="img">
{block:IndexPage}{block:IfClickPhotoToReblog}<a href="{ReblogURL}">{/block:IfClickPhotoToReblog}{block:IfNotClickPhotoToReblog}<a href="{Permalink}">{/block:IfNotClickPhotoToReblog}{/block:IndexPage}
{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="400px" {/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
{block:IfImageShadow}
<img style="width:{block:IndexPage}400{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px;opacity:.7;margin-top:-3px;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/>{/block:IfImageShadow}
</a>
</div>

{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}

{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}<br>
<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}

{/block:Photo}


{block:Photoset}


{block:IndexPage}<center>{Photoset-400}</center><div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}

{block:PermalinkPage}
{Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
{/block:PermalinkPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}


</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Photoset}


{block:Quote}
<a href="{permalink}"><div class="heading"><i>{Quote}</i></div></a>
{block:Source} <div align="right">― {Source}</div>{/block:Source}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Quote}


{block:Link}
<div class="heading"><a href="{URL}"{Target}>→ {Name}</a></div>
{block:Description} {Description}{/block:Description}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Link}

{block:Video}
{block:PermalinkPage}<div class="video">{Video-500}
</div>{/block:PermalinkPage}

{block:IndexPage}<div class="video" width="400">{Video-400}
</div><div style="border-bottom:1px {color:Hover} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Video}


{block:Chat}
{block:Title}
<div class="heading"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat ul">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}</div></li>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Chat}



{block:Audio}{block:PermalinkPage}
{block:AlbumArt}<div class="album-art" style="margin:5px;"><img src="{AlbumArtURL}" height="100px" ></div>{/block:AlbumArt}{/block:PermalinkPage}
<div class="audioplayer">{AudioPlayerWhite}</div>
{block:Caption}{Caption}{/block:Caption}
{block:PermalinkPage}
{block:TrackName}<br><br>
<b>{TrackName}</b>
{/block:TrackName} by {block:Artist}
{Artist}
{/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Audio}


{block:Answer}
<div style="text-align:left;padding-left:5px;padding-right:5px;border-left: 2px solid {color:Borders};border-right: 2px solid {color:Borders};background-color:{color:blockquote};"><div class="stan">{Asker}: {Question}</div></div><div style="text-align:left;"><div class="kyle">{Answer}</div></div>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Answer}


</div>

{/block:Posts}
</div>


{block:IfNotInfiniteScroll}
<div style="padding-bottom:10px;">
<Center>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">-</a>
{/block:PreviousPage}/

{block:JumpPagination length="5"}
{block:CurrentPage}
<span>{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

/{block:NextPage}
<a href="{NextPage}">+</a>
{/block:NextPage}
{/block:Pagination}</center>
</div>
{/block:IfNotInfiniteScroll}

</div>

</div>
</div>



</body>



</html>


i know that deleting the {block:PermalinkPage} and i have, it works and the caption shows up but then i get this weird side to side scrolling and i want to get rid of that but idk how. can someone help?]]> Thu, 10 May 2012 02:10:10 -0400 16293 http://forums.htmlhelp.com/index.php?showtopic=16291 I've attached my code so you can help me out with specifics, but what I'm trying to do is replicate every image post as the background of the page behind or beside it.
Something like this, but not quite. He has the posts aligned to the left and the background just does "repeat-x"(which I can't figure out how to do because it's tumblr and I'm completely lost), I want the same but just with my original post centered or if it has to stay aligned left to make it symmetrical I don't care. I'm not sure how to get this to work though, just posting the tumblr code for a text post within the page background content didn't work, and adding repeat-x; to the css under Block:posts didn't work(assuming it could just replicate the post rather than using the image as the background, at first I thought if I somehow did that and added overflow to the css so they wouldn't wrap it might work, but no dice), so I need some help.

If you can't tell from that link, it's more than just adding a background, I need the page to read a separate image for every post and repeat it, so every post would have to be like..

{block:xxxx...
<div xxxxx...
<img src="{PhotoURL...
<javascript that somehow fetches the image name...
{/block}


But since the original post and the background shouldn't overlap, I think it's more complicated, idk, if you can figure this out I'd really appreciate it.
]]> Wed, 09 May 2012 20:06:25 -0400 16291 http://forums.htmlhelp.com/index.php?showtopic=16284
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>

<Center><h1>BitDraw</h1></Center>
<tr align="middle" valign="middle">

<?php

include('dbl.php');

$sqlget = "SELECT * FROM Pot";
$sqldata = mysqli_query($dbcon, $sqlget) or die('could not retrieve data')


echo "<table>";
echo "<tr><th>Person ID</th><th>Bid ID</th><th>Amount</th><th>Confirmed</th>

while($row = mysqli_fetch_array($sqldata, MYSQLI_ASSOC)) {
echo "<tr><td>";
echo $row['Person ID'];
echo "</td><td>";
echo $row['Bid ID'];
echo "</td><td>";
echo $row['Amount'];
echo "</td><td>";
echo $row['Confirmed'];
echo "</td></tr>"
echo "</table>";
}
?>


</body>
</html>]]> Tue, 08 May 2012 16:04:48 -0400 16284 http://forums.htmlhelp.com/index.php?showtopic=14455 which one best Google+ or Facebook or other social media sites for social marketing? Mon, 18 Jul 2011 08:47:28 -0400 14455 http://forums.htmlhelp.com/index.php?showtopic=16289 I am web business analyst in a website design company, Kindly give your feedback, critique about its design, usability, navigation, ease of end user and on other important issues.
Please also give a solution with your critique.]]> Wed, 09 May 2012 03:14:41 -0400 16289 http://forums.htmlhelp.com/index.php?showtopic=16286 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">


#rightbox {
clear:both;
text-align: left;
width:803px;
float:right;
overflow:hidden !important;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#rightbox table.featuredtable .featuredcol0 {
border-right:2px dotted #dddddd;
}
#rightbox table.featuredtable .featuredcol0, #rightbox table.featuredtable .featuredcol1{
border-bottom:2px dotted #dddddd;
}

#rightbox table.featuredtable table td {
padding:4px !important;
}

#scCompanyMenu {

margin-top: 5px;
}
#scCompanyMenu > li {
padding: 0 9px;
}
#scCompanyMenu.nav > li {
}
#scCompanyMenu a {
cursor: pointer;
line-height: 16px;
}
#scCompanyMenu a:hover {
text-decoration: none;
}
#scCompanyMenu .scCompanyMenu-standard a {
display: block;
padding: 0 10px 3px 5px;
}
#scCompanyMenu .scCompanyMenu-standard li, #scCompanyMenu .scCompanyMenu-standard a {
color: #0066CC;
text-decoration: none;
}
#scCompanyMenu .scCompanyMenu-standard li.hover a, #scCompanyMenu .scCompanyMenu-standard a:hover {
color: #FFFFFF;
}
#scCompanyMenu .vr {

background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #CCD6D1;
height: 35px;
margin: 0;
padding: 0;
position: relative;
top: -12px;
width: 1px;
}
#scCompanyMenu ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #E7EBE9;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-color: -moz-use-text-color #CCD6D1 #CCD6D1;
border-right: 1px solid #CCD6D1;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), -3px -3px 6px rgba(255, 255, 255, 0.6) inset;
font-size: 12px;
left: -2px;
padding: 8px;
position: absolute;
top: 100%;
width: 160px;
z-index: 99999;
}
#scCompanyMenu ul li {
padding: 0;
}
#scCompanyMenu ul.scCompanyMenu-standard a {
padding: 3px 10px 3px 5px;
}
#scCompanyBar #scCompanyMenu, #scCompanyBar #scCompanyMenu ul.scCompanyStandard a {
}
body #scCompanyMenu ul.scCompanyMenu-standard li a, body #scCompanyMenu ul.scCompanyMenu-standard li, body #scCompanyMenu ul.scCompanyMenu-standard a {
}
#scCompanyMenu ul.scCompanyMenu-standard li.hover a, #scCompanyMenu ul.scCompanyMenu-standard a:hover {
}
#scCompanyMenu ul.scCompanyMenu-standard .hr {
background: none repeat scroll 0 0 #CCD6D1;
border-bottom: 1px solid #FFFFFF;
height: 1px;
margin: 4px 1px;
}
#scCompanyMenu li .dir {
padding-right: 10px;
}
#scCompanyMenu li #scCompanyMenu_Cart {
}


.btn, button, input, .label, textarea, .ui-state-default {
font-family: Segoe,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {

}

body {

color: #21262B;
font-size: 12px;
margin: 0pt;
padding: 0pt;
}

p {
word-wrap: break-word;
}

a .txt {
color: #333333;
}

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

ul.clean {
margin: 1em 0pt;
padding: 0pt;
}

ul.clean li {
list-style: none outside none;
}





.grad-silver, #search {
background: -moz-linear-gradient(center top , #FBFFFD 0%, #E5E9E7 100%) repeat scroll 0% 0% transparent;
}

.grad-blue-radial {
background-color: #0073E5;
box-shadow: 0pt -6px 5px -6px rgba(0, 0, 0, 0.6) inset, 0pt 7px 5px -6px rgba(0, 0, 0, 0.5) inset;
color: #FFFFFF;
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.tags div, .tag {
float: left;
font-size: 14px;
margin: 0pt 5px 5px 0pt;
}

.shoparrow {
background: url("/product-info/images/shopnowarrows.gif") no-repeat scroll right center transparent;
padding-right: 10px;
}



.content {
clear: both;
margin: 0pt auto;
padding: 0pt;
width: 794px;
}

.content > .main, .content > .aside {
display: inline;
float: left;
}

.content > .main {
margin: 0pt auto;
width: 593px;
}

.content > .aside {
border-left: 1px solid #CCCCCC;
margin: 0pt 0pt 0pt 10px;
padding: 0pt 0pt 0pt 10px;
width: 180px;
}



.icon.dir, .icon-right {
padding-left: 0pt;
padding-right: 18px;
}

.icon.arrow {
background: url("/ui/bullet-arrow.png") no-repeat scroll left center transparent;
margin-left: 16px;
padding-left: 8px;
}

.icon.arrow-down.dir {
background: url("/ui/dropdown-arrow.png") no-repeat scroll right center transparent;
}

.icon.cart {
background: url("/icons/shoppingcart-icon-16.png") no-repeat scroll right center transparent;
}

.nav {
list-style: none outside none;
margin: 0pt;
overflow: visible;
padding: 0pt;
}

.nav > li {
display: inline-block;
float: left;
}

.nav > li.last {
float: right;
}

.nav > a {
display: inline-block;
}


#scCompanyBar {
background-image:url("/product-info/images/bluebgmenu.jpg");
border-bottom: 3px solid #CCD6D1;
box-shadow: 0pt 1px 3px 1px rgba(0, 0, 0, 0.2), 0pt -1px 0pt #FFFFFF inset;
height: 32px;
left: 0pt;
line-height: 1;
margin: 0pt;
position: fixed;
right: 0pt;
text-shadow: 1px 1px 0pt #FFFFFF;
top: 0pt;
z-index: 999;
}

#scCompanyBar-content {

margin: 0pt auto;
position: relative;
width: 960px;
}

#scCompanyBar-content > .nav {
position: relative;
top: 4px;
}

#scCompanyBar-content > .nav > li {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0pt;
position: relative;
}

#scCompanyBar-content > .nav > li > a {
height: 34px ! important;
line-height: 1 ! important;
}

#scCompanyBar-content > .nav > li.first {
left: 0pt;
padding-top: 6px;
width: 210px;
}

#scCompanyBar-content > .nav > li.middle {
bottom: -1px;
right: 0pt;
top: -1px;
width: 310px;
}

#scCompanyBar-content > .nav > li.middle a {
background: none repeat scroll 0% 0% #DDEEFF;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 20px 0px rgba(255, 255, 255, 0.03) inset, 0px -20px 20px rgba(0, 0, 0, 0.075) inset, 0px 20px 20px rgba(255, 255, 255, 0.1) inset;
padding: 10px 9px 6px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

#scCompanyBar-content > .nav > li.middle a:hover {
background-color: #3399FF;
color: #FFFFFF;
}

#scCompanyBar-content > .nav > li.last {
right: 0pt;
}

#scCompanyBar, #scCompanyBar-content, #scCompanyBar-content > .nav, #scCompanyBar #scCompanyBar-content > .nav > li.last {
overflow: visible ! important;
white-space: nowrap;
}

#scCompanyBar-content a {
text-decoration: none;
}



ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none outside none;
margin: 0pt;
padding: 0pt;
}

ul.dropdown {
float: left;
position: relative;
z-index: 597;
}

ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
}

ul.dropdown li.hover, ul.dropdown li:hover {
cursor: default;
position: relative;
z-index: 599;
}

ul.dropdown ul {
left: 0pt;
position: absolute;
top: 100%;
visibility: hidden;
width: 100%;
z-index: 598;
}

ul.dropdown ul li {
float: none;
}

ul.dropdown ul ul {
left: 99%;
top: 1px;
}

ul.dropdown li:hover > ul {
visibility: visible;
}



</style>


<html>




<div id="scCompanyBar" class="grad-silver">
<div id="scCompanyBar-content">

<ul class="nav">

<li class="first left">Hello.<a href="/login.html"> Sign In</a> View in cart for Extra Savings - The more you buy , The more you save <a href="/myaccount.html" style="color:blue">Start here.</a>

</li>



<li class="last align-right">

<ul id="scCompanyMenu" class="align-left nav dropdown dropdown-horizontal">

<li>
<a class="icon arrow-down dir">Customer Service</a>

<ul class="scCompanyMenu-standard">

<li><a href="/contactus.html">Contact Us</a></li>


<li class="hr"></li>


<li><a href="/whybuyfromus.html" rel="nofollow">Why Buy From Us</a></li>

<li><a href="/Customer-Testimonials.html" rel="nofollow">Testimonials</a></li>

<li><a href="/help.html" rel="nofollow">Help Center</a></li>


<li class="hr"></li>

<li><a href="/rebates-center.html" rel="nofollow">Rebate Center</a></li>


<li class="hr"></li>


<li><a href="/price-match-guarantee.html" rel="nofollow">Price Match</a></li>


</ul>

</li>

<li class="vr"></li>

<li>
<a class="icon arrow-down dir">My Account</a>
<ul class="scCompanyMenu-standard">
<li>
<a href="/login.html" rel="nofollow">Create Account</a>
</li>
<li>
<a href="/login.html" rel="nofollow">Log-In</a>
</li>
<li>
<a href="/ac_checkout_lookup.html" rel="nofollow">Order Status</a>
</li>
</ul>
</li>

<li class="vr"></li>

<li>
<a href="/cart.html" id="menu-cart" class="icon icon-right cart">1 items</a></li>
</li>
</ul>


</li>

</ul>
</ul>
</div>
</div>

</html>


]]> Tue, 08 May 2012 17:40:34 -0400 16286 http://forums.htmlhelp.com/index.php?showtopic=16258 Viewable here, but looking at it this morning I notice there is a slight movement between, say, the Home page and he Other Courses page. All pages are made with header, content and footer divs which have commom measurements. Any ideas why they should move, please?]]> Fri, 04 May 2012 04:20:24 -0400 16258 http://forums.htmlhelp.com/index.php?showtopic=16288
I am currently using this css3 site template to create a site for a band :

http://tympanus.net/codrops/2012/03/23/res...ator-with-css3/

However, I am wanting it to have an effect where the slides are greyscale but go to colour on mouseover, like in this tutorial:

http://webdesignerwall.com/tutorials/html5...ale-image-hover


I am a bit confused as to how to go about it, mainly because the images for the slides are determined within the css, whereas the hover effect is created by using jquery within the source code. Is there another way to do this without calling on jquery perhaps?

Any ideas or help would be much appreciated!]]> Wed, 09 May 2012 00:16:15 -0400 16288