/*
Theme Name: Oridusartic
Theme URI: http://www.oridusartic.com/
Description: Wordpress Theme for Oridus Artic
Version: 1.0
Author: Angelina Sulistyo
Author URI: http://www.angelsulistyo.com/
*/

body {background-color:#eaeaea; margin:0; padding:0; font-family:"Lucida Sans", Helvetica, Arial, sans-serif; font-size:14px; color:#3a3a3a;}
#container {width:1015px; margin:0 auto; position:relative}
#headerwrap {margin-top:1px;}
#contentwrap {padding-top:55px;}
.clear {clear:both;}
.span1 {float:left; width:425px; display:inline;}
.span2 {float:left; width:555px; display:inline;}
.span3 {float:left; width:740px; display:inline; margin-right:15px;}
.span4 {float:left; width:255px; display:inline;}
.span5 {float:left; width:115px; display:inline;}
.span6 {float:left; width:600px; display:inline;}
.alignkiri {float:left;}
.alignkanan {float:right;}
.avatar img {width:40px; height:40px;}


/* HEADER
----------------------------------------------------------------------- */
.logo {
	position:relative;
	top:0px;
}
.logo div.logowrap {
	position:relative;
        top: 10px;
	left:115px;
}
ul.navi {
	margin:0; padding:0;
	list-style:none;
	overflow:hidden;
}
ul.navi li {float:left; display:inline; margin-left:0; padding-right:20px; font-size:14px; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:bold;}
ul.navi li a {color:#3a3a3a; text-decoration:none;}
ul.navi li a:hover {color:#3a3a3a; text-shadow:0px 2px 2px #fff;}
.logoblog {padding-top:50px;}
.imageheader img {
	position:relative;
	left:26px;
	float:left;
}

/* Search
----------------------------------------------------------------------- */
.searchblog {background:url(images/searchinput.jpg) no-repeat; height:37px; font-family:"Lucida Sans", Helvetica, Arial, sans-serif; font-size:12px; border:none; padding:8px 0 0 5px; margin-bottom:20px;}
.searchinput {border:none; float:left; width:200px;}
.searchbutton {position:relative; top:-8px;}
.posisisearch {position:absolute; top:157px; right:15px;}

/* FlickrRSS
----------------------------------------------------------------------- */
.flickrphoto ul {margin:0; padding:0; list-style:none; width:250px; overflow:hidden;}
.flickrphoto ul li {margin:0; margin-bottom:5px; padding:0 5px 5px; float:left; display:inline}
.flickrphoto ul li img {background-color:#fff; padding:5px; border:1px dashed #737373;  -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px;}

/* BLOG
----------------------------------------------------------------------- */
.span6 h1 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:30px;}
.span6 h2 {font-family:Helvetica, Arial, sans-serif;margin-top:10px; margin-bottom:5px;color:#3a3a3a; letter-spacing:-1px; font-size:25px;}
.span6 h3 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px; font-size:20px;}
.span6 h4 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:18px;}
.span6 h5 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:14px;}
.span6 h6 {font-family:Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:5px; color:#3a3a3a; letter-spacing:-1px;font-size:12px;}
blockquote {
	background:url("images/open.gif") no-repeat scroll left top transparent;
	margin:0 15px;
	padding:0 0 0 20px;
}
blockquote p {
	background:url("images/close.gif") no-repeat scroll right bottom transparent;
	padding:5px 40px 0 0;
}
.blogitem {margin-bottom:45px;}
h1.date {font-family: Helvetica, Arial, sans-serif; font-size:34px; color:#3a3a3a; font-weight:800; letter-spacing:-2px; padding-left:115px;}
h1.date span.rounded1 {background-color:#d5d5d5; padding:10px; }
h1.date a {color:#3a3a3a; text-decoration:none;}
h1.date a:hover {color:#3a3a3a; text-decoration:none;text-shadow: 0px 1px 2px #ffffff;}
.blogdetail {text-align:right; font-family:"Lucida Sans", Helvetica, Arial, sans-serif; font-size:12px; color:#4a4a4a;}
.blogdetail a, .navigation a, #commentform a, .span6 a {color:#4a4a4a; text-decoration:none;}
.blogdetail a:hover, .navigation a:hover, #commentform a:hover, .span6 a:hover {color:#787878; text-decoration:none; background-color:#d7d7d7;}
.blogdetail p {margin:0 5px 5px; padding:0 0 10px; background:url(images/metaline.gif) no-repeat; background-position:right bottom;}
.blogdetail p.lastitem {background:none;}
.span6 {padding-left:10px;  line-height:24px; padding-right:10px;}
.span6 p img {background-color:#fff; padding:10px; border:1px dashed #737373; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px;}
a.more-link {background:url(images/btn_readmore.png) no-repeat; background-position:0 0; width:140px; height:38px; display:block; text-indent:-9999px;}
a.more-link:hover {background-position:0 -38px; background-color:#eaeaea;}
.wp-caption {background-color:#fff;  border:1px dashed #737373;padding:10px 4px 0; text-align:center; margin-bottom:10px;}
.wp-caption img { width:550px;}
.wp-caption-text {margin-bottom:0; text-align:right; font-style:italic; padding-right:10px;}
.navigation {overflow:hidden; margin:20px 0; padding:0 10px;}
.alignleft {margin:0 1em 1em 0; float:left;}
.alignright {margin:0 0 1em 1em; float:right;}

.wp-pagenavi {padding-left:120px; margin-top:20px; margin-bottom:30px; color:#545454;}
.wp-pagenavi .pages {background-color:#c3c3c3; padding:7px 10px;margin:2px; -moz-border-radius:10px 10px 10px 10px;}
.wp-pagenavi .page, .wp-pagenavi .last {
background-color:#c3c3c3;
margin:2px;
padding:7px 10px;
text-decoration:none;
color:#545454;
-moz-border-radius:10px 10px 10px 10px;
}
.wp-pagenavi span.current {
background-color:#9b9b9b;
margin:2px;
padding:7px 10px;
text-decoration:none;
border:none;
color:#545454;
-moz-border-radius:10px 10px 10px 10px;
}
.wp-pagenavi a,.wp-pagenavi a:visited, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.last {
background-color:#c3c3c3;
margin:2px;
padding:7px 10px;
text-decoration:none;
border:none;
color:#545454;
-moz-border-radius:10px 10px 10px 10px;
}
.wp-pagenavi a:hover, .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.previouspostslink:hover .wp-pagenavi a.last:hover {
background-color:#9b9b9b;
border:none;
color:#545454;
}


/* COMMENT
----------------------------------------------------------------------- */
#komenspace {padding-left:115px; position:relative;}
#komenspace p label {font-size:14px; font-style:italic;}
.komeninput {background:url(images/commentinput.jpg) no-repeat; width:180px; padding:10px 10px 12px; border:none;}
.textareakomen {background:url(images/commenttextarea.jpg) no-repeat; width:385px; height:202px;  padding:10px 10px 0;}
.textareakomen textarea {width:360px; height:180px; border:none; background-color:#f7f7f7; font-family:"Lucida Sans", Helvetica, Arial, sans-serif; color:#3f3f3f; font-size:12px}
.submitcomment {background:url(images/btn-postit.png); background-position:0 0; width:97px; height:28px; margin-top:5px; border:none;}
.submitcomment:hover {background-position:0 -28px;}

/*
.commentlist {margin:20px 0; padding:0; list-style:none;}
.commentlist .avatar {float:left;margin-right:5px;}
.commentlist .avatar img { background-color:#fff; padding:5px; border:1px dashed #737373}
.commentlist li {margin-left:0;}
.comment-entry {display:block; float:left}
.comment-head .name {display:block; font-size:20px;}*/
.commentlist a {color:#3a3a3a; text-decoration:none;}
.commentlist a:hover {color:#3a3a3a; text-decoration:underline;}

#komenspace .commentlist{margin:20px 0; padding:0; list-style:none;}
#komenspace .commentlist li {margin-left:0; padding-bottom:20px;}
#komenspace .comment-head  { margin: 0 0 15px 0; }
#komenspace .comment-head .avatar  { float: left;margin-right:5px; }
#komenspace .comment-head .avatar img{background-color:#fff; padding:5px; border:1px dashed #737373; -moz-border-radius: 6px; -webkit-border-radius: 6px; width:40px; height:40px;}
#komenspace .comment-head .name  { display: block; margin: 0 0 -5px 0; font-size:20px; }
#komenspace .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 12px; }
#komenspace .comment-entry p  { margin: 0 0 10px 60px;}
#komenspace .cancel-comment-reply a, #comments .comment-reply-link  { text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; font-size: 11px;}

	


/* RECENT BLOG
----------------------------------------------------------------------- */
.recentpost { margin-top:25px; margin-bottom:40px; }
ul#sidebarpost {list-style:none; margin:0; padding:0; width:248px}
#sidebarpost li {font-size:12px; color:#8e8e8e; line-height:normal; background-color:#d7d7d7; padding:12px 20px; margin:0; border-bottom:1px solid #FFFFFF; overflow:hidden}
#sidebarpost li p {margin-bottom:0;}
#sidebarpost li a {color:#8e8e8e;text-decoration:none;}
#sidebarpost li:hover {background:url(images/sidebar_bgpress.png) no-repeat;}
#sidebarpost li .titlerecentpost {font-size:20px; font-weight:300; color:#3a3a3a; letter-spacing:-1px;}
#sidebarpost li .titlerecentpost a {text-decoration:none; color:#3a3a3a;}

.notfound {background:url(images/404image.png) no-repeat; width:880px; height:530px; background-position:center center; margin:0 auto 50px; position:relative;}
.notfoundpost {background:url(images/404imagepost.png) no-repeat; width:700px; height:529px; background-position: center; margin:0 auto 50px; position:relative;}



/* FOOTER
----------------------------------------------------------------------- */
#footer {width:100%; background-color:#dbdbdb; position:relative;}
.footerin {width:1015px; margin:0 auto; padding:27px 0; font-family:"Lucida Sans", Helvetica, Arial, sans-serif; color:#3f3f3f; font-size:12px; position:relative;}
.footerin p {margin-bottom:0;}
.footerin a {color:#3f3f3f; text-decoration:none;}
.footerin a:hover {color:#7d7d7d; text-decoration:none;}
.footercopyright {width:700px; float:left; display:inline;}
.footercopyright2 {background:url(images/botol.jpg) no-repeat; background-position:0 6px; padding-left:25px; margin-left:120px;}
.bear {position:absolute;z-index:-1000; top:-164px; right:130px;}