/*
Theme Name: Stupidous
Theme URI: http://www.stupidous.com/
Description: Designed by Yawen Chan
Author: Yawen Chan
Author URI: http://www.YawenChan.com
Version: 1.0
*/

body {
	margin: 0;
	padding:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#b2e9e4;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#535353;
}
img { 
	border: none; 
} 
.ad {
	padding: 5px 0 15px 0;
}
a img {
	border: none;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#home {
	position:absolute;
	top: 13px;
	right: 320px;
	display: block;
	width: 47px;
	height: 13px;
	background: url(images/home.png) top;
	text-indent: -99999px;
}
#home:hover {
	background-position: 0 -13px;
}
#submit-story {
	position:absolute;
	top: 13px;
	right: 128px;
	display: block;
	width: 152px;
	height: 16px;
	background: url(images/submit.png) top;
	text-indent: -99999px;
}
#submit-story:hover {
	background-position: 0 -16px;
}
#contact {
	position:absolute;
	top: 14px;
	right: 0px;
	display: block;
	width: 88px;
	height: 12px;
	background: url(images/contact.png) top;
	text-indent: -99999px;
}
#contact:hover {
	background-position: 0 -12px;
}
#clouds {
	background:url(images/clouds.png);
	position:absolute;
	top: 65px;
	left:0px;
    z-index: -100;
	width:100%;
	height:170px;
}

#sky {
	background-image:url(images/sky.png);
	width:100%;
	height:42px;
	margin:0;
	padding:0px;
    z-index: 1;
}

#headwrapper {
    margin: 0px auto 0px auto;
	width:950px;
	position:relative;
}

#wrapper {
    margin: 0px auto 0px auto;
	width:950px;
	position:relative;
}
.bodywrapper {
	width:950px;
	position: absolute;
	top: 200px;
	left:0px;
}

#leftheader {
	margin: 10px 0px;
	float:left;
	width: 600px;
}

#logo {
	position:absolute;
	left: 140px;
}

#tagline {
	position:absolute;
	top: 65px;
	left: 140px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFF;
}

#left_main{
	float:left;
	width: 260px;
	padding-bottom: 10px;
}

#left_main p {
	margin: 3px 15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#007CA1;
}

#right_main {
	float: right;
	width: 680px;
	padding: 0 0;
}
#right_posts {
	padding: 0 0;
	margin-bottom: 15px;
    background-color: #f0f6f6;
    border: 1px solid #f0f6f6;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
#footer {
	padding: 10px 0;
	position: relative;
	clear: both; 
}



.readmore {
	text-align:right;
	font-style: italic;
	font-size: 11px;
	text-transform: capitalize;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.readmore a:link, .readmore a:visited {
	text-decoration: none;
	color:#009CCA;
}

.readmore a:hover, .readmore a:active, .readmore a:focus {
	color:#009CCA;
	text-decoration: underline;
}

/* Search */

.Search {
	background: url(images/search-bg.png) no-repeat right top;
	width: 272px;
	height: 42px;
	margin: 25px 0 0 0;
	float: right;
}

.Search  form {
	padding: 7px 15px 20px 15px;
	margin: 0px;
}
.Search  input {
	border: none;
	font-size: 13px;
}

.Search  input.search {
	width: 22px;
	height: 22px;
	background: url(./images/search-btn.png) no-repeat;
}

.Search  input.keyword {
	background: none;
	border: none;
	padding: 6px 0px 5px 8px;
	width: 200px;
}

/* IE 6 */ * html #buttonsearch { margin: -24px 0 0 220px; } /* */ 
#buttonsearch {
	padding: 0px;
	margin: -24px 0 0 220px;
	background: none;
}

/* Chrome Hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#buttonsearch
{
	padding: 0px;
	margin: -28px 0 0 220px;
	background: none; /* The text will appear red only in Safari and Google Chrome */
}
}

/* End Search */

/* Sidebar */


#left_main ul {
	list-style: none;
	padding: 0 0 0 8px;
}
#left_main li {
	padding-bottom: 7px;
}

#left_main h2 {
	color: #006586;
	letter-spacing: -1px;
	font-size: 17px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
#left_main ul a:link, #left_main ul a:visited {
	text-decoration: none;
	color:#009CCA;
	font-size: 12px;
}

#left_main ul a:hover, #left_main ul a:active, #left_main ul a:focus {
	color:#00BAF0;
	text-decoration: none;
}
/* PostMeta */

.postmetadata {
	padding: 10px 15px 15px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#535353;
}

.postmetadata a:link, .postmetadata a:visited {
	text-decoration: none;
	color:#009CCA;
}

.postmetadata a:hover, .postmetadata a:active, .postmetadata a:focus {
	color:#009CCA;
	text-decoration: underline;
}
.meta-left{
	float: left;
	width: 380px;
}
.meta-right{
	text-align:right;
	margin-left: 400px;
}

/* Main Content */
.main-content {
	padding: 0 15px 10px 15px;
}
.entry {
	line-height: 19px;
}
.main-content h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
}

.main-content h2 a:link, .main-content h2 a:visited {
	text-decoration: none;
	color:#007CA1;
}

.main-content h2 a:hover, .main-content h2 a:active, .main-content h2 a:focus {
	color:#00A8D9;
	text-decoration: none;
}

/* Social */
.social {
	float: right;
}
.s-item {
	float: left;
}
	
.social ul {
	list-style: none;
}
.social ul li {
	display: inline;
}

/* Comments */

h3#comments {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	color:#007CA1;
	margin-top: 25px;
}

h3#respond {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	color:#007CA1;
	margin-top: 25px;
}

.CommentAvatar {
	margin: 0 0 0 0;
	color: #B2B2B2;
	float: left;
	width: 50px;
}

.CommentCon {
	padding: 10px 0 20px 53px;
}
small.name {
	font-size: 11px;
	color: #565656;
}

small.date {
	font-size: 11px;
	color: #999999;
	padding-left: 20px;
}

small.edit {
	font-size: 11px;
	color: #999999;
	padding-left: 20px;
}

p.avt {
	margin-bottom: 0px;
}

.con {
	margin-top: 5px;
	border-top-color: #EEE;
	border-top-width: 1px;
	border-top-style: solid;
}

#comment-form a:link, #comment-form a:visited, .alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited {
	color:#007DB6;
	text-decoration:none;
}
#comment-form a:hover, #comment-form a:focus, .alignleft a:hover, .alignleft a:focus, .alignright a:hover, .alignright a:focus {
	color:#4BA1CB;
	text-decoration: none;
}
.italic {
	font-style:italic;
}

#comment-name, #comment-email, #comment-url {
	width: 250px;
	height: 30px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}