/*

Theme Name: iPhoneholic

Theme URI: http://iphoneholic.com/

Description: Premium Theme at <a href="http://yoshz.com/">www.Yoshz.com</a>

Version: 2.0

Author: Miziology

Author URI: http://yoshz.com/

Tags: Magazine Style

*/



/* General */

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset {

border:0;

border-collapse:separate;

border-spacing:0;

margin:0;

padding:0;

}

.clear {

clear:both;

}



/* Body */

body {

text-align:center;

background-image:url(images/kayuitam.jpg);

background-attachment: fixed;

background-position:center;

font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;

font-size:12px;

color:#333;

}

#rohani {

width:950px;

text-align:left;

background:#fff;

margin:10px auto;

padding:10px;

}

img.center {

padding : 5px;

display : block;

margin-left : auto;

margin-right : auto;

border:1px solid #eee;

}

img.thumb {

border:1px solid #eee;

padding:5px;

float:left;

margin:0 10px 10px 0;

}

img.left {

float : left;

padding-right : 10px;

}

img.right {

float : right;

padding-left : 10px;

}



/* Header */

#rohaniheader .menupage{

background:url(images/bgnav.gif) bottom repeat-x;

background-color:#f8f8f8;

border:1px solid #eee;

overflow:hidden;

}



#rohaniheader .menupage li{

display:block;

float:right;

padding:5px;

}



#rohaniheader .menupage li:hover{

background-color:#f8f8f8;

}



#rohaniheader .menupage li a{

color:#333;

text-decoration:none;

font-size:10px;

text-transform:uppercase;

}



#rohaniheader .menu {

background:url(images/bgnav.gif) bottom repeat-x;

background-color:#f8f8f8;

border:1px solid #eee;

overflow:hidden;

}



#rohaniheader .menu li{

display:block;

border-right:1px solid #eee;

float:left;

padding:10px;

}



#rohaniheader .menu li:hover{

background-color:#f8f8f8;

}



#rohaniheader .menu li a{

color:#333;

text-decoration:none;

font-size:12px;

text-transform:uppercase;

}



#rohaniheader .menu .search {

margin-left:740px;

height: 20px;

background: url(images/cari.gif) no-repeat;

margin-right:0px;

margin-top:7px;

}



#rohaniheader .menu .search #s {

float: left;

margin: 3px 0 0 6px;

border: 0;

width: 155px;

background: none;

color:#333;

font-size:10px;

}



#rohaniheader .menu .search #go {

float:left;

width:40px;

height:20px;

}



#rohaniheader .banner {

height:100px;

background:url(images/bgh.gif);

background-color:#fff;

}



#rohaniheader .banner .logo {

width:400px;

float:left;

}



#rohaniheader .banner .ads img {

border:1px solid #eee;

padding:5px;

}



#rohaniheader .category {

background-image:url(images/bgnav.gif);

border:1px solid #ccc;

overflow:hidden;

}



#rohaniheader .category li {

display:block;

border-right:1px dashed #ccc;

float:left;

padding:5px;

}



#rohaniheader .category li a{

color:#162053;

text-decoration:none;

text-transform:uppercase;

font-size:10px;

}



#rohaniheader .category li:hover{

background-color:#eee;

}



#rohaniheader .headerads{

padding:5px 5px 0 0;

float:left;

}

#rohaniheader .headerads1{

padding:5px 0 0 0;

float:left;

}



/* Body Center */

#tengah {

width:600px;

float:left;

margin-right:10px;

padding:0;

margin-top:5px;

}



#tengah .featured{

width:600px;

height:300px;

}

#tengah .adbanner {

width:600px;

background-color:#eee;

float:left;

padding:10px 0px 10px 0px;

text-align:center;

border:1px dotted #ccc;

}



#tengah .adbanner img{

padding:5px;

}



#tengah .berita {

width:600px;

float:left;

}



#tengah .post{

margin-top:2px;

padding-bottom:5px;

}



#tengah .postcontent {

padding-top:15px;

padding-right:15px;

}



#tengah h1 a {



font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;

color:#162053;

font-size:20px;

text-decoration:none;

}



#tengah .categori, .categori a {

color:#ccc;

font-size:12px;

text-decoration:none;

}

#tengah .categori a:hover {

color:#ccc;

font-size:12px;

text-decoration:none;

}



#tengah .postdesc {

padding-top:10px;

padding-bottom:10px;

