/*  
Theme Name: NoDiamonds
Theme URI: http://NoDiamonds/
Description: NoDiamonds.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/

	NoDiamonds v1.0
  http://www.sunaryohadi.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html,body {margin:0; padding:0; font: normal 11pt/1.2em Arial, Tahoma, Helvetica, Verdana, sans-serif; text-align:center;
  background: #98ADCA url(img/pattern.jpg) top left; color: #666;
}
a {text-decoration: none; color: #3D659C;}
a:hover {color: #F60;}
.alignleft {float:left;}
.alignright {float:right; text-align:right;}
img {border:0;}

div#client{
width: 940px; text-align: right; margin:5px auto -20px auto; font-size:11px; display:block; padding:0px;}
div#client a:hover{color:#fff; }
/* Layout */
#wrapper, #wrapper-home,#header, .teaser, #container, #sidebar, #content, #footer {display: inline-block; overflow: hidden;}
#wrapper {width: 960px; text-align: left; margin:0 auto; padding:0 0 13px 0; background: #fff url(img/wrapper-bottom.jpg) no-repeat bottom center; margin-top: 20px;}
#wrapper-home {width: 960px; text-align: left; margin:0 auto; padding:0 0 13px 0; background: #fff url(img/wrapper-bottom-stone.jpg) no-repeat bottom center; margin-top: 20px;}
#header {background: #fff url(img/wrapper-top.jpg) no-repeat top right; margin: 0px 0 0 0; padding: 0;width:960px;  }
#container {width: 960px; padding: 0 0 20px 0; background: transparent url(img/headline-bg.png) no-repeat top center; }
#sidebar {width: 326px; float:left;}
#content {width: 579px; float:right; padding: 35px 40px 20px 15px;}
#footer {width: 920px; margin:0 auto; padding:0 20px; text-align: center; color: #000;  font-size: 12px; clear:both;}
#footer p span{margin:0px 0 0 2px; position:relative; top:3px;}
#footer a {color: #3D659C;}
#footer a:hover {color: #F60;}

/* Header */
#header img#logo {float:left; border:0;}
.teaser {background: transparent url(img/line.png) repeat-x 0 35px; height: 60px; width: 778px;
text-align: right; margin:0; padding: 26px 0 0 0; float: right;margin:0 20px 0 0;}
.teaser cite {background: #fff; color: #ff9900; font-size: 14px; padding: 0px 10x 10px 10px; margin:0;}
.teaser  img {vertical-align: middle;}

#searchform {margin:0;padding:13px 0 0 0;}
#searchimg { opacity:1; }
#searchimg:hover { opacity:0.8; }

/* Content */
#content {line-height:1.5em;}
.post {display:inline-block; overflow: hidden;}
.post h1 {
	line-height: 1.10em;
}
.postmetadata {line-height: 1.2em;}
.navigation {display:inline-block; overflow: hidden; padding: 7px 0; font-size: 12px;}
.navigation .alignleft,.navigation .alignright {width:285px;}
form#commentform textarea {width: 575px;}
form.ddfm textarea {width: 300px;}

#looking { margin-top:25px; padding:15px; background:#e4eaee; color:#3d659c; font-weight:bold; display:block; -moz-border-radius:1em; border-radius:1em;}
#looking:hover { background:#f0f3f5; }
.postmeta { font-style:italic; font-size: 12px; margin-top: 0; padding-top: 1px; }

/* Sidebar */
#sidebar {line-height:1.25em;}
#sidebar ul {margin:0; padding:0 20px; list-style: none;}
#sidebar ul ul {padding: 0 0 0 10px; margin:0;}
#sidebar h2 {background : transparent url(img/dot.png) repeat-x top left; padding: 7px 0; margin: 10px 0 0 0;
font: bold 11px/1.0em tahoma, arial, helvetica, sans-serif; text-transform: uppercase; color: #f80;}

/* Home spesific */
#headline-wrapper, #headline {display: inline-block; overflow: hidden;}
#headline-wrapper {width: 960px;  height: 184px; margin:0; padding: 0;}
#headline {width: 634px;  height: 184px; float: right; }
/* background: transparent url(img/stone.png) no-repeat 510px bottom; */
.homebox {width: 292px; float:left; padding: 0 0px 0 20px; line-height: 1.25em; display: block;}
.homebox h2 {font: bold 10pt/1.5em tahoma, arial, helvetica, sans-serif; text-transform: uppercase; color: #f80;
  background : transparent url(img/dot.png) repeat-x top left; padding: 7px 0; margin: 20px 0 0 0;}
.homebox h2 span{margin:0px 0 0 5px; position:relative; top:3px;}
.homebox h2 a {color: #f80;}
.homebox h2 a:hover {color: #3D659C;}
.homebox ul {list-style: none; margin:0; padding:0;}  
.homebox ul li {padding: 3px 0; margin:0;}
.homebox h3 {font: bold 14px/1.0em tahoma, arial, helvetica, sans-serif; margin: 0; padding:0 0 0.5em 0;}
.homebox cite {font-size: 11px;}
.homebox img.portfolio {padding: 2px; border: 1px solid #BDCBDD; width: 286px; margin-bottom: 0px;}
.homebox p {margin:0; padding:0.5em 0 0.5em 0;}

#headline h1 {font: normal 22px tahoma, arial, helvetica, sans-serif; color: #f90; margin:0; padding: 35px 0 0 20px;}
#headline .subtitle {margin:0; padding: 12px 0 0 20px; font: normal 14px/1.4em arial, helvetica, tahoma, sans-serif; 
width: 515px; }
#headline .subtitle p {margin:0;padding:0 0 1.0em 0;}

/* Navigator */
#nav-wrapper {width: 326px; height: 184px;}
ul#topnav {margin:0; padding:25px 0 0 15px; list-style: none;}
ul#topnav li {margin:0; padding:0; display:inline; font: normal 13px/1.3em tahoma,  arial, helvetica, sans-serif;}
ul#topnav li a {font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 5px 21px 5px 7px; display:block; float:left;
color: #3D659C; border-left: 1px solid #7695AC; outline:0;}
ul#topnav li a:hover {background: #7695AC; color: #fff;}
ul#topnav li a cite {font-weight: normal;  text-transform: lowercase; font-style: normal; color: #666; font-size: 8pt;}
ul#topnav li a:hover cite {color: #fff;}


lowercase; font-style: normal; color: #666; font-size: 8pt;}
ul#topnav li a:hover cite {color: #fff;}


blockquote.testimonial {
	margin: 10px 0 15px 0; padding: 15px;
	line-height: 1.90em;
	text-align: justify;
	background: #f5f7f9 5px 5px no-repeat url(img/blockquote.gif);
	border-top: #3d659c 1px solid; border-left: #3d659c 1px solid;
	border-bottom: #2e5181 1px solid; border-right: #2e5181 1px solid;
	font-size: 10px;
	text-indent: 30px;
}
#sendbutton4 {
	width: 140px; height: 90px;
	background: no-repeat url(img/bckpaynow.jpg);
	border: 0 !important;
	cursor: pointer;
}
.wp-caption {
padding: 5px; width: 510px;
background-color: white;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
margin: 15px 25px 15px 15px;
-moz-box-shadow: 6px 6px 4px #888;
-webkit-box-shadow: 6px 6px 4px #888;
}
.wp-caption-text {padding:0px;margin:10px 0 5px 0;font-size:12px;text-align:center;}
.wp-caption img {padding:4px;border: 1px solid #EEE;}
div.entry a {font-weight:bold;}