/*
WELIKETHAT.COM CSS

So i found this article interesting:
http://news.deviantart.com/article/25664/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}

.twitter {
	width: 120px;
	float: left;
}

.facebook {
	margin-left: 15px;
	width: 120px;
	float: left;
}

.digg {
	width: 90px;
	float: left;
	margin-left:10px;
}

.stumble {
	width: 90px;
	float: left;
}

textarea {
background-image: url(/images/textarea.png);
}
.grid2col #share .banner { background:url(/images/banner-share.png) no-repeat; position:absolute; top:20px; left:-15px; width:78px; height:36px; color:#fff; font:bold italic 12px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 0px;}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a.rollover {
	display: block;
	width: 600px;
	height: 337px;
	text-decoration: none;
	background: url("http://i34.tinypic.com/i6ja02.jpg");
	}

a.rollover:hover {
	background-position: -600px 0;
	background: url("http://i35.tinypic.com/14dgft1.jpg");
	}

.displace {
	position: absolute;
	left: -5000px;
	}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#footer-wrap{
   
    width:100%;
}
 #footer, .push {
color:#999999;
font-size:11px;
margin:0 auto;
text-shadow:0 1px 0 #FFFFFF;
width:980px;

 }
#header{
    height: 40px;
    width: 100%;
    background-color: #3B5998;
    overflow: hidden;
    border-bottom:1px solid #333333;
}
#header2{
    height: 60px;
    width: 100%;
    background-color: #3B5998;
    overflow: hidden;
    border-bottom:1px solid #333333;
}
#wrapper{
    width: 990px;
    margin: 0 auto;
    padding: 30px 4px 4px 4px;
}
.clear{
    clear:both;
}
textarea{
    padding: 4px 6px;
    border:1px solid #CCCCCC;

}
label{
    cursor: pointer;
}
.rounded{

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
.rounded2{

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
.left{
    float:left;
}
.right{
    float:right;
}
#top-nav{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#top-nav li{
    float: left;

}
#top-nav li a {
    color:#FFFFFF;
    display:inline-block;
    font-weight:bold;
    font-size: 12px;
    height:40px;
    padding:13px 30px 0;
    text-decoration:none;
    border-left:1px solid #333333;
    border-right:1px solid #6D86B7;
    text-shadow:0px 1px 0px #333;
}
#top-nav li a#first{
    border-left:0px;
}
#top-nav li a#last{
    border-right:0px;
}

#top-nav li a:hover{
    background-color: #627AAD;
}
#top-nav li#current a{
    background-color: #627AAD;
}
#top-nav li#right{
    float: right;

}
#top-nav li#right a{
    border: 0px;
    background-color: #2C415D;
	border-left:1px solid #333333;
}

.capwrap {
    background:#FFFFFF url(/images/content_bg.png) repeat-y scroll 0 0;
    margin:0 auto 22px;
    position:relative;
    width:984px;
}
.maincap.top {
    background:transparent url(/images/content_top.png) no-repeat scroll 0 0;
    top:0;
}

.maincap {
    font-size:1px;
    height:7px;
    left:0;
    position:absolute;
    width:984px;
    z-index:5;
}
.capwrap .grid2col {
    background:transparent url(/images/overview_tutorial.jpg) repeat-x scroll 0 100%;
    margin:0 -2px 0 2px;
    padding:27px 35px 2em 50px;
    position:relative;
    width:895px;
}
.maincap.bottom {

    background:transparent url(/images/content_bottom.png) no-repeat scroll 0 100%;
    bottom:0;
}
body{font:14px/1.5 "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;color: #333;
     background-color: #F1F1F1;}
.style1 {color: #3B5997}
h1 main{color:#404a47;font-size:20px;}
p{ margin-bottom:20px;}
p a{display:inline;}
em{color:#404a47;font-weight:normal;font-style:normal;line-height:0px;}
a {
    
    color: #3B5998;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    
}
#create-yours h1{
    margin-right:42px;
   
}
#user-like{
    line-height: 30px;
}
.like_error {
  display: none;
  float:left;
}
.like_error li {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  color:#990000;
}

h1{color:#404a47;font-size:28px;}
.h1like{color:#404a47;font-size:22px;}
.h1page{color:#FFFFFF;font-size:20px;margin-top:5px;}
.h1pages{color:#FFFFFF;font-size:22px;margin-top:15px;}
h2{color:#404a47;font-size:14px;}
.h2you a{color:#FF0000;font-size:14px;}
.h2cpa a{color:#FF0000;font-size:28px;padding-bottom:30px;}
.h2page{
color:#3b5998;
font-size:20px;
padding:10px;
border-bottom: 2px solid grey;
width:400px;
margin-top:0px;}
.h2like{color:#3B5998;font-size:22px;margin-bottom:15px;}
h3{font-weight:bold;font-size:18px;font-size:11px;}
h4{font-size:11px;}
h5{font-size:10px;}
h6{font-size:8px;}
dl,
hr,
h1,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset{margin-bottom:10px;}

.button {
    padding:2px 6px;
    font-size:13px;
    margin:10px 0px 0 0;
    background-color:#5B74A8;
    background-position:0 -48px;
    border-color:#29447E #29447E #1A356E;
    color:#FFFFFF;
    background:#EEEEEE url(/images/button.png) repeat scroll 0 0px;
    border-color:#29447E #29447E #29447E;
    border-style:solid;
    border-width:1px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap;
}
.button input {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:1px 0 2px;
    white-space:nowrap;}
	.button {
    padding:2px 6px;
    font-size:13px;
    margin:10px 0px 0 0;
    background-color:#5B74A8;
    background-position:0 -48px;
    border-color:#29447E #29447E #1A356E;
    color:#FFFFFF;
    background:#EEEEEE url(/images/button.png) repeat scroll 0 0px;
    border-color:#29447E #29447E #29447E;
    border-style:solid;
    border-width:1px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap;
}
.button2 input {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:1px 0 2px;
    white-space:nowrap;}
		.button2 {
    padding:2px 6px;
    font-size:13px;
    margin:10px 0px 0 0;
    background-color:#5B74A8;
    background-position:0 -48px;
    border-color:#800000 #800000 #1A356E;
    color:#FFFFFF;
    background:#EEEEEE url(/images/button2.png) repeat scroll 0 0px;
    border-color:#800000 #800000 #800000;
    border-style:solid;
    border-width:1px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:normal !important;
    padding:2px 6px;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap;
}

#left-characters span{
    font-weight: bold;
}
#like-button{
    margin-top: 10px;
}
#top-likes h3{
font-size:14px;
font-weight:normal;
line-height:25px;
padding:2px 8px 2px 8px;
}
#top-likes ol{
    list-style: decimal;
}
form#contactform div{
    margin-bottom: 20px;
}
form#contactform label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
p.message
{
	padding:5px 10px;
	background:#fff;
	margin:0px 0px;
        text-shadow:0px 1px 0px #333;
}
p.message2
{
	padding:5px 10px;
	background:#fff;
	margin:0px 0px;
        text-shadow:0px 1px 0px #333;
}
p.message3
{
	padding:5px 10px;
	background:#fff;
	margin:0px 0px;
        text-shadow:0px 1px 0px #333;
}
p.error,p.warning,p.success
{
	color:#fff;
}
p.error
{
	background:#990000;
}
p.warning
{
	background:#f90;
}
p.success
{
	background:#339933;
	margin-top:12px;
}
p.success2
{
	background:#3B5998;
	color:#fff;
	margin-top:12px;
}
p.success3
{
	background:#339933;
	color:#fff;
	margin-top:12px;
}
#fbshare{
    left:72px;
position:absolute;
top:112px;
}
.adSpot-200{
    float:left;
margin-right:96px;
}
.seperator
{
    padding-bottom:12px;
}
.undertop { background: #EDEFF4 ; height: 80px ; padding: 10px 50px ; }
#rightcol {
float:right;
padding:0 5px 10px 0;
width:300px;
}
ul .spy {
	width:300px;
	height:500px;
	overflow:hidden;
	list-style-type: none;
	padding: 0px 0px;
	margin:0px 0px;
	}
ul .spy li {
	padding: 0px 0px;
	margin:0px 0px;
	list-style-type:none;
	width: 318px;
	float:left;

	}	
	#postlist {
	overflow:hidden;
	margin-top:5px;
	padding:0px 0px;
	height:310px;
	}
#postlist ul{
	width:335px;
	overflow:hidden;
	list-style-type: none;
	padding: 0px 0px;
	margin:0px 0px;
	}
#postlist li {
	padding: 5px 5px;
	margin:0px 0px 5px 0px;
	list-style-type:none;
	width: 323px;
	float:left;
	height:60px;
    overflow: hidden;
	background:#fff url(/images/post.jpg) repeat-x;
	border:1px solid #ddd;
	}	


#postlist li h2 {
    color:#782c99;
    font-size:16px;
	height:18px;
	overflow:hidden;
	margin:0px 0px;
	padding:0px 0px 2px 0px;

}

#postlist li h2 a {
    color:#782c99;
    text-decoration:none;
}

#postlist li img {
    float:left;
    margin-right:5px;
	background:#EFEFEF;
}

.step {
	padding: 0px 0 0px 0;
}


#step2 {
	display: none;
}

#like {
	padding-left: 0px;
}

#step3 {
	display: none;
}

#share-button {
	padding: 4px 3px 4px 3px;
	border:1px solid #2F2F2F;
	background-color: #627CAF;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

noscript {
	color: #FF0000;
}

#step4 {
	display: none;
}

#invite {
	padding-left: 156px;
}

#invites-submit {
	padding: 4px;
}