/*-----------------------------------------------------------
Site		:  Smallr
File		:  screen.css
-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font: 10px "Lucida Grande", "lucida sans unicode", Verdana, Geneva, Arial, sans-serif;
	background-color: #F4F4F4;
}
#wrapper {
	background: #fff url(/images/detail/pageTop.gif) repeat-x;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 50px;
}

/* >Anchors
-----------------------------------------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: #E7620D;
	font-weight: bold;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

/* >Headr
-----------------------------------------------------------*/

#header {
	padding-top: 40px;
	text-align: center;
	margin-bottom: 30px;
}
#header p {
	color: #000;
	font-family: "helvetica", arial, sans-serif;
	font-size: 180%;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: -1px;
	margin-top: -25px;
	width: 260px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}
#header h1 a img {
	border: 0;
}

/* >Content
-----------------------------------------------------------*/

#main {
	margin: 0 auto;
	width: 645px;
}
#secondary {
	margin: 0 auto;
	width: 565px;
}
#main p, #secondary p {
	font-size: 130%;
	line-height: 1.3;
}
#secondary p {
	color: #666;
}
#main p strong, #secondary p strong {
	color: #333;
}
#main p em, #secondary p em {
	background-color: #FFEBDA;
	font-style: normal;
	padding: 0 3px;
}
h2 {
	font-family: "helvetica", arial, sans-serif;
	letter-spacing: -1px;
	color: #C2C2C2;
	font-size: 200%;
	text-transform: lowercase;
	margin-top: 15px;
}

/* >Footer
-----------------------------------------------------------*/

#footer {
	text-align: center;
	padding: 30px 0;
	font-weight: bold;
	color: #999;
	font-size: 110%;
	text-transform: lowercase;
}
#footer a:link, #footer a:visited {
	color: #555;
}

/* >URL Entry
-----------------------------------------------------------*/

#urlEntry {
	background-color: #FEF6F2;
	border: 1px solid #F9D9C4;
	padding: 30px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
}
.again#urlEntry {
	padding-top: 10px;
	margin-top: 15px;
}
.again#urlEntry h2 {
	margin-bottom: 4px;
}
#urlEntry .submit {
	display: none;
}
#urlEntry input {
	width: 100%;
	font-size: 170%;
	padding: 4px;
	color: #E7620D;
	font-weight: bold;
}
#urlEntry p.formNote {
	text-align: right;
	margin-top: 3px;
	font-size: 100%;
	text-transform: lowercase;
	color: #666;
}
#urlEntry h2 {
	color: #333;
	font-size: 200%;
}

/* >Make
-----------------------------------------------------------*/

h2#shortUrl {
	font-size: 330%;
	text-align: center;
	margin-bottom: 25px;
}
p#makeChanges {
	text-align: center;
}

/* >Bookmarklet
-----------------------------------------------------------*/

a#bookmarklet {
	display: block;
	background: #FEFEDE url(/images/detail/add.gif) no-repeat 41% 55%;
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 180%;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: -1px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 5px;
}

/* >Inline
-----------------------------------------------------------*/

hr {
	display: none;
}

/* >Static
-----------------------------------------------------------*/

.terms#main h2, .documentation#main h2 {
	margin-bottom: 10px;
}
.terms#main h3, .documentation#main h3  {
	margin-bottom: 10px;
}
.terms#main p, .documentation#main p, .documentation#main pre  {
	margin-bottom: 10px;
	margin-left: 15px;
}
.documentation#main pre {
	font-family: Courier, monospace;
	font-size: 110%;
	border-left: 2px solid #F3B086;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FEEACD;
}

/* >End screen.css
-----------------------------------------------------------*/