/*
Theme Name: Indonesian Paradise (For Tumblr)
Theme URI: http://tumblr.mariacelina.net
Description: Theme for the Maria Celina tumblr directory.
Version: 1.0
Author: Maria Celina, with basic template from Mirza at Ziked.
Author URI: http://www.mariacelina.net/
Tags: maria, celina, mariacelina, tck, rainbows, design, culture, indonesia, red, orange, yellow, green, blue, indigo, violet, colours, tumblr, images, audio, video, link, text, quote
*/

body {
	margin: 0 auto;
	background: #f7dc92 url(http://www.mariacelina.net/images/tumblr/footerbackground_tumblr.jpg) repeat-x center bottom;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 100;
	color: #6c6458;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: "Georgia";
	font-weight: normal;
}

h1 {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	width: 100px;
}

h1.tumblr {
	background: #624854;
	font-size: 16px;
	color: #ffffff;
	padding: none;
	margin-left: -20px;
	border-bottom: 3px solid #e3ddd4;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 24px;
	padding: 10px;
	color: #eb8c80;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul {
list-style: circle;
}

li {
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #f7dc92 url(http://www.mariacelina.net/images/tumblr/wrapperbackground_tumblr.jpg) repeat-x center top;
}

#wrapperin {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	background: url(http://www.mariacelina.net/images/tumblr/wrapperin_tumblr.jpg) repeat-x center top;
}

#wrapper2 {
	margin: 0;
	padding-top: 100px;
}

/* Box Content */

.box { 
  background: #f9f6ee; 
  text-align: justify;
}
.boxtop { 
  background: #f9f6ee; 
}
.boxtop div { 
  height: 20px; 
  background: #f9f6ee; 
}

.boxcontent {
  padding: 0px;
  background: #f9f6ee; 
}

/* Inline Links   */

a {
	text-decoration: none;
	color: #db8284;
}

a:hover {
	background: none;
	color: #98b1ad;
}

/* Header  */
h1 {
		padding:          0px;
		margin:           0px;
		font: normal 65px Helvetica,Arial, sans-serif;
		line-height:      55px;
		letter-spacing:   1px;
		color:#ff4d4d;
}

h1 a {
		color:            #ff4d4d;
		text-decoration:  none;
}

h1 a:hover {
	color: #59A5D1; 
}

#topheader {
	background: #f7dc92 url(http://www.mariacelina.net/images/tumblr/headerbackground_tumblr.jpg) repeat-x center top;
	height: 230px;
	margin: 0 auto;
}

#header {
	background: url(http://www.mariacelina.net/images/tumblr/header_tumblr.jpg) repeat-x center top;
	width: 930px;
	height: 230px;
	margin: 0 auto;
} 

/*  End of the Header */

blockquote { 
	margin:.5em 1.5em;
	background-color: #faf8f8;
	border:1px solid #ccc;
	padding: 5px 15px 5px 15px;
}


/* Posts */

.post {
	margin:auto;
	margin-bottom:15px;

}