color:#333;

font-size:12px;

text-align:justify;

}



#tengah .singlecontent{ margin-top:20px;
text-align:center;

}



#tengah .picthumb {

float:left;

margin:0 10px 0 0;

}

#tengah .isi {

margin-top:25px;

color:#162053;



}

#tengah .isipage {

margin-top:40px;

color:#162053;

}

#tengah blockquote{

border:1px solid #ccc;

padding:10px 10px 0 30px;

margin:10px 0px 20px 20px;

background-color:#eee;

background-image:url(images/blockquote.png);

background-position:top left;

background-repeat:no-repeat;

}



#tengah .readmore{

border:1px solid #333;

padding:3px;

float:left;

background-color:#121212;

margin-right:5px;

margin-bottom:15px;

margin-top:10px;

}



#tengah .readmore a{

text-decoration:none;

font-size:12px;

color:#eee;

}



#tengah .readmore:hover {

background-color:#222222;

}



#tengah p{

padding:5px 0;

}

#tengah h4{

font-size:14px;

font-weight:600;

padding:5px 0;

margin-top:10px;

}

#tengah h2{

font-size:18px;

font-weight:bold;

padding:15px 0 0;

text-transform:uppercase;

color:#FF9900;

}

#tengah a{

text-decoration:none;

color:#FF9900;

}

#tengah a:hover{

text-decoration:none;

color:#ccc;

}

#tengah .isi img {

margin-bottom:25px;

padding:5px;

border:1px solid #eee;

}

#tengah .sociable img{

padding:0px;

}



#tengah .postdesc ul, ol{

margin:0 0 25px 25px;

list-style:none;

}

#tengah .postdesc li {

background: transparent url(images/tag_blue.gif) no-repeat 2px center;

display: block;

width: auto;

margin-bottom:10px;

margin-top:10px;

padding-left: 20px;

border-bottom:1px dashed #eee;

}

#tengah .syg{

width:580px;

padding:10px;

color:#ccc;

text-align:center;

background-color:#eee;

}

/* Comments*/

#tengah .comment{

width:400px;

float:left;

text-align:justify;

}

#tengah .comment a{

text-decoration:none;

color:#121212;

}

#tengah .comment a:hover{

text-decoration:none;

color:#ccc;

}

#tengah .comment ol{

list-style:none;

margin:0px;

}

#tengah .comment li{

background-image:url(images/bg.png);

background-repeat:repeat-x;

background-position:bottom;

padding:5px 10px 5px 5px;

margin-bottom:10px;

border-bottom:1px dashed #ccc;

}

#tengah .comment ol img {

border:1px solid #E9E9E9;

float:left;

margin-right:5px;

}

#tengah .comment .formc label{

color:#eee;

}

#tengah .comment .formc{

width:350px;

color:#eee;

border:1px solid #333;

padding:10px;

margin:5px 0 10px 0;

background-image:url(images/bgh.gif);

}

#tengah .formc a{

text-decoration:none;

color:#333;

}

#tengah .formc a:hover{

text-decoration:none;

}

#tengah .comment textarea {

width:335px;

height:150px;

padding:5px;

background-color:#eee;

}

#tengah .comment input {

background-color:#eee;

width:340px;

}

#tengah .comment input.btn {

margin-top:10px;

margin-bottom:10px;

background-image:url(images/submit.gif);

height:40px;

border:none;

color:#fff;

width:100px;

cursor: pointer;

}



/* Pinggu*/

#tengah .pinggu{

width:180px;

float:left;

padding:0 10px 10px 10px;

color:#ccc;



}

#tengah .pinggu a{

text-decoration:none;

color:#121212;

}

#tengah .pinggu a:hover{

text-decoration:none;

color:#ccc;

}

#tengah .pinggu p{

border-bottom:1px dashed #ccc;

padding:5px 0 5px 0;

}



/* Pagination */

#tengah .berita .pagination{

	padding: 7px;

	margin-top:15px;

	margin-bottom:15px;

}

#tengah .berita .pagination ul{

	text-align: left; /*Set to "right" to right align pagination interface*/

	font-size: 11px;

}

#tengah .berita .pagination li{

	list-style:none;

	display: inline;

}

#tengah .berita .pagination a{

	padding: 5px;

	margin-right:4px;

	border: 1px solid #eee;

	text-decoration: none; 

	color: #333;

}

