/*
 Theme Name: JaI: Just and Imagination
 Theme URI: http://www.jamalahbryan/code/jai/
 Description: This is a new WordPress theme that comes with an extended admin panel for easy customisation.
 Version: 1.0
 Author: Jamalah Bryan
 Author URI: http://www.jamalahbryan.com
 Tags: fixed width, three columns, widgets
 
 JaI v1.0
 http://www.jamalahbryan.com/code/jai/
 
 This theme was built by Jamalah Bryan,
 whose blog you will find at http://www.jamalahbryan.com/blog
*/

/* blog */
.left {float: left;}
.right {float: right;}
.navigation {margin-bottom: 20px;}
a {outline: none;}
#content small {color:#888;}
.postmetadata {border-top:1px dotted #888;}
#content .hentry, #content .entry {padding:0;}
#content h3 a, #content h2 a{text-decoration:none}
ol.commentlist{list-style:none;}
ul.children {padding-left:20px;}
ul.children li {list-style:none;}

/* form */
#content input {color: #607db2; border:1px solid #607db2; padding:3px 5px; width:auto; height: auto; }
#content #submit {width: auto; height: auto;color: #000;}
#content textarea {color: #607db2; border:1px solid #607db2; width:100%; overflow:auto; height:90px;}
#content .sendbutton {color: #000; width: 150px; height: auto; float: right;}
#content select { border:2px solid #607db2; width:342px; height:28px; padding:3px 3px 3px 5px;}
#content select option {padding:3px 3px 3px 5px;}
#content ol {list-style: none;}
#content li {margin-bottom: 10px;}
.cf_hidden, #content .cform label, span.emailreqtxt, span.reqtxt, .linklove {display: none;}
#container .con940 .right_h1 ul li.cat-post-item  p.post-date, #container .con940 .right_h2 ul li.cat-post-item  p.post-date { font-size:0.65em; color:#888;}
#container .con940 .right_h2 {position:relative; padding:0;width:280px;float:right;}

/* authentication  */
.authentication form {padding: 0 20px; margin-top:20px; margin-bottom: 20px;}
.authentication #cpnav {clear: both; text-align: left; margin-top: 20px; padding-top: 10px; border-top: 1px dotted #000;}
.authentication form label {display:block; float: left;text-align: right; margin: 5px 10px 0 0; width: 160px;}
.authentication form #checksave label {font-size:0.85em; display:inline; margin-left: 10px;}
.authentication form input {float: left; margin:5px 0; padding:5px;}
.authentication form input.checkbox {width:40px; font-size:0.85em;}
#content .submit input {width:auto; height: auto; margin-bottom: 20px; float: right; margin-top: -5px; color: #000;}
.authentication form br {clear: both;}

/* error messages */
.info, .success, .warning, .error, .validation {border: 1px solid;margin: 10px 0px;padding:10px 10px 10px 50px;background-repeat: no-repeat;font-size:0.85em;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('css/error/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('css/error/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('css/error/warning.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('css/error/error.png');}

/* sitemap */
.sitemap h1 {margin-bottom: 20px;}
.sitemap h3 {margin-bottom: 10px;}
.sitemap p, .sitemap ul {margin-bottom: 0; font-size: 12px; line-height: 18px;}
.sitemap ul li li {margin-left: 12px;}
.sitemap a {text-decoration: none; color: #76797c;}
.sitemap a:hover {text-decoration: underline;}
.sitemap {zoom: 1; width: 100%;}
.sitemap .column {float: left; margin-bottom: 20px;}
.sitemap .column ul {list-style: none;}
.sitemap .column {width: 32%; margin-left: 2%;}
.sitemap .column.first, .column.last {margin-left: 0 !important;}
.sitemap .column.last {float: right !important;}
.sitemap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* sidebar */
#container .con940 .sidebar {left: 0px; padding-top: 5px;}
#container .con940 .sidebar ul {list-style: none;}
#container .con940 .sidebar .widget ul {font-size: 0.85em;padding: 15px 0 5px 20px;}
#container .con940 .sidebar .widget ul li {padding: 8px 0;}
#container .con940 .sidebar .widget ul li a {text-decoration: none;}
#container .con940 .sidebar .widget ul li a:hover {text-decoration: underline;}
#container .con940 .sidebar ul li ul li {border:none; padding: 3px 0;}

/* portfolio */
.portfolio {}
.portfolio img {border: 1px solid #E2E2E2; margin: 0 10px 0 0; padding: 1px; width: 100px;}
.portfolio h3 {color: black; font-size: 11px; font-weight: normal}
.portfolio hr {height:1px; background: #cccccc; border: 0; color: #cccccc;}

ul#portfolio { float: left; list-style: none; margin-left: 0;margin-left: -20px;}
ul#portfolio li {margin: 10px 10px 10px 0; clear: both; width: 580px; border-bottom: 1px solid #cccccc;}
ul#portfolio a img.wp-post-image {border: 1px solid rgb(237, 240, 245); float: left; margin-right: 10px; margin-bottom: 10px;}
ul#portfolio a { display: block; text-decoration:none; padding: 10px; color: #607db2;}
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio h3 {font-size: 20px; line-height: 0.6em; margin:0; padding:0; display:block; }
ul#portfolio p {font-size:0.8em; line-height:0.8em; margin:0; padding:0; display:block;}

div.hentry div.entry p{line-height:1.5em;}