/*
Theme Name: Syinaction
Theme URI: http://80tasks.com/projects/syinaction
Description: Simple Tumblr theme for Wordpress. Design by Syarip Yunus
Author: Rio Purnomo
Author URI: http://siriokun.com/
Version: 1.0
Tags: grey, one-columns, tumblr, portfolio
*/


/*
  html5doctor.com Reset Stylesheet
  adapted from Eric Myer's Reset CSS
  v1.4.1
  2010-03-01
  Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    background-color: transparent; /* So color or background can be set on the html element */
    line-height: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*start the fun!*/
body {
 background:#cdd4d4 url(images/bg.jpg);
 font-size: 62.5%
}

a {color:#00d2ff; text-decoration:none}

img.alignleft {
 float:left;
 margin-right:15px
}
img.alignright {
 float:right;
 margin-left:15px
}
img.aligncenter {
 display:block;
 margin:0 auto
}
.wp-caption img { margin:5px 5px 0 }
.wp-caption-text {
 text-shadow:none;
 margin:0 5px;
 padding:3px 8px;
 font-size:11px;
 font-style:italic
}
hr {
 background-color: #E7E7E7;
 border:0;
 height: 1px;
 margin-bottom: 18px;
 clear:both;
}
blockquote {
 font-style: italic;
 padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre {
 background: #f7f7f7;
 color: #222;
 line-height: 18px;
 margin-bottom: 18px;
 padding: 1.5em;
}
abbr, acronym {
 border-bottom: 1px dotted #666;
 cursor: help;
}
ins { text-decoration: none; }
sup, sub {
 height: 0;
 line-height: 1;
 vertical-align: baseline;
 position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

body, input, select, textarea {
 color: #444;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:12px
}
input, select, textarea {
 background:none;
 border:1px solid #ccc;
 padding:2px 5px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width:190px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
/*head*/
#head {
 background:url(images/head.png) 0 0 repeat-x;
 height:101px;
 margin-bottom:50px
}
#head h1 {
 margin:0 auto;
 width: 740px
}
#head h1 a{
 background:url(images/logo.png);
 display:block;
 position:relative;
 top:84px;
 height:33px;
 width:158px;
 text-indent:-999em;
 overflow:hidden
}

.post {
 background:url(images/post.png) 0 0 no-repeat;
 margin:30px auto;
 height:404px;
 width:726px;
 position:relative
}
.post img{
 background:#000;
 color:#fff;
 position:absolute;
 left:25px;
 top:12px
}
.post small{
 color:#c9c7c7;
 font-family:tahoma, helvetica, arial;
 font-size:11px;
 position:absolute;
 left:50px;
 bottom:18px
}
.share {
 background:url(images/share.png) 0 0 no-repeat;
 position:absolute;
 height:21px;
 width:149px;
 right:19px;
 bottom:15px
}
.share a {
 display:inline;
 float:left;
 margin-right:3px;
 text-indent:-999em;
 height:21px;
 width:21px;
 overflow:hidden
}
.share a:hover {
 background:url(images/share.png) 0 bottom
}
.share a:hover.facebook{background-position:-24px bottom}
.share .link{width:95px}
.share a:hover.link{background-position:-48px bottom}
#page {
 margin:0 auto 50px;
 height:34px;
 width:700px
}
.prev a, .next a {
 background:url(images/page.png) 0 0 no-repeat;
 display:inline;
 margin-left:10px;
 float:right;
 text-indent:-999em;
 height:34px;
 width:34px
}
.next a{background-position:right 0}
#page a:hover{background-position:0 bottom}
#page .next a:hover{background-position:right bottom}
#page a:active, .share a:active, #page a:focus, .share a:focus, #donate:active, #form #submit:active{position:relative;top:1px}
#head h1 a, #page a, .share a, #twitter, #donate, #form #submit{outline:0}

/*foot*/
#foot{
 background:url(images/foot.png) 0 0 repeat-x;
 height:263px
}
#foot form {
 margin:0 auto;
 width:850px;
 position:relative
}
#twitter{
 background:url(images/twitter.png);
 display:block;
 height:33px;
 width:39px;
 text-indent:-999em;
 overflow:hidden;
 position:absolute;
 top:-15px;
 right:10px
}
#twitter:hover{background-position:0 bottom}
#twitter:active, #twitter:focus{top:-14px}
#profile, #form{
 display:inline
}
#profile{
 font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Arial;
 font-size:13px;
 float:right;
 line-height:12pt;
 margin:50px 0 0;
 width:355px;
 text-shadow:0 1px 0 #fff
}
#profile a{color:#FF0000}
#profile h2 {
 font-family: Georgia, "Times New Roman", serif;
 font-style:italic;
 font-size:18px;
 line-height:18pt;
 margin-bottom:10px
}
#profile h2 strong{font-size:21px}
#form{
 background:url(images/form.png) 0 0 no-repeat;
 float:left;
 margin:30px 0 10px;
 height:202px;
 width:460px
}
#form p, #form em{
 display:inline;
 position:relative
}
#form label {position:absolute; left:10px; top:5px}
#form em label {top:20px}
#form em{display:block; font-style:normal}
#form input, #form textarea {
 border:0;
 padding:5px
}
#form input{
 margin:3px 3px 0 4px;
 width:210px
}
#form textarea{
 margin:10px 0 0;
 padding:10px;
 height:110px;
 width:440px;
 overflow:auto
}
#donate, #form #submit{
 background:url(images/btn.png) 0 0 no-repeat;
 float:right;
 margin:5px 0;
 text-align:left;
 text-indent:-999em;
 overflow:hidden;
 height:21px;
 width:92px
}
#form #submit{background-position:-92px 0; cursor:pointer; margin-right:10px}
#copyright{
 clear:both;
 color:#898c90;
 font-size:11px;
 text-align:right;
 text-shadow:0 1px 0 #fff
}