.postcont {
	margin: 0px 30px 10px 20px;   
	background: url(http://www.mariacelina.net/images/tumblr/background_tumblr.png);
	width:530px;
	padding: 10px;
	margin-bottom:15px;          
}

/* Permalink*/

.kerouac_text .postmark_text {
	float:left;
	color:#fff;
	background: #db8284 url(http://www.mariacelina.net/images/tumblr/category_text.jpg) no-repeat left center;
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_quote .postmark_quote {
	float:left;
	color:#fff;
	background: #ecc061 url(http://www.mariacelina.net/images/tumblr/category_quote.jpg) no-repeat left center;
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_photo .postmark_photo {
	float:left;
	color:#fff;
	background: #e6d565 url(http://www.mariacelina.net/images/tumblr/category_photo.jpg) no-repeat left center;
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_link .postmark_link {
	float:left;
	color:#fff;
	background: #c8cb5e url(http://www.mariacelina.net/images/tumblr/category_link.jpg) no-repeat left center; 
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_audio .postmark_audio {
	float:left;
	color:#fff;
	background: #624854 url(http://www.mariacelina.net/images/tumblr/category_audio.jpg) no-repeat left center; 
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_video .postmark_video {
	float:left;
	color:#fff;
	background: #7eaeb0 url(http://www.mariacelina.net/images/tumblr/category_video.jpg) no-repeat left center;
	width: 100px;
	height: 50px;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_conversation .postmark_conversation {
	float:left;
	padding: 10px;
	color:#fff;
	background: #9a546f url(http://www.mariacelina.net/images/tumblr/category_conversation.jpg) no-repeat left center;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: 3px solid #e3ddd4;
}

.kerouac_post .perma {
	float: right;
	padding: 2px 5px 2px 0px; 
	text-transform:none;
	background: #e3ddd4;
}

.perma a, .perma a:visited, .perma a:active{
	color:#fff;
	text-decoration:none;
	background: #e3ddd4;
	padding: 5px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	margin-left: -30px;
}

.perma a:hover {
	color:#6c6458;
	text-decoration:none;
}

/* Regular And Chat Post Titles  */ 

.post h2 {
	margin: 0px 0px 10px 0px;
	text-align: right;
}

.post h2 a {
	color: #db8284;   
	font-weight: 100;        
	text-decoration:  none;
}

.post h2 a:hover {
	color: #98b1ad;
	text-decoration:underline;
}

/* Regular Post */
.post .regular {
	font-size:14px;
}

.post .regular blockquote {
	font-style: italic;
	}


/* Link Post */
.post .link { 
	font-size: 20px;
	letter-spacing: 0.5px;
}


.post .link a.link {
	padding: 1px 3px 1px 3px;
	margin:2px 2px 0 0px;
	background: non;
	color: #c8cb5e;
	text-decoration: none;
	text-align: right;
}

.post .link a.link:hover {
	text-decoration: underline;
	color: #98b1ad;
}

.post .link .description {
	padding-top:10px;
	padding-bottom: 10px;
	font-size: 13px;
	color: #888;
	letter-spacing: 0px;
	line-height: 20px;
	text-align: right;
}

/* Quote Post */

.quote {
	font: italic 18px Georgia,Times, serif;
	line-height: 1.25em;
}

.quote .perma a, .quote .perma a:visited, .quote .perma a:active{
	color:#fff;
	text-decoration:none;
	background: #e3ddd4;
	padding: 5px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	margin-left: -30px;
}

.quote .perma a:hover {
	color:#6c6458;
	text-decoration:none;
}

.quote a {
	color:#ecc061;
}

.quote .source {
	text-align: right;
	color: #958d81;
}

.quote .source a:hover{
	color: #98b1ad;
	background-color:transparent;
}

/* Photo And Video Post */

.post .photo, .post .video {   
}

.post .photo:hover,.post .video:hover {
	border: none;
}


.post .photo img {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #e6ddc6;
	border-right: 1px solid #e6ddc6;
	padding: 4px;
	background: #fff;
}

.post .photo .caption, .post .video .caption  {
	font-size: 13px;
	color: #555;
	text-align: left;
	padding-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.post .photo .caption:hover, .post .video .caption:hover {
	color: #6c6458;
}

.photo a, .photo a:visited, .photo a:active{
	color:#e6d565;
	text-decoration:none;
	font-size: 13px;
	font-style: italic;
}

.post .photo a:hover {
	color:#98b1ad;
	text-decoration:none;
}

.video a, .video a:visited, .video a:active {
	color:#7eaeb0;
	text-decoration:none;
	font-size: 13px;
	font-style: italic;
}

.video a:hover {
	color:#98b1ad;
	text-decoration:none;
	font-size: 13px;
	font-style: italic;
}

.video .perma a, .video .perma a:visited, .video .perma a:active {
	color:#fff;
	text-decoration:none;
	background: #e3ddd4;
	padding: 5px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	margin-left: -30px;
}

.video .perma a:hover {
	color:#6c6458;
	}
	

/*  Audio Post */

.post .audio {
	text-align:center;
	border: none;
	background-color: #624854;
}

.audio .perma a, .audio .perma a:visited, .audio .perma a:active{
	color:#fff;
	text-decoration:none;
	background: #e3ddd4;
	padding: 5px;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	margin-left: -30px;
}

.audio .perma a:hover {
	color:#6c6458;
	text-decoration:none;
}

.audiocaption {
	margin-top: 10px;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;

			}

.audiocaption a {
	color: #624854;
}

.audiocaption a:hover {
	color: #98b1ad;
}


/* Conversation Post */
.post .conversation ul {
	list-style-type:  none;
	margin:           25px 0px 5px 0px;
	padding:          1px;
}

.post .conversation ul li {
	font-size:        12px;
	padding:          4px 0px 4px 8px;
}

.post .conversation ul li span.label {
	font-weight:      bold;
	color:#e3ddd4;
}

.post .conversation ul li.odd {
	background-color: #9a546f;   
	color: #e3ddd4;
}

.post .conversation ul li.even {
	background: none);
}

/* The Sidebar */
#sidebar {
position: absolute;
width: 300px;
top:350px;
margin-left: 592px;
}

#sidebar .info_tumblr {
width: 300px;
font-size: 14px;
background: url(http://www.mariacelina.net/images/tumblr/background_tumblr.png);
color:#888;
padding: 10px;
}

#sidebar .following {
width: 300px;
font-size: 14px;
background: url(http://www.mariacelina.net/images/tumblr/background_tumblr.png);
color:#888;
padding: 10px;
}

#sidebar .credits {
width: 300px;
font-size: 11px;
background: url(http://www.mariacelina.net/images/tumblr/background_tumblr.png);
color:#888;
padding: 10px;
}


#sidebar a{
color:#db8284;
}

#sidebar a:hover{
color:#98b1ad;
}

#sidebar div.following{
	margin-top: 5px;
	margin-bottom: 5px;

}
#sidebar div.following a img{
	border: 2px solid #eee;
	padding: 1px;
	margin: 1px;
}
#sidebar div.following a img:hover{
	border: 2px solid #BFCEB9;
	padding: 1px;
	margin: 1px;
}

/* Footer */

#footerwrap {
	margin: 0 auto;
	background: #f7dc92 url(http://www.mariacelina.net/images/tumblr/footerbackground_tumblr.jpg) repeat-x bottom center; 
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
}

