/*
Theme Name: SimpleDark
Theme URI: http://www.bambangsetyawan.com/
Description: Simple and usable theme that fast, readable, and accesible. Search Engine Friendly template <a href="http://www.bambangsetyawan.com//">bams</a>.
Version: 1.0
Author: Bambang Setyawan
Author URI: http://www.bambangsetyawan.com/
Tags: simple, dark, fixed width, two columns, widgets

	Simple Dark v1.0
	http://www.bambangsetyawan.com/

	This theme was designed and built by bambang setyawan
	whose site you will find at http://www.bambangsetyawan.com/

*/

/*-- General -- */
* { margin:0; padding:0;}
body { margin:0 auto; padding:0}

/*:: BASE-MIN ::*/
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:.5em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside; font-size:1.2em}
ul li{list-style:disc outside; font-size:1.2em}
dl dd{margin-left:1em;}
th,td{padding:5px;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password] {width:25.25em; height:1.8em;}
textarea{width:35em;}

/*-- Lay Out --*/
/*-TOP NAVIGATION -*/
#navWrapper {height:30px;top:0px; position: absolute;width:100%; background:#0f0f0f;border-bottom:2px solid #122733}
#nav {width:870px; margin:0 auto; line-height:30px;}
#nav ul {display:inline; margin-left:0;}
#nav li {display:inline; margin:0px 40px 0px 0px}
#nav li.current_page_item a{ color:#1885c4;}
#nav li a {color:#4f4f4e;font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;font-size:12px;letter-spacing:1px; 
}

#nav li a:hover {color:#1885c4; text-decoration:none;
} 

/*-- HEADER --*/

#headerWrapper {width:100%;  margin:30px 0px 20px 0px;  background:#0e0e0e; border-bottom:2px solid #122733}
#headerInner {width:870px; margin:0 auto; background:url(images/bgHeader.png) no-repeat;}
#leftHeader { width:610px; float:left; padding:9px;}
#rightHeader {float:right; padding:9px;}
#leftHeader h1 { margin:0px;}
#content { width:880px; margin:0 auto;}
.thumbnail { width:250px;padding:10px; margin:10px; float:left; background:#1e1e1e}
img { border: none;}
.separation { width:870px; height:8px; margin:20px 0px; background:url(images/separation.png) no-repeat center}
hr.footerLine { color:#fff; }
#footerMenu { margin:10px 0px;}
#footerLeft { float:left;}
#footerRight { float:right;} 

.clear { clear: both}
.clearLeft{clear:left; margin-bottom:10px;}

/*-- Typeography and Colorize --*/
body { background: url(images/bgBody.png) repeat #080808; color:#fff; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}
p { font-size:1.2em; line-height:1.4em; word-spacing:normal; letter-spacing:0;}
h1 {font-size: 2.4em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em; word-spacing:normal; }
h2 {font-size: 2em;font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em;word-spacing:normal;}
h3 {font-size: 1.4em;font-family:Georgia, "Times New Roman", Times, serif;}
h4 {font-size: 1.4em;font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em;word-spacing:normal;}
h5 {font-size: 1.3em;font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em; word-spacing:normal;}
h6 {font-size: 1.2em;font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em;word-spacing:normal;}
h1, h2, h3, h4 ,h5 { font-weight: normal }
a:link {color:#abd037;text-decoration:none;}
a:visited {color:#999;text-decoration:none;}
a:hover {text-decoration: underline;}
ul {list-style-position:inside}
li { list-style-position:inside}
p.quoteWrapper { margin:15px 5px 0px 20px; padding-left:40px; background: url(images/quote.png) no-repeat top left; font-size:1.4em; }
.quoteWrapper a:link, .quoteWrapper a:visited {color:#abd037}

.nickName { background:#abd037; color:#282822;}
.professionality{color:#1885c4}
.myWork1{color:#e81616; text-transform:uppercase;}
.myWork2{color:#e77221}
#content h3 { margin:15px 0px;}
.portfolio { color:#4f4f4e}
.widget { float:left; width:270px; margin:0px 10px ;}
.widget h2 {font-size:1.4em; line-height:2em ;color:#fff; font-weight:bold;}
.button { background: url(images/bg-button.png) repeat-x;}
.widget1 li {list-style-image:url(images/li-bg.png)}
.widget2 { background:#45812b; border-right: solid 1px #ccc;border-bottom: solid 1px #ccc}
.widget2 h3 { background: #ffd769;font-size:14px; line-height:2em ;color:#e2832a; padding:5px; font-weight:bold;}



/*-- CONTENT -- */

.wp-caption.alignleft {
float:left;
}

p.wp-caption-text { margin-bottom:0; margin-top:8px; color:#777;} 
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
background:none repeat scroll 0 0 #1e1e1e;
padding:8px;
margin:8px;
text-align:center;
}

.post { margin-bottom:40px;}

.post h2 a:link, .post h2 a:visited { color:#abd037;}
/* "Be honest, even if the others are not." */