/*
Theme Name: Rolas Sepuluh
Theme URI: http://www.themesanyar.com/wordpress-theme/rolas-sepuluh-wordpress-theme
Description: Free Wordpress theme with black and white color. Made by using Blueprint CSS Framework. With custom header, custom background and also supporting thumbnails and drop down menus. Sidebar widgets with three different size. Archives page template, and image attachment page available.
Author: Themesanyar.com
Author URI: http://www.themesanyar.com/
Version: 1.5 
Tags: white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* reset.css 
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:center;font-weight:normal;}

/* layout 
-------------------------------------------------------------- */
body {
	background: #ececec;
	font-size: 75%;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width:950px;
	margin: 10px auto 10px auto;
	background: #ececec;
}
#contentwrap {
	background: #fff;
}

/* typography.css 
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	color: #333;
	font-family: 'Book Antiqua', "Times New Roman", serif;
}
h1 {
	font-size: 1.7em;
	margin-bottom: .75em;
}
h2 {
	font-size: 1.7em;
	margin-bottom: .75em;
}


h3 {
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}
h5 {
	font-size: 1.1em;
	margin-bottom: 1.5em;
}
h6 {
	font-size: 1em;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
	margin: 0;
}
p {
	margin: 0 0 1.5em;
}
p img {
	max-width: 99%;
	border: 0;
	height: auto;
}
p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}
table,
td,
th {
	vertical-align: top;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
a img {
	border: none;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #000;
}
strong {
	font-weight:bold;
}
em,
dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup,
sub {
	line-height:0;
}
abbr,
acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	color:#666;
}
pre {
	margin:1.5em 0;
	white-space:pre;
	overflow: auto;
	width: 470px;
}
pre,
code,
tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}
li ul,
li ol {
	margin:0;
}
ul,
ol {
	margin:0 1.5em 1.5em 0;
	padding-left:3.333em;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	width:100%;
	border: 1px solid #aaa;
	margin: 0 -1px 24px 0;
	text-align: left;
}
th {
	font-weight:bold;
	background:#bbb;
}
thead th {
	background:#eee;
}
th, td, caption {
	padding:4px 10px 4px 5px;
	vertical-align:top;
}
tbody tr:nth-child(even) td,
tbody tr.even td {
	background:#ececec;
}
tfoot {
	font-style:italic;
}
tr.even td {
	background:#eee;
}
tfoot {
	font-style:italic;
}
caption {
	background:#ccc;
	border: 1px solid #aaa;
}
.small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.hide {
	display:none;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color:#fff;
}
.removed {
	background:#900;
	color:#fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #000;
	border-left: 3px solid #ccc;
	margin:1.5em;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 2px 5px 5px 1px;
}
.alignright {
	float: right;
	margin: 2px 1px 5px 5px;
}

/* header 
-------------------------------------------------------------- */

#header {
background: #c10e0F url(images/default-header.jpg) no-repeat 0 0;
width: 950px;
height: 205px;
position: relative;
}

#header a.homelink {
display: block;
width: 650px;
height: 80px;
}

#header a.homelink span {display: none;}

#banner1 {position: absolute;}

#banner1 {
top: 82px;
left: 37px;
width: 729px;
height: 90px;
}

.headerright {
	margin: -86px 0 0 0;
	padding: 20px 0 0 0;
}

/* breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
	font-size: 13px;
	margin: 0 0 0 5px;
	padding: 0;
}
.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:visited {
	color: #000;
	text-decoration: underline;
}

/* header menu 
-------------------------------------------------------------- */
#access {
	background: #000;
	margin:0;
	padding: 10px 10px 5px 10px;
	width: 930px;
	display:block;
	float:left;
	color:#fff;
}
#access .menu-header,
div.menu {
	font-size: 12px;
	margin-left: 0;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding-left:0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight: bold;
	padding:0 15px;
	line-height:15px;
}
#access a:hover {
	display:block;
	text-decoration:none;
	color:#fff;
	background: #eee;
}
#access ul ul {
	display:none;
	position:absolute;
	top:25px;
	left:0;
	float:left;
	box-shadow: 1px 1px 5px #888;
	width: 170px;
	z-index: 99999;
	padding-left:0;
}
#access ul ul li {
	min-width: 160px;
	padding-left:0;
}
#access ul ul ul {
	left:100%;
	top:0;
	padding-left:0;
}
#access ul ul a {
	color:#000;
	background: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height:auto;
	line-height:1em;
	padding:5px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background: #da1618;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #000; background: #fff;
}