#tengah .berita .pagination a:hover, .pagination a:active{

	border: 1px solid #121212;

	color: #eee;

	background-color: #121212;

}

#tengah .berita .pagination a.currentpage{

	background-color: #333;

	color: #eee !important;

	border-color: #eee;

	cursor: default;

}

#tengah .berita .pagination a.pages{

	background-color: #121212;

	color: #eee !important;

	border-color: #eee;

	cursor: default;

}

#tengah .berita .pagination a.disablelink, .pagination a.disablelink:hover{

	background-color: white;

	cursor: default;

	color: #121212;

	border-color: #eee;

	font-weight: normal !important;

}



/* Sidebar */

#sidekanan{

width:340px;

margin-top:5px;

float:right;

}

#sidekanan .rssreader{

margin:0 10px 10px 10px;

height:50px;

width:320px;

background-image:url(images/rss.gif);

border:1px #eee solid;

}

#sidekanan .reader{

padding:10px 10px 0 0;

text-align:right;

}

#sidekanan .nufnang{

padding:10px;

text-align:center;

background:url(images/bgh.gif);

}

#sidekanan .largeads{

padding:5px;

}

#sidekanan .smallads ul{

list-style:none;

}

#sidekanan .nufnang img{

padding:3px;

/*border:1px solid #eee;*/

}

#sidekanan .sidebars{

margin-bottom:10px;

}

#sidekanan .sideleft{

width:158px;

float:left;

margin-right:5px;



}

#sidekanan .sideright{

width:173px;

float:left;

border:1px solid #eee;

}

#sidekanan .sideready{

width:173px;

float:right;

margin-top:10px;

border:1px solid #eee;

}
#sidekanan .sideleft .sidecont {
margin-bottom:10px;  padding-bottom:5px; border:1px solid #eee;
}
#sidekanan .sideleft .sidecont h1{

padding:5px 0.5em;

font-size:11px;

color:#121212;

background-image:url(images/bgnav.gif);

text-align:center;

}

#sidekanan .sideleft .sidecont li{

list-style:none;

padding-left:5px;

padding-bottom:5px;

padding-top:5px;

border-bottom:1px solid #eee;

}

#sidekanan .sideleft .sidecont li a{

color:#121212;

text-decoration:none;

}

#sidekanan .sideleft .sidecont li a:hover{

color:#ccc;

text-decoration:none;

}

#sidekanan .sideright h1, .sideready h1{

padding:5px 0.5em;

font-size:11px;

color:#121212;

background-image:url(images/bgnav.gif);

text-align:center;

}

#sidekanan .cloud{

padding:5px;

}

#sidekanan .cloud a{

padding:5px;

color:#121212;

text-decoration:none;

}

#sidekanan .cloud a:hover{

color:#ccc;

text-decoration:none;

}



/* Footer */

#myfooter{

width:950px;

background:url(images/bgh.gif);

background-color:#121212;

float:left;

}

#myfooter .myleft{

width:309px;

float:left;

padding:5px;

background:url(images/follow.png);

background-position:top;

background-repeat:no-repeat;

border-right:1px dashed #333;

}

#myfooter .mycenter{

width:310px;

float:left;

text-align:center;

}

#myfooter .myright{

width:309px;

float:left;

padding:5px;

}

#myfooter .twitter_div{

padding:70px 15px 10px 0;

font-size:11px;

color:#eee;

}

#myfooter .twitter_div a{

text-decoration:none;

color:#3aa2e2;

}

#myfooter .twitter_div a:hover{

text-decoration:none;

color:#ff7008;

}

#myfooter .twitter_div li{

background: transparent url(images/icon.png) no-repeat 2px center;

display: block;

list-style:none;

margin-bottom:15px;

padding-left: 25px;

margin-left:15px;

}

#myfooter .mybuttom{

width:930px;

float:left;

text-align:center;

color:#121212;

padding:10px;

font-size:10px;

background:url(images/bgnav.gif) bottom repeat-x;

border:1px solid #eee;

background-color:#f8f8f8;

}

#myfooter .mybuttom a{

color:#162053;

text-decoration:none;

}

#myfooter .mybuttom a:hover{

color:#333;

text-decoration:none;

}

#myfooter .mybuttom li{

list-style:none;

display:inline;

padding-right:5px;

}



/* Error 404 */

#tengah .berita .errorr{

text-align:center;

padding-top:30px;

}

#tengah .berita .errorr img{

padding:0px;

}