* {
	outline: none;
	white-space: normal;
	-moz-outline: none;
}
html {
	position: relative;
}
body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 20px;
	padding: 0px;
}
a {
	color: #5687c2;
}
.clear {
	clear: both;
}
.ajax-load {
	background: url(../site/blog/wp-content/themes/cuthut/images/ajax-loader.gif) no-repeat left center;
	width: 16px;
	height: 20px;
	display: none;
}
#wrapper {
	background: url(../static/img/clouds.png) repeat-x;
	background-position: 0% bottom;
	padding-bottom: 7px;
	height: 100%;
	position: relative;
}
#container {
	width: 940px;
	margin: 20px auto;
	padding: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
h3 {
	padding: 0px;
	margin: 0px;
	display: block;
	height: 30px;
	font-size: 24px;
	color: #66cc66;
}
.apipage h3 {
	padding-bottom: 6px;
	color: #555;
}
.apipage h4 {
	font-size: 21px;
	padding-bottom: 0px;
}
.apipage p {
	padding-bottom: 22px;
}
code {
	display: block;
	white-space: pre;
	font-size: 12px;
	width: 468px;
	padding: 30px;
	color: #3c3c3c;
	font-family: Courier, sans-serif;
	background: #ededed;
	border: 1px solid #545454;
	margin-bottom: 22px;
}
.apipage ul {
	margin: 0px;
	padding: 6px 0px 10px 45px;
	list-style: disc;
}
.apipage ul.first {
	margin-top: -6px;
	padding-top: 0px;
}
.apipage ul li {
	padding: 3px 0px 0px 0px;
}
.apipage ul li ul {
	padding-left: 25px;
}
#header-wrapper {
	width: 940px;
	height: 75px;
	background: url(../static/img/nav-bg-stretch.png) center center repeat-x;
	overflow:hidden;
	margin-bottom: 10px;
}
#header {
	width: 940px;
	height: 75px;
	background: url(../static/img/nav-bg-right.png) right center no-repeat;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
#header h1 {
	width: 164px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	float: left;
	background: url(../static/img/nav-bg-left.png) left top no-repeat;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 138px;
	height: 52px;
	float: left;
	margin: 5px 0 18px 18px;
	background: url(../static/img/nav-cuthut.png) no-repeat;
}
#header h2 {
	display: block;
	width: 129px;
	height: 23px;
	float: left;
	margin: 36px 0px 0px 7px;
	text-indent: -9999px;
	background: url(../static/img/nav-slogan.png) no-repeat;
}
/* Start navigation */
#header ul#navigation {
	float: right;
	list-style: none;
	height: 75px;
	width:411px;
}
#header ul#navigation li {
	float: left;
}
#header ul#navigation a:link, #header ul#navigation a:visited {
	display: block;
	height: 43px;
	margin: 15px 50px 15px 0;
	padding-bottom: 2px;
	text-indent: -9999px;
	overflow: hidden;
}
#header ul#navigation a:hover, #header ul#navigation a:active {
	border-bottom: 2px solid #fff;
}
#header ul#navigation a.onPage {
	border-bottom: 2px solid #fff;
}
#header ul#navigation a#home {
	background: url(../static/img/home.png);
	width: 66px;
	/* margin-right: 44px; */
}
#header ul#navigation a#faq {
	background: url(../static/img/faq.png);
	width: 38px;
	/* margin-right: 73px; */
}
#header ul#navigation a#blog {
	background: url(../static/img/blog.png);
	width: 50px;
	/* margin-right: 58px; */
}
#header ul#navigation a#api {
	background: url(../static/img/api.png);
	width: 34px;
	margin-right: 73px;
}
/* end navigation */

#content-wrapper {
	width: 940px;
	float: none;
	clear: both;
}
/* start content left */
#content-wrapper #left {
	float: left;
	width: 530px;
}
#oauth {
	margin: 20px 0px 38px 0px;
	clear: both;
	height: 22px;
}
#oauth a#sign-in:link, a#sign-in:visited {
	float: left;
	display: block;
}
#welcome {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 310px;
	float: right;
}
#welcome p.left {
	width: 195px;
	float: left;
}
#welcome p.right {
	float: right;
	width: 115px;
	text-align: right;
	color: #33c;
}
#welcome p.right a {
	color: #999;
	text-decoration: none;
}
#welcome p.right a.acctlink {
	color: #33c;
}
#welcome p.right a:hover, #welcome p.right a:active {
	text-decoration: underline;
}