.wdate {
font-size:1.0em;
vertical-align:text-top;
font-weight:bold;
text-align: right;
padding: 0px 10px 3px 0px;
float: right;
}

/* content area
-------------------------------------------------------------- */
#content {
	padding: 10px 12px 12px 12px;
}
.type-post, .type-page {
	padding: 5px 10px 3px 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.post p {
	margin-bottom: 10px;
}
.title {
	line-height: 21px;
	font-family: 'Book Antiqua', "Times New Roman", serif;
	font-weight: bold;
	color: #000;
	margin: 10px 0 10px 0;
	padding: 0;
}
h1.title,
h2.title,
h2.attachment {
	font-size: 20px;
	text-align: left;
	margin: 0 0 5px 0;
}
.title a,
.pagetitle a,
h2.attachment a {
	text-decoration: none;
	color: #000;
}
.title a:hover,
.pagetitle a:hover,
h2.attachment a:hover {
	text-decoration: none;
	color: #222;
}
.pagetitle {
	font-size: 23px;
	line-height: 22px;
	font-family: 'Book Antiqua', "Times New Roman", serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.postmeta {
	line-height: 14px;
	font-size: 75%;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0px 0 8px 0;
}
.postmeta a, .postmeta a:hover {
	color: #333;
	text-decoration: underline;
}
.singlemeta {
	background: #eee;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	margin: 10px 0 10px 0;
	padding: 10px;
}
.entry, .entryarsip {
	text-align: justify;
	line-height: 18px;
	font-size: 14px;
	background: #FFF;
	margin: 3px;
	padding: 0px 0;
}
.entry p img {
	max-width: 99%;
	border: 0;
	height: auto;
}
.entryarsip ul{
	list-style-type:none;
}
.entryarsip li{
	padding: 0.3em;
	display: inline;
}
.datebox {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-transform:uppercase;
	text-align: center;
	line-height: 12px;
	text-shadow: 0px 1px 1px #fff;
	width: 50px;
	background: #eee;
	box-shadow: inset 0px 5px 5px 5px #ccc;
	border: 1px solid #aaa;
	padding: 5px 0 5px 0;
	margin: 0 15px 2px 0;
	float:left;	
}
.datebox a {
	color: #ccc;
	text-decoration: none;
}
.datebox a:hover {
	color: #ccc;
	text-decoration: none;
}
.months {
	font-size: 12px;
	padding-bottom: 6px;
}
.dates {
	font-size: 20px;
	padding-bottom: 5px;
}
.years {
	font-size: 12px;
	padding-bottom: 0px;
}
#front-thumb {
	margin: 0 30px 5px 0;
	padding: 0;
	float: left;
}
.front-thumb img {
	border: 1px solid #fff;
	margin:  0 15px 5px 0;
	padding: 2px;
}
.sticky {
	background: #ececec;
	color: #000;
}
.postpaging {
	margin: 10px 0 0 0;
	padding: 0px;
}
.postpaging-note {
	text-decoration: none;
	border: 1px solid #aaa;
	color: #000;
	background-color: #EEE;
	margin: 2px;
	padding: 4px 6px;
}
.postpaging a  {
	text-decoration: none;
	border: 1px solid #aaa;
	color: #000;
	background-color: #EEE;
	margin: 2px;
	padding: 4px 6px;
}
.postpaging a:hover {
	border: 1px solid #aaa;
	color: #000;
	background-color: #CCC;
}
.navigation {
	padding: 10px 0;
}

/* images and thumbnail 
-------------------------------------------------------------- */
.wp-caption {
	border: none;
	text-align: center;
	max-width: 460px;
	margin: 0;
	padding: 0;
}
.wp-caption img {
	background-color: #EEE;	
	max-width: 450px;
	border: 0;
	height: auto;
	margin: 2px;
	padding: 5px;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	text-align: right;
	font-style: italic;
	margin: 0;
	padding: 0 4px 5px 2px;
}
.gallery-icon {
	background: #f2f2f2;
	margin: 5px 5px 0 0;
	border: 1px solid #ddd;
}
.gallery-caption {
	font-size: 11px;
	font-style:italic;
	text-align: center;
	background: #fff;
	margin: 0 5px 0 0;
	padding:2px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
img.single-post {
	width:expression((document.body.clientWidth > 750)? "750px": "auto" );
	max-width: 750px;
	height: auto;
}
img.wp-smiley {
	max-height: 12px;
	border: none;
	margin: 0;
	padding: 0;
}
img.thumbnail {
	float: left;
	margin: 2px 5px 5px 1px;
}
.attcpage {
	text-align: center;
}
.attcpage img {
	width:expression((document.body.clientWidth > 900)? "900px": "auto" );
	max-width: 945px;
	height: auto;
	margin: 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #aaa;
}
img.attachment-thumbnail {
	width: 95px;
	height: auto;
	background: #fff;
	border: 1px solid #aaa;
	margin: 2px;
	padding: 2px;
}
.picturedetail {
	margin: 10px 30px 0;
}
.imagenavigation {
	margin: 10px 30px 0;
	padding: 0;
}
.imagenavigation img {
	background-color: #FFF;
	max-width: 100px;
	height: auto;
	margin: 5px;
	padding: 2px;
}

/* sidebar 
-------------------------------------------------------------- */
.sidebar {
	margin: 0px 0 0 0;
	line-height: 18px;
}
.sidebar ul {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
}
.sidebar li {
	list-style-type: square;
	margin: 0;
	padding: 0;
	color: #999;
}
.sidebar ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
	color: #000;
}
.sidebar ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar ul li ul li, .sidebar ul li li {
	margin: 0 0 0 20px;
	padding: 0;
}
.sidebar h3 {
	font-size: 15px;
	font-family: Georgia,"Times New Roman",Serif;
	font-weight: bold;
	color: #333;
	margin: 1px 0 5px 5px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.sidebar a {
	text-decoration: none;
	color: #333;
	display: block;
	padding-left: 0px;
}
.sidebar a:hover {
	text-decoration: underline;
	color: #333;
}
.sidebar-related {
	font-size:11px;
	line-height: 15px;
}
#doublesidebar {
	width: 100%;
	margin: 0;
	padding: 0;
}
#doublesidebar .left {
	width: 165px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
#doublesidebar .right {
	width: 130px;
	float: right;
	margin: 0 0 0 1px;
	padding: 0;
}
.sidebox {
	margin: 3px 0 10px 0;
	padding: 2px 2px 0px 2px;
}
#searchform {
	margin: -5px 2px 2px 50px;
	padding: 5px 3px;
}

