/*  

Theme Name: Rumah Sleman

Theme URI: www.rumahsleman.com

Description: Designed for Rumah Sleman

Version: 1.00

Author: Dien - JWI

Author URI: http://www.jagonya.web.id

Tags: two columns, widgets, fixed width, 800px, yellow, black, white, custom header, widgets

	By downloading and using this theme, you agree to the following terms:

    - All variations of this theme have to remain GPL

    - You may use this theme for personal or commercial projects

    - You may modify, translate or distribute



For support requests please contact: dien@jagonya.web.id. Requests through other channels (website etc.) can unfortunately not be responded to.

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline;

}

:focus {

outline: 0;

}


ol, ul {

	list-style: none;

}

table {

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}





/* Main styles

*******************************/

html {

	height: 100%;

	margin-bottom: 1px;/* force vertical scrollbars */

}

body {
	color: #CCCC00;
	font-size: 75%;
	background-color: #CCCCCC;
	line-height: 1;
	color: #333333;
	background-color: #999999;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}



input,

select,

textarea	  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
}



pre,

tt,

kbd,

var,

code { font-family: Consolas, Monaco, "Courier New", Courier, monospace; }

/* Header elements

*******************************/

h1,

h2,

h3,

h4,

h5, {

  font-weight:normal;

}

h1 {

	font-size: 2.55em;

	color:#999900;

	line-height:1;

	font-family: "Times New Roman", Times, serif;

	font-weight: lighter;

}

h2 {

    font-size: 2.08em;

}

h3 {
	font-size: 1.27em;
	font-weight:normal;
	font-family: "Myriad Pro", Tahoma, "Trebuchet MS", Verdana, sans-serif;
	color: #214200;
}

h4 { font-size: 1.3em; font-weight:bold; color:#ff703f; }

h5 { font-size: 1.2em; font-weight:bold; color:#ff703f; }

h6 { font-size: 1.1em; font-weight:bold; color:#ff703f; }





/* Text elements

*******************************/

p			  { margin: 0 0 1.2em 0; text-align: left; line-height:1.8; }

p.last 		  { margin-bottom:0; }

p.first		  { margin-top:1em; }

p.img		  { float: left; margin:0 1em 1em 0; padding:0; }

blockquote    { margin: 0 0 2em 2em; border:1px dotted #666; padding:1em; }

strong        { font-weight: bold; }

em            { font-style: italic; }

pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }

small		  { font-size: .9em; }

code          { /*style*/ }

ins           { text-decoration:none; } /*remove underline from text*/

del           { text-decoration:line-through; }

sub           { vertical-align:sub;font-size: .9em; }

sup           { vertical-align:super;font-size: .9em; }

acronym       { border-bottom:1px dotted #666; }

abbr 		  { /*style*/ }

dfn 		  { font-style:italic; }

bdo           { /*style*/ }

q             { font-style:italic; }

cite          { font-style:italic;}

dl            {line-height:1.8;margin-bottom:1em;}

dd            {}

dt            {}

/*links*/

a:link,

a:visited,

a:focus,

a:hover,

a:active	{
	color:#339933;
	cursor:pointer;
	text-decoration: none;
}

a:hover		{
	color:#669900;
	text-decoration: none;
}

a:visited	{}

a:active,

a:focus     { outline: 0; } /*remove border in ff*/



/* decorate lists in posts */

#content .post ul,

#content .post ol {

    margin: 0 0 1em 2em;

}

#content .post ul {

    list-style-type:disc;

}

#content .post ol {

    list-style-type:decimal;

}

#content .post ul li,

#content .post ol li {

	line-height:2;

	text-decoration: none;

}

input, textarea{

	border:1px solid #cecece;

	font-size:12px

}

img {

    border:0;

    outline:0;

}

/* Wordpress aligning

*******************************/

.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

    float:left;

    margin: 0 1em 1em 0;

}

.alignright {

   float: right;

   margin: 0 0 1em 1em;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption {

    border:1px solid #eee;

    text-align:center;

    padding-top:4px;

}

.wp-caption p.wp-caption-text {

    font-size:.92em;

    text-align:center;

}

/* Text align

*******************************/

.t-right 	{ text-align: right; }

.t-left 	{ text-align: left; }

.t-center 	{ text-align: center; }

.t-justify 	{ text-align: justify; }

/* Other

*******************************/

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

.zoom {overflow:hidden;}





#root{
	width:780px;
	margin:0 auto;
	border-top:0;
	border-bottom:0;
	background-color: #E4E4E4;
	background-image: url(images/body-back.jpg);
	background-repeat: no-repeat;
	background-position: 0 32px;
}