#footerinfo {
	width: 930px;
	margin: 0 auto;
	background: #f9f6ee;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
}

#footer {
	width: 930px;
	margin: 0 auto;
	background: #f9f6ee url(http://www.mariacelina.net/images/tumblr/footer_tumblr.jpg) no-repeat bottom center; 
	height: 465px;
	font-family: "Georgia", Arial, Helvetica, sans-serif;
	color: #958d81;
}
			
#footerinfo p, #footer p {
	margin: 0 auto;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footerinfo a, #footer a {
	color: #eb8c80;
}

#footerinfo a:hover, #footer a:hover {
	color: #946681;
	}


/*   Menu */
ul#menu {
	list-style:none;
	font-family:Arial;
	font-weight:700;
	text-align:center;
	white-space:nowrap;
	margin:0 0 10px 0px;
	padding:5px 10px 10px 0px;   
}

ul#menu li {
	display:inline;
	margin:0 3px;
}

ul#menu a {
	text-decoration:none;
	padding: 5px;
	color:#db8284;
}

ul#menu a:hover {
	color:#98b1ad;
	padding: 5px;
	border-bottom: 3px solid #98b1ad;
	background: #fff;
}

/* Description   */

#description {
	font-size:        15px;
	margin-top:       10px;
	color:            #094E7C;
}

#description a {
		color:            #094E7C;
}   



/* Search Styling */
.searchmatch{
background-color:yellow;
}
.searchresultbox{
}
.searchresultrow {
background:#FFF;
font-family:verdana;
font-size:12px;
padding:5px;
margin-top:10px;
overflow:hidden;
}
.searchresultrow:hover {
cursor:pointer;
background:#FAFAFA;
}
.searchresultrow a {
font-weight:bold;
text-decoration:none;
}
.searchexcerpt {
color:#AAA;
font-size:10px;
}
.searchexcerpt span {
background:yellow;
font-size:10px;
}