/* footer
-------------------------------------------------------------- */
#footer {
	border-top: 10px solid #000;
	background: #fff;
	font-size: 11px;
	padding: 5px 10px 5px 8px;
	margin: 0;
}
#footer h3 {
	margin: 5px 0 5px 0;
}
#footer li, #footer ul li {
	list-style-type: none;
	display: inline;
}
#footer li {
	padding-right: 10px;
}
#footer ul {
	margin: 0;
	padding: 0
}
.footerbox {
	margin-bottom: 10px;
}

/* comments 
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #ececec;
	line-height: 20px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
	border-top: 1px dotted #ececec;
	background: #eee;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #ececec;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #000;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 32px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

/* WP-Pagenavi.css 
-------------------------------------------------------------- */
#wp-pagenavi {
	line-height: 20px;
	font-family: Arial, Verdana;
	font-size: 14px;
	margin: 5px 1px 1px 4px;
	padding: 1px 5px 5px 1px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #ccc;
	margin: 2px;
	padding: 5px 7px;
}
.wp-pagenavi a:visited {
	text-decoration: none;
	border: 1px solid #000;
	color: #000;
	background-color: #ccc;
	margin: 2px;
	padding: 5px 7px;
}
.wp-pagenavi a:hover {
	border: 1px solid #aaa;
	color: #000;
	background-color: #eee;
}
.wp-pagenavi a:active, .wp-pagenavi span.current {
	text-decoration: none;
	border: 1px solid #EEE;
	color: #000;
	margin: 2px;
	padding: 5px 7px;
}
.wp-pagenavi span.pages {
	color: #333;
	margin: 2px 25px 2px 2px;
	padding: 4px 6px;
	border: 1px solid #FFF;
}

#favorites .posts {
width: 298px; 
background: #fff;
float: left;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#favorites .posts h4 {
margin: 5px;
font-weight: normal;
font-size: 15px;
overflow: hidden;
}

#favorites .posts h4 a {display: block;}

#favorites .posts h4 a img {
float: left;
margin-right: 5px;
border: 1px solid #717171;
}

#favorites .posts h4 a b {display: block;}
#favorites .posts h4 a span {display: block; overflow: hidden; font-size: 12px;}
#favorites .posts h4 a span.morelink {display: inline; color: #bf001d;}