#nav-search {

	overflow:hidden;

	padding-bottom:2px;

	background-color: #222200;

}



#nav {
	height:30px;
	float:left;
	width:580px;
	background-color: #222200;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 14px;
}

#nav ul {

    overflow:hidden;

}



#nav li,

#nav a {

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

    background-repeat:no-repeat;

    float:left;

}



#nav li:hover,

#nav a:hover {

    background-image:url(images/nav-pages-sel.gif);

}



#nav li {
	margin-right:4px;
	background-position:0 0;
}

#nav a {
	font-size:0.92em;
	color:#99CC00;
	height:18px;
	font-weight:normal;
	text-decoration:none;
	background-position:100% -18px;
	text-transform: uppercase;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 10px;
}



#nav a:hover {
	color:#669900;
	text-decoration: none;
}



#search {
	text-align:center;
	padding-top:10px;
	float:right;
	height:25px;
	width:170px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#search input {

    font-size:.92em;

    border:0;

    vertical-align:middle;

}

#search input.text {}

#search input.submit {

	width:40px;

	font-weight:bold;

	height:16px;

	color: #99CC00;

	background-color: #003300;

}





#sidebar {

    margin:54px 0 0 10px;

    width:220px;

    float:left;

    display:inline;

}



#sidebar .content,

#sidebar .header,

#sidebar .footer {

    opacity:0.90;

}



#sidebar .content {
	position:relative;
	padding:10px 20px;
	min-height:300px;
	height:auto!important;
	height:300px;
	background-color: #EBFFC1;
}



#sidebar .header,

#sidebar .footer {

    font-size:0;

    line-height:0;

    display:block;

    height:10px;

    background-position:0 0;

    background-repeat:no-repeat;

}



#sidebar .header {

	background-color: #464600;

}



#sidebar .footer {

	background-color: #464600;

}



#sidebar h3 {

    line-height:1.8;

}



#sidebar .box {

    margin-bottom:16px;

}



#sidebar .box ul {

    font-size:.92em;

    line-height:2;

}



#sidebar .box ul ul {

    font-size:1em;

    margin-left:1em;

}



#sidebar li {

    padding-left:12px;

    background:url(images/li.gif) 0 10px no-repeat;

}



#sidebar a:hover {

    text-decoration:none;

}



.box input.text {

    border:0;

    background:#FFFFFF;

    padding:2px;

    color:#303030;

    width:120px;

}

.box input.button {

    font-size:.92em;

}

.box .tags {

    line-height:1.4;

}

.box .textwidget {

    font-size:.92em;

    line-height:1.4;

}

#recentcomments li {

    background:none;

    padding-left:0;

}

#wp-calendar {

    width:180px;

    font-size:.92em;

}



#wp-calendar caption {

    padding:4px 0 4px 0;

    font-weight:bold;

}

#wp-calendar th,

#wp-calendar td {

    padding:2px;

    text-align:center;

}

#wp-calendar thead th {

    background:#000;

    color:#FFE400;

}

#wp-calendar #prev {

    text-align:left;

    padding-top:4px;

}

#wp-calendar #next {

    text-align:right;

    padding-top:4px;

}



#header {

    height:235px;

}



#header h1 {

    padding:102px 0 0 10px;

}

#header .description {
	color:#eee;
	font-size:.92em;
	padding-left:10px;
	top: 105px;
	position: relative;
}

#header h1 a {
	color: #99CC00;
	text-decoration:none;
	letter-spacing: 5px;
	height: 80px;
	width: 400px;
}



#main{

    overflow:hidden;

    width:538px;

    float:right;

}



#content {
	margin:2px 0 0 0;
	overflow:hidden;
	padding:16px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 100%;
}



#content h2 {

    float:left;

}



#content .title {

    overflow:hidden;

    padding-bottom:4px;

    float:left;

    width:440px;

}



#content .date {

	line-height:1.1;

	padding-top:4px;

	float:right;

	height:32px;

	width:40px;

	text-align:left;

	font-weight:bold;

	color:#FFE400;

}



#content .date span {

    font-size:.92em;

    display:block;

    text-transform:lowercase;

}



