body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
text-align: center;
color: #333;
background: #EEE url('http://www.stripegenerator.com/generators/generate_stripes.php?fore=f9f9f9&h=30&w=20&p=20&back1=f6f6f6&back2=ff0000&gt=0&d=0&shadow=0&'); 

}


a {
}

a:visited {
}

a:hover {
}

#wrap{
background: #FFF; 
width: 40em; 
margin: 2em auto; 
padding: 20px; 
-moz-border-radius: 22px;
-webkit-border-radius:  22px;
border-radius:  22px;
border: 10px solid #C00; 
 -moz-box-shadow: 0px 0px 6px #000000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 6px #000000; /* Saf3.0+, Chrome */
		  box-shadow: 0px 0px 6px #000000; /* Opera 10.5, IE 9.0 */
			  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000000'); /* IE6,IE7 */
		  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000000')"; /* IE8 */
		  
}

.nav{
text-align: right; 
}
.nav a{
text-decoration: underline;
border: 1px solid #FFF; 
font-weight: normal;
font-size: .9em; 
color: #666; 

}
.nav a:hover{
background: #EEE;
}
.logo{
margin-bottom: 1em; 
text-align: center; 
}
h1 {
font-size: 4em;
margin: 0; 
padding: 0; 
color: #9Bb8cC; 
text-shadow: 2px 2px 0px #666; 

}
h1 a{
color: #9Bb8cC; 
text-decoration: none; 
}
.titlespan{
color: #C00;
}
p.subtitle{
font-size: .8em; 
color: #666; 
margin: 0em; 
}

#enter, #exit, .help{/* ie, add a URL, and the results */
clear:both; 
margin: 0;  
background: #CBE8FC; 
padding: 1em;  
-moz-border-radius: 22px;
-webkit-border-radius:  22px;
border-radius:  22px;
background-image: -moz-linear-gradient(top, #F3FAFE, #CBE8FC); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3FAFE),color-stop(1, #CBE8FC)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3FAFE', endColorstr='#CBE8FC'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3FAFE', endColorstr='#CBE8FC')"; /* IE8 */
}
.help{
text-align: left; 
}

p.intro{
text-align: center; 
font-size: 1.4em; 
font-weight: bold;
margin: 0; 
}


form {
margin: 0; 
padding: 0; 
}
input#url, /*actually the output urlKiss in an input field*/
form #longurl{
font-size: 1.6em; 
background: #fff; 
border: 3px solid  #9Bb8cC; 
width: 22em; 
text-align: left; 
-moz-border-radius: 22px;
-webkit-border-radius:  22px;
border-radius:  22px;
padding: .25em .5em; 
}
form #submit{
font-size: 1.6em; 
background: #aBc8dC; 
color: #000; 
font-weight: normal;  
border: 3px solid  #9Bb8cC; 
-moz-border-radius: 22px;
-webkit-border-radius:  22px;
border-radius:  22px;
padding: .22em .5em; 
margin-left: -5em;
}
.pastehere{/*style for empty input */
color: #9Bb8cC;; 
text-align: center; 
}







		
.error {
color: #f00;
font-size: 1.4em;
font-weight: bold; 
}
.error a{
color: #000; 
text-decoration: underline;
}
/* --- SUCCESS ---*/

p.success {
color: #000;
text-align: center; 
font-size: 1.4em; 
font-weight: bold;
margin: 0 0 .25em 0;
}


p.actions{
font-size: .9em; 
margin: 0 0; 
font-weight: normal;  
padding: 1em;
}

p.actions a,
p.actions a:link,
p.actions a:visited, 
p.actions a:active{
padding: .25em; 
color: #000; 
margin-right: .25em;
font-weight: normal;
text-decoration: underline; 
}
p.actions a:hover{
color: #C00; 
}

p.charcount {
font-size: .8em; 
color: #369; 
margin-top: 0; 
}
p.customize{
font-size: .8em;
padding: 1em; 
background: #Ffc; 
border: 1px dotted #98B8CC; 
width: 30em; 
margin: 0 auto; 
}
p.customize code {
color: #C00; 
font-size: 1.2em; 
}

p.goback a{
text-decoration: underline; 
color: #000; 
font-weight: bold; 
}

/* --- FOOTER --- */
div.footer{
margin: 2em 0 1em 0; 
font-size: .7em; 
color: #666; 
}

div.footer a{
color: #666; 
}
.footer1{
text-align: left; 
padding: 0 1em 0 0; 
}

.footer2{
text-align: left; 
padding: 0 1em 0 1em; 
}
.footer3{
text-align: left; 
padding: 0 0em 0 1em; 
}

.footerbottom{
padding: 1em 0 0 0; 
color: #BBB; 
font-size: .7em; 
}
.footerbottom a{
color: #BBB; 
text-decoration: underline; 
}
.bookmarkletbutton{
text-align: center; 
margin-top: 1.5em; 
margin-bottom: .5em; 
}
a.bookmarklet{
color: #C00; 
background: #CBE8FC; 
padding: .25em; 
font-size: 1.6em; 
text-decoration: none; 
border: 2px solid #98BBCC; 
font-weight:bold; 
margin-top: 1em; 
 -moz-box-shadow: 2px 2px 6px #666666; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 6px #666666; /* Saf3.0+, Chrome */
		  box-shadow: 2px 2px 6px #666666; /* Opera 10.5, IE 9.0 */
			  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#666666'); /* IE6,IE7 */
		  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#666666')"; /* IE8 */
 -moz-border-radius: 6px;
-webkit-border-radius:  6px;
border-radius:  6px;
}

/* ---- PREVIEW PAGE ---*/

p.prevheader{
color: #000;
text-align: center; 
font-size: 1.4em; 
font-weight: bold;
margin: .25em;
}

p.previewurl{
font-size: .9em;
padding: .5em; 
background: #Ffc; 
border-top: 1px dotted #98B8CC; 
border-bottom: 1px dotted #98B8CC; 
width: 30em; 
margin: .25em auto; 
overflow: auto; 
}
p.previewurl code {
color: #C00; 
font-size: 1.2em; 
margin: .5em; 

}


p.warning{
font-size: .8em; 
margin-bottom: 1.5em; 

}

p.continue a,
p.continue a:link,
p.continue a:visited, 
p.continue a:active{
background: #aBc8dC;
padding: .25em; 
border: 1px solid #9Bb8cC; 
color: #000; 
margin-top: 1em; 
font-weight: normal;
font-size: 1.4em; 
}
p.continue a:hover{
background: #EEE;
padding: .25em; 
border: 1px solid #C00; 
color: #C00; 
}