/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/*------------------------------------------
	Pastebot Sync Help
------------------------------------------*/

body{
    font-size: 12px;
    font-family: "lucida grande";
    color: #333;
    background: #f3f3f3;
}
h1{
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    color: #111;
    text-shadow: #fff 1px 1px 0;
}
#header{
    height: 80px;
    border-bottom: 1px solid #ccc;
    padding: 0 20px 0 20px;
}
#body{
    padding: 18px 20px 0 20px;
    border-top: 1px solid #fff;
}
#header h1{
    background: url(../gfx/pastebotsync_icon.png) no-repeat 0 50%;
    padding: 30px 0 30px 60px;
    float: left;
}
#header p{
    float: right;
    margin-top: 30px;
    font-weight: bold;
}
a{
    color: #3366cc;
    text-decoration: none;
}
a:hover{text-decoration: underline;}
h2{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom:1.2em;
    color: #222;
    text-shadow: #fff 1px 1px 0;
}
h3{
    font-size: 12px;
    line-height: 1.5em;
    font-weight:bold;
    color: #111;
    margin-bottom: 1.5em;
}
p{
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
ul, ol{margin-bottom: 1.5em;}
ul li{
    margin-left: 18px;
    list-style-type: disc;
    margin-top: .5em;
}
ol li{
    margin-left: 18px;
    list-style-type: decimal;
    margin-top: .5em;
}
dt{
    font-weight: bold;
    color: #507aa9;
}
dd{
    padding-left: 10px;
    border-left: 1px solid #ddd;
    margin: 5px 0 1.5em 5px;
}
.img{
    border: 1px solid #d3d3d3;
    padding: 1px;
    background: #fff;
    display: block;
}
.img img{
    display: block;
}
.img.right,
img.right{
    float: right;
    margin: 3px 0 18px 18px;
}
.img.left,
img.left{
    float: left;
    margin: 3px 18px 18px 0;
}
hr{
    padding: 0;
    margin-bottom: 18px;
    border: 0;
    background: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ddd;
}
strong{font-weight: bold;}
em{font-style: italic;}
.group{
    background: #fff;
    border: 1px solid #d3d3d3;
    padding: 18px 18px 0 18px;
    margin-bottom: 18px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: #ddd 0 1px 3px;
}
span.clear{
    clear: both;
    display: block;
}
.footerNav{
    padding: 18px 18px 0 18px;
    background: #eee;
    border: 1px solid #ddd;
    -webkit-border-radius: 8px;
    margin-bottom: 18px;
}
.footerNav h3{margin-bottom: 0;}
.footerNav ul li{
    list-style: none;
    margin-left: 0;
    background: url(../gfx/bullet_small.png) no-repeat 0 3px;
    padding-left: 20px;
}

/*------------------------------------------
	Index
------------------------------------------*/

#index{
    background: url(../gfx/pastebotsync_icon_large.png) no-repeat 40px 60px;
    height: 250px;
    padding-right: 20px;
}
#index #header{
    border: 0;
    margin: 85px 0 0 250px;
    padding: 0;
    height: auto;
}
#index #header h1{
    background: none;
    margin: 0;
    padding: 0;
    float: none;
}
#index #body{
    margin: 0;
    border: 0;
    margin: 0 0 0 250px;
    padding: 0;
}
#index #body ul li{
    list-style: none;
    margin: 10px 0 0 0;
    background: url(../gfx/bullet_large.png) no-repeat 0 3px;
    padding-left: 20px;
    font-size: 13px;
}