#content h2 a {

    text-decoration:none;

    line-height:1;

    display:block;

    padding-bottom:4px;

}



#content h2 a:hover {
	color:#669900;
	background:url(images/h2-a-back.gif) 0 100% repeat-x;
}



#content .postdata {

    clear:both;

    font-size:.92em;

    line-height:1.4;

    padding-bottom:6px;

    color:#666;

}

#content .postdata a {

    color:#666;

}



#content .categories,

#content .comments {

    display:block;

}

#content .comments a {

    text-decoration:none;

}

#content .comments a:hover {

    text-decoration:underline;

}



#content .entry {

    clear:both;

}



#content .tags {

    background:url(images/tags-bottom.gif) 0 100% no-repeat;

    color:#FFE400;

    clear:both;

    font-size:0.92em;

    padding-bottom:6px;

}



#content .tags .top {

    background:url(images/tags-top.gif) 0 100% no-repeat;

    display:block;

    height:6px;

}



#content .tags .content {

    background:#000;

    padding:0 12px;

    line-height:1.1;

}



#content .tags a {

    color:#FFE400;

}





#content .post {

    margin-bottom:2em;

    overflow:hidden;

    clear:both;

}





a.more-link,

a.more-link span {

	background-repeat:no-repeat;

	color: #999900;

	text-decoration: none;

}

a.more-link {

    font-weight:bold;

    font-size:.92em;

    background-position:0 0;

    display:block;

    width:110px;

    text-decoration:none;

    line-height:1;

    float:right;

    margin-bottom:6px;

}



a.more-link:hover  {

	text-decoration:none;

	color:#FFFF00;

}



a.more-link span {

    background-position:100% -18px;

    height:15px;

    display:block;

    width:100px;

    padding:3px 5px 0;

    text-align:center;

}



/* Comments

 *******************************/



#comments {

}



#comments h3 {}



.comments-list {

    margin:12px 0;

}



.comments-list .avatar {

    margin-bottom:4px;

    vertical-align:middle;

}



.comments-list li {

    padding:18px;

    line-height:1.2;

}



.comments-list li {

    font-size:.92em;

}



.comments-list li.graybox {}



.comments-list cite {

    font-weight:bold;

    font-style:normal;

}



.comments-list .comment {

    margin-top:8px;

}

#commentform {

    margin-top:12px;

}



#commentform input.text,

#commentform textarea {

    border:1px solid #eee;

    padding:2px;

    font-size:.92em;

    border-radius: 6px;

}



#commentform input.text {

    width:200px;

}



#commentform input.button {

    border:0;

    text-align:center;

    width:120px;

    color:#000;

    font-size:.92em;

    font-weight:bold;

    background:url(images/submit-comment.gif) 0 0 no-repeat;

}



#commentform textarea {

    width:400px;

}



#recent{

	clear:both;

	padding-top:2px;

	color:#999900;

}



#recent .content {

	float:left;

	overflow:visible;

	width:732px;

	min-height:170px;

	height:auto!important;

	height:170px;

	padding:15px 24px;

	background-color: #2F2F00;

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

	background-repeat: no-repeat;

	background-position: 0 0;

}

#recent .content h3 {
	color: #CCCC00;
	line-height: 25px;
}



#recent .box {

    float:left;

    width:160px;

    padding:12px;

    line-height:1.2;

    margin-right:4px;

}



#recent .posts {

    width:300px;

}



#recent .date {

	color:#999900;

}



#recent ul {

    font-size:.92em;

}



#recent li {}



#recent a {

	line-height:2;

	text-decoration:none;

	color:#999900;

}



#recent a:hover {

	color:#FFFF00;

}



#footer {

	clear:both;

	padding:8px 24px;

	font-size:.92em;

	overflow:hidden;

	background-color: #222200;

}



#footer img {

    vertical-align:middle;

}



#footer .copyright {
	float:left;
	line-height:2;
	color: #FFFFFF;
}



#footer .links {
	float:right;
	color: #FFFF00;
}



#footer .links a {

    padding-left:12px;

}



.navigation {

    font-weight:bold;

    font-size:.92em;

    line-height:1.2;

}



.navigation a {}

#logors {
	height: 60px;
	width: 400px;
	top: 110px;
	position: relative;
}


h6 {
	font-weight: bold;
	color: #E9FF91;
	font-size: 13px;
	line-height: normal;
}