a#sign-in:link, a#sign-in:visited {
	display: inline-block;
	width: 150px;
	height: 22px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
	background: url(../static/img/twitter-signin.png) center top;
}
a#sign-in:hover {
	background: url(../static/img/twitter-signin.png) center center;
}
a#sign-in:active {
	background: url(../static/img/twitter-signin.png) center bottom;
}

#oauth a {
	text-decoration: underline;
	color: #999;
}
#oauth p {
	float: left;
}
.error, .error h3, .error a {
	color: #bb4f53;
}
.error h3 {
	font-size: 18px;
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 26px;
}
.error p {
	line-height: 30px;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.error {
	font-size: 12px;
	margin-bottom: 0px;
	height: 30px;
}
form#createShort {
	margin-top: 10px;
}
form {
	position: relative;
	margin-bottom: 15px;
}
form#tweet {
	margin-bottom: 50px;
}
form .title {
	width: 410px;
	height: 30px;
}
form .title label {
	width: 200px;
	float: left;
	display: block;
	font-size: 24px;
}
form .title a {
	width: 100px;
	display: block;
	float: right;
	text-align: right;
	color: #999;
	text-decoration: none;
	cursor: pointer;
}
form#createShort .title label {
	color: #5687c2;
}
form#tweet .title label {
	color: #89dfe3;
}
form#copyshort .title label {
	color: #bb4f53;
}
form input[type=text] {
	display: block;
	outline: none;
	height: 22px;
	width: 388px;
	padding: 10px;
	float: left;
	background: url(../static/img/input-bg.png) no-repeat;
	border: none;
	border-right: 2px solid #dedede;
	font-size: 18px;
	color: #555;
}
form #custom {
	width: 410px;
	margin-top: 10px;
}
form #custom label {
	display: block;
	height: 22px;
	width: 138px;
	padding: 10px 0px 10px 10px;
	float: left;
	background: url(../static/img/input-bg.png) no-repeat;
	border: none;
	font-size: 18px;
	line-height: 22px;
}
form #custom input#customlink {
	display: block;
	width: 250px;
	height: 22px;
	float: right;
	padding: 10px 10px 10px 0px;
	float: left;
	background: url(../static/img/input-bg.png) -20px no-repeat;
	border: none;
	border-right: 2px solid #dedede;
	font-size: 18px;
	line-height: 22px;
}
form p.bottom-text {
	width: 110px;
	position: absolute;
	bottom: -5px;
	right: 0px;
	text-align: left;
}
form#createShort p.bottom-text {
	text-align: center;
}
form .submit {
	display: block;
	width: 100px;
	height: 42px;
	margin:0px 10px;
	float: right;
	border: none;
	background: url(../static/img/submit-bg.png) no-repeat;
	font-size: 24px;
	color: #666;
	cursor: pointer;
}
form a.submit {
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	margin-right: 120px;
}
form#copyshort input[type=text] {
	width: 278px;
}					
form#tweet textarea {
	width: 390px;
	height: 144px;
	padding: 10px;
	border: none;
	float: left;
	background: url(../static/img/ta-l-bg.png) center top no-repeat;
	font-size: 18px;
	line-height: 26px;
	color: #555;
	font-family: Arial, sans-serif;
	resize: none;
}
/* end content left */

/* start content right */
#content-wrapper #right {
	width: 300px;
	margin-left: 110px;
	padding: 0px;
	float: right;
}
#medium-rect-ad {
	width: 300px;
	height: 250px;
	margin-top: 20px;
	text-align: center;
	line-height: 250px;
	font-size: 18px;
	color: #555;
}
/* #ad2, #ad3, #ad4 {
	display: none;
} */
#bookmarklet {
	margin-top: 58px;
	font-size: 14px;
}
#bookmarklet p {
	padding: 0px;
	margin: 0px;
}
#bookmarklet p a {
	color: #6699cc;
	text-decoration:none;
	font-weight: bold;
	cursor: move;
	overflow: hidden;
	vertical-align: sub;
	display: inline-block;
	width: 84px;
}

/* end content right */
/* end content */

/* start footer */
#footer {
	width: 940px;
	height: 22px;
	line-height: 22px;
	margin: auto;
	text-align: center;
	
	bottom: 0px;
	color: #222;
	z-index: 100;
	overflow: visible;
	margin-top: 101px;
}
#footer p {
}
#footer a {
	color: #222;
}

ul#feature-vid li {
	padding-left: 14px;
	background: url(../static/img/arrow-d.png) no-repeat left center;
}
ul#feature-vid li:hover {
	cursor: pointer;
}
ul#feature-vid li.on {
	background: url(../static/img/arrow-down.png) no-repeat left center;
}
.video {
	display: none;
}