/* 
	Theme Name: jauhdimata-v2
	Theme URL: http://jauhdimata.com
	Description: three-columns, 2 right-sidebar_2, fixed-width, blue, white, threaded-comments, sticky-post
	Author: Masedewe
	Author URI: http://jauhdimata.com
	Version: 1.0
	Tags: three-columns, 2 right-sidebar_2, fixed-width, blue, white, threaded-comments, sticky-post
	
	Changelog:
		v1.0 - 3/25/09
*/


body {
background : #01678f;
color : #666666;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
margin : 0 auto 20px;
padding : 0;
}
#wrap {
background : #ffffff url(images/wrap.png);
width : 960px;
margin : 0 auto 0;
padding : 0;
}
a img {
border : none;
}
a:focus, a:hover, a:active {
outline : none;
}
#header {
width : 960px;
height : 80px;
margin : 0 auto 0;
padding : 0;
overflow : hidden;
}
#header h1 {
color : #333333;
font-size : 30px;
font-family : Arial, Times New Roman, Trebuchet MS;
font-weight : normal;
margin : 20px 0 0 0;
padding : 0;
text-decoration : none;
}
#header h1 a, #header h1 a:visited {
color : #ffffff;
margin : 0;
padding : 0;
text-decoration : none;
}
#header h1 a:hover {
color : #ffffff;
text-decoration : none;
}
.headerleft {
width : 450px;
float : left;
margin : 0;
padding : 0;
overflow : hidden;
}
.headerleft p {
color : #ffffff;
font-size : 12px;
margin : 0;
padding : 0;
}
.headerright {
width : 470px;
float : right;
margin : 0;
padding : 50px 0 0 0;
}
#nav {
margin : 0;
padding : 0;
}
#nav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#nav li {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#nav li a, #nav li a:visited {
background : #ffffff url(images/navbar.png);
color : #ffffff;
display : block;
font-family : Arial, Tahoma, Verdana;
font-size : 12px;
font-weight : normal;
margin : 0 5px 0 0;
padding : 8px 15px 8px 15px;
text-decoration : none;
}
#nav li a:hover {
background : #ffffff url(images/navhover.png);
color : #003663;
}
#nav li li a, #nav li li a:visited {
background : #ffffff;
width : 170px;
color : #003663;
float : none;
margin : 0 0 0 -1px;
padding : 7px 10px 7px 10px;
border-bottom : 1px solid #00567f;
border-left : 1px solid #00567f;
border-right : 1px solid #00567f;
}
#nav li li a:hover, #nav li li a:active {
background : #00567f;
color : #ffffff;
padding : 7px 10px 7px 10px;
}
#nav li ul {
z-index : 9999;
position : absolute;
left : -999em;
height : auto;
width : 180px;
margin : 0;
padding : 0;
}
#nav li ul a {
width : 150px;
}
#nav li ul ul {
margin : -29px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left : auto;
}
#nav li:hover, #nav li.sfhover {
position : static;
}
#nav .current_page_item a, #nav .current_page_item a:visited {
background : #ffffff url(images/navhover.png);
color : #003663;
}
#nav .current_page_item a:hover {
background : #ffffff url(images/navhover.png);
color : #003663;
}
#content {
width : 940px;
margin : 0 auto 0;
padding : 0;
line-height : 20px;
}
#contentleft {
float : left;
width : 450px;
margin : 0;
padding : 20px 0 20px 10px;
}
#contentleft h1 {
color : #0076a3;
font-size : 18px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 3px 0;
padding : 0 0 3px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft h1 a {
color : #0076a3;
font-size : 18px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0;
padding : 0;
text-decoration : none;
}
#contentleft h1 a:hover {
color : #003663;
font-size : 18px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0;
padding : 0;
text-decoration : none;
}
#contentleft h2 {
color : #0076a3;
font-size : 16px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 10px 0;
padding : 0 0 5px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft h3 {
color : #0076a3;
font-size : 14px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 10px 0;
padding : 0 0 5px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft h4 {
color : #0076a3;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 10px 0;
padding : 0 0 5px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft h5 {
color : #0076a3;
font-size : 10px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 10px 0;
padding : 0 0 5px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft h6 {
color : #0076a3;
font-size : 8px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 10px 0;
padding : 0 0 5px 0;
border-bottom : 1px solid #dddddd;
}
#contentleft img.wp-smiley {
float : none;
border : none;
padding : 0;
margin : 0;
}
#contentleft img.wp-wink {
float : none;
border : none;
padding : 0;
margin : 0;
}
.sticky {
background : #f7f7f7;
margin : 0;
padding : 10px;
border : 1px solid #e6e6e6;
}
.post {
margin : 0 0 50px 0;
}
.postarea {
margin : 0;
padding : 0;
}
.postarea p {
padding : 0 0 10px 0;
margin : 0;
}
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {
color : #0076a3;
text-decoration : underline;
}
.postarea a:hover, .postcomments a:hover {
color : #0076a3;
text-decoration : none;
}
.postarea ol {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}
.postarea ol li {
margin : 0 0 0 0;
padding : 0 0 5px 0;
}
.postarea ul {
list-style-type : none;
margin : 0 0 0 5px;
padding : 0 0 10px 0;
}
.postarea ul ul {
list-style-type : none;
margin : 0;
padding : 0 0 0 0;
}
.postarea ul li {
background : url(images/arrow-content.gif) no-repeat top left;
margin : 0 0 5px 0;
padding : 0 0 0 15px;
}
.postarea ul ul li {
background : url(images/arrow-content.gif) no-repeat top left;
margin : 0 0 5px 0;
padding : 0 0 0 15px;
}
blockquote {
background : #f7f7f7;
margin : 0 25px 15px 25px;
padding : 0 25px 0 10px;
border : 1px solid #e6e6e6;
}
#content blockquote p {
margin : 0;
padding : 10px 0 10px 0;
}
.postauthor {
margin : 0 0 10px 0;
padding : 0;
}
.postmeta {
background : #f7f7f7;
font-size : 11px;
text-transform : none;
margin : 0 0 0 0;
padding : 5px 10px 5px 10px;
border : 1px solid #e6e6e6;
}
.postmeta p {
margin : 0;
padding : 0;
}
.singlepostmeta {
background : #f7f7f7;
font-size : 11px;
text-align : right;
margin : 0 0 20px 0;
padding : 5px 10px 5px 10px;
border : 1px solid #e6e6e6;
}
.singlepostmeta p {
margin : 0;
padding : 0;
}
code {
background : #f7f7f7;
margin : 0 25px 15px 25px;
padding : 10px;
display : block;
font-family : Arial, Tahoma, Verdana;
border : 1px solid #e6e6e6;
}
.archive {
float : left;
width : 320px;
margin : 0;
padding : 0 25px 20px 0;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
padding : 0;
}
img.alignnone {
padding : 0;
margin : 0 0 10px 0;
display : inline;
}
img.alignright {
padding : 0;
margin : 0 0 10px 10px;
display : inline;
}
img.alignleft {
padding : 0;
margin : 0 10px 10px 0;
display : inline;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
}
.alignright {
float : right;
margin : 0 0 10px 10px;
}
.alignleft {
float : left;
margin : 0 10px 10px 0;
}
.wp-caption {
border : 1px solid #e6e6e6;
text-align : center;
background-color : #f7f7f7;
padding : 4px 0 5px 0;
}
.wp-caption img {
margin : 0 0 5px 0;
padding : 0;
border : 0;
}
.wp-caption p.wp-caption-text {
margin : 0;
padding : 0 0 0 0;
font-size : 11px;
font-weight : normal;
line-height : 12px;
}
#sidebar_1 {
float : right;
width : 200px;
margin : 0 0 0 0;
padding : 10px 0 0 0;
line-height : 20px;
}
#sidebar_1 a, #sidebar_1 a:visited {
color : #0076a3;
text-decoration : none;
}
#sidebar_1 a:hover {
color : #0076a3;
text-decoration : underline;
}
#sidebar_1 h2 {
color : #0076a3;
font-size : 14px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 5px 0;
padding : 0;
border-bottom : 1px solid #dddddd;
}
#sidebar_1 p {
margin : 0;
padding : 0;
line-height : 20px;
}
#sidebar_1 .widget {
background : #ffffff;
margin : 0 0 10px 0;
padding : 10px;
border : 1px solid #e6e6e6;
}
#sidebar_1 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#sidebar_1 ul li {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}
#sidebar_1 ul ul li a, #sidebar_1 ul ul li a:visited {
color : #666666;
text-decoration : none;
}
#sidebar_1 ul ul li a:hover {
color : #0076a3;
text-decoration : underline;
}
#sidebar_1 ul ul {
list-style-type : none;
margin : 0 0 0 5px;
padding : 0;
}
#sidebar_1 ul ul ul {
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
}
#sidebar_1 ul li li {
background : url(images/arrow.gif) no-repeat top left;
padding : 0 0 0 15px;
margin : 0 0 0 0;
}
#sidebar_1 ul li ul li {
background : url(images/arrow.gif) no-repeat top left;
padding : 0 0 0 15px;
margin : 0 0 0 0;
}
#sidebar_1 .textwidget {
margin : 0;
padding : 0;
}
#cat {
background : #ffffff;
font-family : Arial, Tahoma, Verdana;
font-size : 12px;
width : 230px;
color : #222222;
margin : 5px 0 0 0;
padding : 1px;
display : inline;
border : 1px solid #dddddd;
}
.widget_tag_cloud {
margin : 0;
padding : 0 0 0 10px;
}
#sidebar_2 {
float : right;
width : 250px;
margin : 0;
padding : 10px 0 0 6px;
line-height : 20px;
}
#sidebar_2 a, #sidebar_2 a:visited {
color : #0076a3;
text-decoration : none;
}
#sidebar_2 a:hover {
color : #0076a3;
text-decoration : underline;
}
#sidebar_2 h2 {
color : #0076a3;
font-size : 14px;
font-family : Arial, Tahoma, Verdana;
font-weight : bold;
margin : 0 0 5px 0;
padding : 0;
border-bottom : 1px solid #dddddd;
}
#sidebar_2 p {
margin : 0;
padding : 0;
line-height : 20px;
}
#sidebar_2 .widget {
background : #f7f7f7;
margin : 0 0 10px 0;
padding : 10px;
border : 1px solid #e6e6e6;
}
#sidebar_2 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#sidebar_2 ul li {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}
#sidebar_2 ul ul li a, #sidebar_2 ul ul li a:visited {
color : #666666;
text-decoration : none;
}
#sidebar_2 ul ul li a:hover {
color : #0076a3;
text-decoration : underline;
}
#sidebar_2 ul ul {
list-style-type : none;
margin : 0 0 0 5px;
padding : 0;
}
#sidebar_2 ul ul ul {
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
}
#sidebar_2 ul li li {
background : url(images/arrow.gif) no-repeat top left;
padding : 0 0 0 15px;
margin : 0 0 0 0;
}
#sidebar_2 ul li ul li {
background : url(images/arrow.gif) no-repeat top left;
padding : 0 0 0 15px;
margin : 0 0 0 0;
}
#sidebar_2 .textwidget {
margin : 0;
padding : 0;
}
#cat {
background : #ffffff;
font-family : Arial, Tahoma, Verdana;
font-size : 12px;
width : 230px;
color : #222222;
margin : 5px 0 0 0;
padding : 1px;
display : inline;
border : 1px solid #dddddd;
}
.widget_tag_cloud {
margin : 0;
padding : 0 0 0 10px;
}
#footer {
background : #003663;
width : 960px;
color : #cccccc;
margin : 0 auto 0;
padding : 0 0 10px 0;
}
#footer p {
color : #cccccc;
font-weight : normal;
margin : 0;
padding : 0 0 5px 0;
}
#footer a {
color : #cccccc;
text-decoration : none;
}
#footer a:hover {
color : #65adc3;
text-decoration : underline;
}
#footer ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#footer ul li {
background : none;
list-style-type : none;
margin : 0;
padding : 0;
}
#footer ul ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#footer ul li ul li {
background : url(images/footerlist.gif) no-repeat top left;
margin : 0 0 5px 0;
padding : 0 0 0 10px;
}
#footer h2 {
color : #65adc3;
font-family : Verdana, Tahoma, Verdana;
font-size : 11px;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 2px;
margin : 0 0 10px 0;
padding : 0 0 0 0;
}
#footer .widget {
margin : 0;
padding : 0;
}
#footer .textwidget {
margin : 0;
padding : 0 0 5px 0;
}
.footer1 {
width : 215px;
float : left;
margin : 0;
padding : 15px 20px 0 20px;
}
.footer2 {
width : 215px;
float : left;
margin : 0;
padding : 15px 20px 0 0;
}
.footer3 {
width : 215px;
float : left;
margin : 0;
padding : 15px 20px 0 0;
}
.footer4 {
width : 215px;
float : right;
margin : 0;
padding : 15px 20px 0 0;
}
#copyright {
width : 960px;
background : #003663;
margin : 0 auto 0;
padding : 0 0 15px 0;
font-family : Verdana, Tahoma, Verdana;
font-size : 10px;
text-align : center;
letter-spacing : 1px;
}
.copyright {
width : 920px;
margin : 0 auto 0;
padding : 15px 0 0 0;
border-top : 1px solid #65adc3;
}
#copyright p {
color : #65adc3;
margin : 0;
padding : 0;
}
#copyright a {
color : #65adc3;
text-decoration : none;
}
#copyright a:hover {
color : #65adc3;
text-decoration : underline;
}
.postform {
background : #f5f5f5;
width : 240px;
color : #222222;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
margin : 5px 0 0 0;
padding : 1px;
display : inline;
border : 1px solid #dddddd;
}
#subscribe {
margin : 0;
padding : 10px 0 5px 0;
overflow : hidden;
}
#subbox {
background : #f5f5f5 !important ;
width : 185px;
color : #222222;
font-size : 11px;
font-family : Arial, Tahoma, Verdana;
font-weight : normal;
margin : 0;
padding : 5px 0 5px 5px;
display : inline;
border : 1px solid #dddddd;
}
#subbutton {
background : #333333 url(images/homelink.png);
color : #ffffff;
font-size : 12px;
text-transform : uppercase;
text-decoration : none;
margin : 0 0 0 5px;
padding : 3px 5px 4px 5px;
border : 1px solid #333333;
}
#searchform {
margin : 0;
}
#searchformheader {
margin : 0;
}
#s {
background : #ffffff;
width : 165px;
color : #222222;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
margin : 5px 3px 0 0;
padding : 2px 0 2px 3px;
display : inline;
border : 1px solid #e6e6e6;
}
#searchsubmit {
background : #003663;
color : #ffffff;
font-family : Arial, Tahoma, Verdana;
font-size : 11px;
font-weight : bold;
text-decoration : none;
margin : 0;
padding : 2px 2px 1px 2px;
border : 1px solid #003663;
}
#submit {
background : #003663;
color : #ffffff;
font-family : Arial, Tahoma, Verdana;
font-size : 11px;
font-weight : bold;
text-decoration : none;
margin : 0;
padding : 2px 0 2px 0;
border : 1px solid #003663;
}
#author, #email, #url {
background : #f7f7f7 !important ;
color : #222222;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
margin : 0;
padding : 4px;
border : 1px solid #e6e6e6;
}
#comment {
background : #f7f7f7 !important ;
color : #222222;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
margin : 5px 0 5px 0;
padding : 4px;
border : 1px solid #e6e6e6;
}
.commentlist li ul li {
font-size : 12px;
}
.commentlist li {
font-weight : bold;
}
.commentlist li .avatar {
background : #ffffff;
float : right;
border : 1px solid #eeeeee;
margin : 0 5px 0 10px;
padding : 2px;
}
.commentlist cite, .commentlist cite a {
font-weight : bold;
font-style : normal;
font-size : 12px;
}
.commentlist p {
font-weight : normal;
text-transform : none;
}
.commentmetadata {
font-weight : normal;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}
#commentform {
margin : 5px 10px 0 0;
}
#commentform textarea {
width : 98%;
padding : 2px;
}
#respond:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#commentform p {
margin : 5px 0 5px 0;
}
#commentform #submit {
margin : 0;
float : left;
}
.alt {
margin : 0;
padding : 10px;
}
.commentlist {
margin : 0;
padding : 0;
}
.commentlist ol {
margin : 0;
padding : 10px;
}
.commentlist li {
margin : 15px 0 10px;
padding : 10px 5px 10px 10px;
list-style : none;
}
.commentlist li ul li {
margin-right : -5px;
margin-left : 10px;
}
.commentlist p {
margin : 10px 0 10px 0;
padding : 0;
}
.children {
margin : 0;
padding : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.reply a, .reply a:visited {
background : #0076a3;
color : #ffffff;
font-family : Arial, Tahoma, Verdana;
font-size : 11px;
text-decoration : none;
margin : 0;
padding : 2px 5px 2px 5px;
border : 1px solid #0076a3;
}
.reply a:hover {
background : #003663;
color : #ffffff;
text-decoration : none;
border : 1px solid #003663;
}
.commentmetadata {
font-size : 10px;
margin : 0;
display : block;
}
.navigation {
display : block;
text-align : center;
margin-top : 10px;
margin-bottom : 60px;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.thread-alt {
background : #ffffff;
margin : 0;
padding : 0;
}
.thread-even {
background : #f7f7f7;
margin : 0;
padding : 0;
}
.depth-1 {
border : 1px dotted #e6e6e6;
margin : 0;
padding : 0;
}
.even, .alt {
border-top : 1px solid #e6e6e6;
border-bottom : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
margin : 0;
padding : 0;
}
#commentluv {
clear : both !important ;
}
#commentluv img {
border : 0 !important ;
padding : 0 !important ;
}
.cluv {
border : 1px solid #fff;
padding : 5px;
display : block;
font-size : 100% !important ;
text-transform : none !important ;
}
#lastposts {
width : 500px;
padding-left : 5px;
padding-bottom : 5px;
background-color : #fee;
font-size : 13px;
border : 1px solid #ddd;
color : #000;
}
.choosepost {
background-color : #fff;
line-height : 1.4em;
display : block;
width : 495px;
border-bottom : 1px dashed #bbb;
cursor : pointer;
}
.cl_type_icon {
margin-right : 3px;
border : 0 !important ;
padding : 0 !important ;
}
.heart_tip {
margin-left : 5px;
display : inline;
margin-bottom : 0;
margin-right : 0;
padding : 0 !important ;
background-color : transparent;
border : 0 !important ;
}
.finalbig {
padding : 3px;
font-size : 1em;
color : #000;
}
.finalbig img {
margin : 3px;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.editComment, .editableComment, .textComment {
display : inline;
}
.comment-childs {
border : 1px solid #999;
margin : 5px 2px 2px 4px;
padding : 4px 2px 2px 4px;
background-color : white;
}
.chalt {
background-color : #e2e2e2;
}
#newcomment {
border : 1px dashed #777;
width : 90%;
}
#newcommentsubmit {
color : red;
}
.adminreplycomment {
border : 1px dashed #777;
width : 99%;
margin : 4px;
padding : 4px;
}
.mvccls {
color : #999;
}
#commentluv {
clear : both !important ;
}
#commentluv img {
border : 0 !important ;
padding : 0 !important ;
}
.cluv {
border : 1px solid #fff;
padding : 5px;
display : block;
font-size : 100% !important ;
text-transform : none !important ;
}
#lastposts {
width : 500px;
padding-left : 5px;
padding-bottom : 5px;
background-color : #fee;
font-size : 13px;
border : 1px solid #ddd;
color : #000;
}
.choosepost {
background-color : #fff;
line-height : 1.4em;
display : block;
width : 495px;
border-bottom : 1px dashed #bbb;
cursor : pointer;
}
.cl_type_icon {
margin-right : 3px;
border : 0 !important ;
padding : 0 !important ;
}
.heart_tip {
margin-left : 5px;
display : inline;
margin-bottom : 0;
margin-right : 0;
padding : 0 !important ;
background-color : transparent;
border : 0 !important ;
}
.finalbig {
padding : 3px;
font-size : 1em;
color : #000;
}
.finalbig img {
margin : 3px;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.editComment, .editableComment, .textComment {
display : inline;
}
.comment-childs {
border : 1px solid #999;
margin : 5px 2px 2px 4px;
padding : 4px 2px 2px 4px;
background-color : white;
}
.chalt {
background-color : #e2e2e2;
}
#newcomment {
border : 1px dashed #777;
width : 90%;
}
#newcommentsubmit {
color : red;
}
.adminreplycomment {
border : 1px dashed #777;
width : 99%;
margin : 4px;
padding : 4px;
}
.mvccls {
color : #999;
}
