*{padding:0; margin:0;}
body{background-image:url(/images/bg_tile.jpg); background-attachment:fixed; font-family:arial, helvetica; font-size:12px; line-height:15px; color:#4d4a46;}

.warning_message{line-height:25px; text-align:center; padding:30px; font-size:18px; background-color:#fff; border-bottom:1px solid #7C7974;}

a{color:#b77084; border:0; text-decoration:none;}
a:hover{text-decoration:underline;}
a{outline:none;}
img{border:none;}

/*buttons*/
a.button, input.button{font-size:14px; font-family:helvetica, arial; cursor:pointer; background-image:url(/images/blue_button_bg.jpg); border:1px solid #87a6aa; color:#3b5960; text-decoration:none; padding:10px 0 10px 0; display:block; width:220px; font-weight:bold; text-transform:uppercase; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition:all .1s linear; text-shadow:0 1px 1px #EAFDFF;}
a.subtle, input.subtle{background-image:url(/images/button_bg.jpg); border-color:#CBC1AD; color:#645331; text-shadow:0 1px 1px #FFF;}
a.button:hover, input.button:hover{border-color:#4c747d; color:#1f3b41;}
a.subtle:hover, input.subtle:hover{border:1px solid #9D9585; color:#443820;}
a.small{font-size:12px; font-family:arial; padding:5px 0 5px 0;}

input.sketchy{background-repeat:no-repeat; border:none; font-weight:normal; padding-top:0px; font-weight:bold; font-family:helvetica, arial; position:relative; display:block; width:222px; text-align:center; font-size:14px; height:41px; color:#fff; text-transform:uppercase; text-shadow:0 0 3px #8d6d6f; background-image:url(/images/sketchy_button_bg.png); background-repeat:no-repeat; background-color:transparent;}
input.sketchy:hover{cursor:pointer; background-position:0 -109px;}
a.sketchy, a.next_page, a.prev_page{background-repeat:no-repeat; font-family:helvetica, arial; font-weight:bold; position:relative; display:block; width:222px; text-align:center; padding-top:13px; font-size:14px; height:41px; color:#fff; text-transform:uppercase; text-shadow:0 0 3px #8d6d6f; background-image:url(/images/sketchy_button_bg.png); background-repeat:no-repeat;}
a.sketchy:hover, a.next_page:hover, a.prev_page:hover{background-position:0 -109px; text-decoration:none;}
a.sketchy.arrow{padding-top:9px;}
a.sketchy.arrow img{padding-left:10px; margin-bottom:-5px;}

/*pagination*/
.pagination{margin-top:20px;}
.pagination a,
.pagination span{display:none;}
a.next_page{float:right; margin-right:20px; display:block;}
a.prev_page{float:left; display:block;}

/*general styles*/
p{margin-bottom:1em;}
h1 a{color:#5d4724;}
h1 a.odopod_link{color:#de3d81;}
h1 a:hover{text-decoration:underline !important;}
/*h1{font-size:20px; margin-bottom:18px; font-family:helvetica, arial;}*/
h1{font-size:20px; margin-bottom:18px; padding-bottom:10px !important; display:inline-block; font-family:helvetica, arial; padding-bottom:5px; background-image:url(/images/sketchy_underline.png); background-repeat:repeat-x; background-position:bottom;}
.text_replace{text-indent:-9998px; background-repeat:no-repeat;}

#fake_body{width:100%; position:absolute; top:0;}
#wrap{ width:960px; margin:0 auto; }

/* SKETCHY BG */
body#home #sketchy_bg{display:block; width:100%; height:315px; background-image:url(/images/sketchy_bg.gif); background-repeat:no-repeat; background-position:center;}

/*header*/
#header{position:relative; background-image:url(/images/dotted_line.png); background-repeat:repeat-x; background-position:bottom; padding:23px 0 23px 0; margin-bottom:20px; margin-right:20px; }
#home #header{margin-bottom:0;}
#header #toolbar a{color:#4d4a46;}
#header #toolbar li.welcome a{color:#b77084; font-weight:bold;}
#header #toolbar li.welcome{background-color:#fff; padding:3px 8px; margin-top:-3px; border:1px solid #e4ded4; -webkit-border-radius:5px; -webkit-box-shadow:0 0 5px #d7d1c4; -moz-border-radius:5px;}

#header div#title{text-indent:0; background-image:none; width:auto; height:auto; float:left; font-size:11px;}

#header a#home_link{position:absolute; top:5px; text-indent:-9999px; background-image:url(/images/odosketch_small.gif); background-repeat:no-repeat; height:43px; width:191px;}
#header a#odo_title_link{position:absolute; top:5px; left:190px; text-indent:-9999px; background-image:url(/images/odobubble_small.gif); background-repeat:no-repeat; height:42px; width:73px;}
#header a#odo_title_link:hover{background-position:0 -42px;}

#header div#title a{text-decoration:none; font-weight:bold;}
#header div#title a:hover{text-decoration:underline;}
#header ul{float:right; list-style-type:none;}
#header ul li{float:left; margin-right:10px; padding-right:10px; border-right:1px solid #DBD0B7;}
#header ul li:last-child{border-right:none; margin-right:0; padding-right:0;}

/*home page intro*/
body#home #intro{margin-bottom:30px; height:270px; background-image:url(/images/dotted_line.png); background-repeat:repeat-x; background-position:bottom;}
#intro #masthead{float:left; width:630px; height:280px; position:absolute;}
#intro #masthead #masthead_image{margin-top:49px;}
#intro #masthead a#odobubble{position:absolute; top:10px; background-position:0 20px; left:0; width:134px; height:99px; background-image:url(/images/odobubble.gif); background-repeat:no-repeat; display:block; text-indent:-9999px;}
#intro #masthead a#odobubble:hover{background-position:0 -60px;}
#intro #get_sketchin{float:right; width:290px; position:relative; margin-top:30px; height:194px; background-image:url(/images/ready.gif); background-repeat:no-repeat; text-indent:-9999px;}
#intro #get_sketchin a.sketchy{position:absolute; left:35px; bottom:10px; text-indent:0;}

body#home #announce{margin-bottom:30px; margin-top:-20px; height:75px; width:100% ;background-image:url(/images/dotted_line.png); background-repeat:repeat-x; background-position:bottom;}
#announce #announce_text{float:right; width:100% ;text-align:left; font-size: 21px; margin-top: 24px;}
#announce #announce_text a{font-weight: bold;}

/*home page sketch groups*/
#sketch_groups{}
#sketch_groups .sketch_group{background-image:url(/images/dotted_line.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; margin-bottom:20px; margin-right:20px;}
*+html #sketch_groups .sketch_group{padding-bottom:20px;}
#sketch_groups .sketch_group#recent_sketches{background-image:none; padding-bottom:0; margin-bottom:0;}
#sketch_groups .sketch_group#featured_sketches{margin-bottom:40px; padding-bottom:30px;}
#sketch_groups a.more{float:right; margin-top:5px;}

*+html #more_featured_sketches, #more_recent_sketches{position:relative; top:20px;}

#featured_sketches_heading{background-image:url(/images/featured_sketches.gif); width:198px; height:34px;}
#recent_sketches_heading{background-image:url(/images/recent_sketches.gif); width:180px; height:35px;}

/*sketch list*/
ul.sketch_list{list-style-type:none;width:960px;}
ul.sketch_list li{ width:220px; height:243px; position:relative; float:left; margin-right:20px; margin-bottom:20px; }
ul li.unsaved{display:none;}
ul.small_thumbs li.unsaved div.inner{ background:none;}
ul.large_thumbs li.unsaved div.inner{background:none;}
ul.small_thumbs li{ width:100px; height:133px; position:relative; float:left; margin-right:20px; margin-bottom:20px; }
ul.sketch_list li div.inner{ position:absolute; background-color:#fff; border:1px solid #d7d1c4; padding:9px 9px 7px 9px; -webkit-border-radius:5px; -webkit-box-shadow:0 0 5px #d7d1c4; -moz-border-radius:5px;}
ul.sketch_list li div.inner.expanded{-webkit-box-shadow:0 0 30px #d7d1c4;}
ul.sketch_list li div.inner a{font-size: 10px;}
ul.sketch_list li div.inner a img{ margin-bottom:2px; }
ul.sketch_list li div.inner span.featured{display:block; position:absolute; right: -6px; top: -6px; background: transparent url("/images/featured.png") no-repeat left top; width:77px; height: 76px; }  
ul.sketch_list li div.inner p.meta { margin-top:6px; margin-bottom:0; font-size:11px;}
ul.small_thumbs li div.inner p.meta {width:80px;  height:28px; overflow:hidden;}
ul.large_thumbs li div.inner p.meta {width:200px; height:15px; overflow:hidden;}
ul.sketch_list li div.inner p.meta .title {font-weight:bold; text-transform:capitalize; width: 80px; font-size: 10px; line-height: 14px; }
ul.sketch_list li div.inner p.meta .author {  width: 80px; font-size: 10px; line-height: 11px;}
ul.sketch_list li div.inner p.meta .author a{text-transform:capitalize; font-weight:bold;}

ul.sketch_list a.sketch_info{cursor:pointer; display:block; position:absolute; right:10px; bottom:8px; background-image:url(/images/button_bg.jpg); border:1px solid #CBC1AD; color:#645331; font-family:georgia; font-style:italic; width:15px; height:15px; text-align:center; -webkit-border-radius:8px; -moz-border-radius:8px; -webkit-transition:all .1s linear; text-shadow:0 1px 1px #EAFDFF; font-weight:bold;}
ul.sketch_list a.sketch_info:hover{border-color:#9D9585; color:#443820; text-decoration:none;}

.header_with_buttons{float:left; width:300px;}
.header_buttons{float:right;}

/* Uer Page Buttons */
#show_user a.sketchy {margin:0 20px 0 0;float: left;}

/* Form styles */
#regform_wrap{margin-top:60px;}
#regform ul{list-style-type:none;}
#regform ul li{padding-bottom:10px;}
#regform{width:460px; margin-bottom:20px; float:left;}
#regform div.password_label{}
#regform div.password_label label{float:left; }
#regform div.password_label .forgot_password a{float:right; display:block; font-size:12px; margin:10px -20px 5px 0;}
#regform input.submit{float:right; margin-right:-20px;}
#regform input.text
{
  width:100%;
  font-size:30px;
  padding:10px;

  background-color:#dfd8c9;
/*  background:transparent url(/images/light_bg_tile.jpg);*/

  border:none;
  color:#b77084;
  font-family:helvetica, arial;
  font-weight:bold;
}

#other_form{position:relative; width:283px !important; height:187px; float:right; width:220px; margin-right:20px; background-image:url(/images/already.png); background-repeat:no-repeat;}
#other_form h2{position:absolute; top:12px; left:85px; font-size:12px; font-weight:bold; text-transform:uppercase; font-family:helvetica, arial; width:230px;}
#other_form p{position:absolute; top:52px; left:75px;}
#other_form p a{font-weight:bold;}

/* Generic Form Styles */
form label {display:block; margin:10px 0 5px 0; font-size: 12px;}
form input {display:block; margin:0 0 10px 0; font-size: 12px; width: 185px; font-family:arial;}


/* Error styles */
#errorExplanation h2 {padding:10px 0; color: red;}
#errorExplanation p {font-style:italic;font-weight:bold;}
#errorExplanation ul {list-style:none;padding-top:10px;}
#errorExplanation ul li {padding: 3px 0 0 10px;}

/*FLASH!*/
.flash_message{margin-bottom:20px; margin-top:20px; margin-right:20px; background-color:#fff; border:1px solid #d7d1c4; padding:2em 2em .5em 2em; -webkit-border-radius:5px; -webkit-box-shadow:0 0 5px #d7d1c4; -moz-border-radius:5px;}
p.notice, p.error{font-size:20px; font-family:helvetica; font-weight:bold;}
p.notice{ color:#4C7948;}
p.error{ color:#99393F;}

/*field errors*/
ul.field_errors{ color:#99393F; font-size:11px; list-style-type:none; padding-bottom:10px; list-style-type:disc !important;}
ul.field_errors li{ padding-bottom:0 !important; }

p.footer{position:relative; padding-bottom:20px; font-size:11px; color:#828175; background-image:url(/images/dotted_line.png); background-repeat:repeat-x; background-position:top; padding-top:20px; margin-top:40px; margin-right:20px;}
p.footer img#little_girl{display:none;}
body#home p.footer img#little_girl{display:block; position:absolute; left:-85px; top:-105px;}
p.footer span.bull{padding:5px; color:#DBCFB6;}
p.footer #footer_odopod{margin-bottom:-4px; margin-left:4px;}
p.footer a.feedback{color:#828175;}
p.footer em a{color:#3b3a35;}

/*help page(s)*/
#help_page{width:680px;}
#help_page .help_section{margin-bottom:40px;}
#help_page ul li, ol li{margin-bottom:10px;}
#help_page ol li ul{padding:11px; margin-left:11px;}


/*404 page*/
#not_found{margin-top:100px;}


/*notice*/
#notice{margin-right:20px; height:15px; background-color:#fff; border:1px solid #d7d1c4; border-top:none; padding:10px; margin-bottom:10px; -webkit-box-shadow:0 0 5px #d7d1c4; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px;}
#notice p{float:left; margin:0;}
#notice .close{cursor:pointer; color:#99393F; float:left; margin-right:10px; font-weight:bold; font-size:18px; }












.clearfix:after, .pagination:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .pagination {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix, .pagination {display:block;}
/* End hide from IE Mac */