/*
Theme Name: The iPhone Shack
Theme URI: http://priapurnama.me/
Description: Clean white blog theme for the iPhone Shack
Version: 1.0
Author: Pria Purnama
Author URI: http://priapurnama.me/
*/

@import "css/reset.css";@import "css/text.css";@import "css/960.css";
body {
	background: #FFF url(images/appreview_bg.png) top center repeat-x;
	color: #6a6a6a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
}
a {color: #4095cb}
h2 {font: 30px Helvetica, Arial, sans-serif}
#topbar {background: #f4f4f4;border-bottom: 1px solid #d6d6d6;padding: 5px 0}
#topbar ul {list-style: none outside;margin: 5px 0 0}
#topbar li {float: left;font-size: 13px;line-height: 1em;margin-left: 0;margin-right: 15px;padding-top: 6px}
#topbar a {color: #555}
#topbar form {float: right}
#topbar form input {background: url(images/icon_search.png) 5px 5px no-repeat;border: 1px solid #CCC;color: #929292;font: inherit;font-size: 13px;padding: 5px 5px 3px 20px;-moz-border-radius: 15px;-webkit-border-radius: 15px}
#topbar form input:focus {color: #555}
#searchsubmit, #topbar label {display: none}

.header {margin-bottom: 50px}
.header h1 {height: 43px;margin: 40px 0 10px}
.header h1 a {background: url(images/appreview_title_logo.png) top left no-repeat;display: block;height: 43px;text-indent: -9999em}
.header h2 {color: #4095cb;font-size: 18px;font-weight: normal;margin: 0 0 0 60px}

#content {border-bottom: 1px solid #ececec;margin-bottom: 20px;padding-bottom: 20px}
.articles {margin-bottom: 20px}
.articles h2 {margin-bottom: 10px}
.articles .postmeta {border-bottom: 1px solid #ececec;color: #919191;font: 13px/1.4em Helvetica, Arial, sans-serif;}
.articles .postmeta em {font-style: normal}
.articles h2 a, .articles .postmeta a, .recent h2 a {color: #555555}
.articles .alignleft {float: left;margin: 0 20px 10px 0}
.articles .alignright {float: right;margin: 0 0 10px 20px}
.articles p, .recent p {text-align: justify}
.article {margin-bottom: 30px}
.articles h4 {font-size: 18px;font-weight: normal}
h4.archivetitle {border-bottom: 1px solid #CCC;font-family: serif;font-style: italic;margin-bottom: 40px}
h4.archivetitle em {font-weight: bold}
#notfound {margin-bottom: 20px}

.small {color: #919191;font-size: 12px}

.sidebar {font-size: 13px}
.sidebar a {color: #555555}
.sidebar h2 {margin-bottom: 10px}
.sidebar ul {list-style: none outside}
.sidebar ul:first-child li {margin-left: 0}
.sidebar ul ul li {background: url(images/arrow.png) 0 4px no-repeat;border-bottom: 1px solid #ececec;margin-bottom: 5px;padding-left: 16px}
.sidebar ul ul {margin-bottom: 0;margin-top: 10px}
.sidebar ul ul ul li {border-color: #FFF}
.sidebar li.widget {margin-bottom: 40px}

#subscribe {background: url(images/icon_rss.png) 10px 0 no-repeat;margin-left: -60px;padding-left: 60px}
#subscribe h2 {margin-bottom: 0}
#subscribe a {color: #4095cb}

.recent {font-size: 13px;line-height: 1.3em}
.recent img {float: left;margin: 0 10px 10px 0}
.recent h2 {font-size: 22px;min-height: 43px}
.navigation {height: 1.5em}

.footer {border-top: 1px solid #ececec;font-size: 12px;padding: 20px 0 10px;text-align: center}
.footer a {color: #555}

.alignleft {float: left}
.alignright {float: right}

#comments {border-bottom: 1px solid #ECECEC;font-weight: normal;margin-bottom: 30px;margin-top: 50px}
ol.commentlist, ol.commentlist ul {list-style: none outside}
ol.commentlist {}
.commentlist li {background: #F9F9F9;border-top: 1px solid #E5E5E5;margin: 0;padding: 10px}
.commentlist li .avatar {float: left;margin: 0 10px 0 0}
.commentlist li.even {background: #EEE;border-color: #F9F9F9}
.commentlist li .children li {border-top: 1px solid #CCC}
.commentlist li .children {margin-top: 10px}
.commentlist li .children .children {margin-bottom: 0}
.commentlist .fn {font-style: normal;font-size: 1.2em}
.commentlist .says {font: italic 12px Georgia, serif }
.commentlist .comment-meta {font-size: 11px;margin-bottom: 10px}
.commentlist .comment-meta a {color: #999}
.commentlist p {margin-bottom: 10px}
.reply {font-size: 11px;text-align: right}
.reply a {background: #888;color: #FFF;padding: 3px 5px}

#respond textarea, #respond input {font: inherit;font-size: 13px}
#respond textarea {width: 100%}
#respond small {font-family: Georgia, serif; font-size: 12px;font-style: italic}
#respond #submit {background: #F9F9F9;border: 2px solid #CCC;color: #888;padding: 3px 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px}

#content.single {border: 0}

/*suckerfish dropdown*/
#suckerfishnav {
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    padding:5px;
    }
#suckerfishnav .children a {
    display:block;
    padding:8px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:149px;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    }
#suckerfishnav .children {background: #F4F4F4;border: solid #D6D6D6;border-width: 0 1px 1px 1px;padding: 5px}
#suckerfishnav .children .children {border-top-width: 1px}
#suckerfishnav .children a {}
#suckerfishnav .children a:hover {background: #F1F1F1}