/*
Theme Name: Fly a kite! for div.dsgn
Theme URI: http://divdsgn.com/
Description: A new theme for my portfolio
Version: 1.0
Author: Pria Purnama
Author URI: http://anima.dudut.com/
*/

@import "css/reset.css";@import "css/text.css";@import "css/960.css";
body {
	background: #98965e;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
}
/*global selectors*/
a {color: #4da2d0}
a:hover {color: #6dbae3}
h2 {font: 26px/1.4em "Cambria","Times New Roman", serif}
h3 {font: 22px/1.4em "Cambria","Times New Roman", serif}
h4 {font: 18px/1.4em "Cambria","Times New Roman", serif}
.button {background: #71b5d9 url(images/bluebutton.jpg) bottom repeat-x;border: 1px solid #4486a8;color: #FFF;padding: 3px}
.rounded {-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.hidden {display: none}
.reverse {direction: rtl;unicode-bidi: bidi-override}

#header {height: 100px}
#header ul {float: right;font-size: 14px;list-style: none outside;margin: 32px 0 0}
#header li {color: #FFF;float: left;margin-left: 8px}
/*#header li:before {content: '// ';}
#header li:first-child:before {content: '';}*/
#header li a {background: #88864E;color: #FFF;padding: 5px 8px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
#header li a:hover {background: #767441}
#header h1, #header h2 {margin:0}
#header h1 a, #header h2{text-indent: -999em}
#header h1 a {background: url(images/divdsgn-logo.png);display: block;float: left;height: 100px;width: 240px}

#necker {background: #88864e;height: 250px}

#slider {height: 250px;position: relative;width: 960px}
#slider .scrollButtons {display: none}
#slider .scroll {height: 250px;overflow: auto;position: relative;clear: left;width: 960px}
#slider .scrollContainer div.panel {height: 250px;width: 960px}

#slider .navigation {background: #000 url(images/divdsgn-navigate.png) center left no-repeat;bottom: 0;border-top: 1px solid #88864E;color: #EEE;height: 30px;line-height: 30px;list-style: none outside;left: 0;margin: 0;padding-left: 78px;position: absolute;width: 882px;z-index: 100}
#slider .navigation li {font-size: 12px;font-weight: bold;float: left;margin-left: 0}
#slider .navigation li a {color: #FFF;padding: 8px 10px}
#slider .navigation li a.selected {background: #b7067c}
#slider .navigation li a span {color: #9f9f9f}
#slider .navigation li a.selected span {color: #e7e7e7}

/* panels */
#who {background: url(images/bg_who.jpg)}
#portfolio {background: url(images/bg_featured.jpg)}
#portfolio {background: url(images/jpchristo_screenshot.jpg)}
#articles {background: url(images/bg_articles.jpg)}
#contact {background: url(images/bg_contact.jpg);}
.panel .elaborate {background: url(images/elab_trans.png);border-left: 1px solid #88864E;color: #EEE;height: 250px;float: right;margin: 0;padding: 10px}
.panel .elaborate h4 {color: #FFF;font-size: 18px;margin-top: 8px}
.panel .elaborate ul {list-style:  none outside}
.panel .elaborate ul label {float: left;display: block;width: 120px}
.panel .elaborate ul li {clear: both;margin-left: 10px;padding: 2px 0}


#content {color: #EEE;margin: 40px auto}
#content a {color: #FFF}
#content p a {border-bottom: 1px dotted #EEE}
#content p a:hover {border-bottom-style: solid}
#content .postmeta {border-top: 1px solid #adab7e;color: #edece0;font-size: 11px;text-align: right;padding: 6px 0 0}
#content .article {margin-bottom: 40px}
#content .article h4 {border-bottom: 1px dotted #88864E}
#content .article em {font-family: "Cambria","Times New Roman", serif;font-size: 15px}
#content .wp-caption {margin-bottom: 20px;position: relative;overflow: hidden;width: auto!important}
#content .wp-caption.alignleft {float: left;margin-right: 10px;width: auto!important}
#content .wp-caption .wp-caption-text {background: url(images/elab_trans.png);bottom: 0;font-size: 12px;font-weight: bold;margin: 0;padding: 5px 0;position: absolute;text-indent: 10px;left: 0;width: 100%}

#tweetbox, .sidebox {background: #88864e url(images/twitterbg.png) 260px bottom no-repeat;margin-bottom: 40px;padding: 10px}
#tweetbox h2 {font-size: 18px}
#tweetbox #twitter_update_list {font-size: 12px;list-style:  none outside;line-height: 1.3em}
#tweetbox #twitter_update_list li {background: url(images/tweet1bg.png);border-bottom: 1px solid #9a9868;padding: 5px;margin: 0}
#tweetbox #twitter_update_list li span, #tweetbox #twitter_update_list li a {display: block}
#tweetbox #twitter_update_list li span a {display: inline;font-size: 12px}
#tweetbox #twitter_update_list li a {font-size: 10px;text-align: right}
#tweetbox #twitter-link {font-size: 12px}

#footer {border-top: 1px solid #adab7e;font-size: 11px;padding: 10px 0 0 0}
#footer .txtright {text-align: right}

#contactform input[type=text], #contactform textarea {font: inherit;font-size: 12px;width: 98%;padding: 2px 0;text-indent: 5px}
#contactform p {margin-bottom: 5px}

.sidebox {background: #88864e}
.sidebox ul {list-style: none outside}
.sidebox li {border-bottom: 1px solid #98965E;margin-left: 0;line-height: 1.6em}

#content .portf .portfpic {margin-left: 0}
#content .portf .portfexcerpt {margin-right: 0}
#content .portf h4 {border-bottom: 1px dotted #88864E;font: italic 18px/1.4em "Cambria","Times New Roman", serif}
.oneportf {margin-bottom: 20px}


.article .alignleft {float: left;margin: 0 10px 10px 0}
.article  .alignright {float: right;margin: 0 0 10px 10px}

.disnone {display: none}

.wpcf7 label {font: italic 15px/1.4em "Cambria","Times New Roman", serif}
.wpcf7 input[type=text], .wpcf7 textarea {font: inherit;font-size: 13px;margin-left: 20px;margin-top: 5px;width: 330px}
.wpcf7 input[type=submit] {margin-left: 20px}