/*  
Theme Name:  iurbanite
Theme URI:  http://www.iurbanite.com
Description:  This kitten's got claws.
Author:  I, Urbanite
*/

/* @group Global */
html, body, p, div, img, h1, h2, h3, h4, dl, dd, dt, form, table, td, tr { margin: 0; padding: 0; border: 0; border-collapse: separate; border-spacing: 0; } 
body { margin: 0 auto; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 13px; color: #555; background-color: #fff;    }
img.left, img.alignleft, div.alignleft { float: left; margin: 0 .75em .25em 0; padding: 4px;  border: 1px dotted #babfa7; }
img.right, img.alignright, div.alignright  { float: right; margin: 0 0 .25em .75em ; padding: 4px; border: 1px dotted #babfa7; }
p.caption-left { float: left; clear: left; padding: 0 0 8px; font-size: 11px; font-style: italic; color: #777; width: 250px; }
p.caption-right { float: right; clear: right; padding: 0 0 8px; font-size: 11px; font-style: italic; color: #777; width: 250px; }

a, a:link, a:visited { color: #606748; text-decoration: none; }
a:hover { background: #babfa7; text-decoration: none; color: #fff; }
.red { color: #5F0609; }
p { padding: 0 0 8px; }
small { font-size: 10px; }
.hr { background-image: url(images/between-posts.gif); background-repeat: no-repeat;  display: block; width:100%; height: 20px; overflow: visible; margin: 20px 0;  clear: both; display: block; }
/* @end */

/* @group Headers */
h1 { font-size: 20px; color: #000; font-weight: normal; padding: 10px 0; line-height: 21px; }
h2 { font-size: 18px; color: #000; font-weight:  normal; padding: 10px 0 3px 0; line-height: 16px; }
h3 { font-size: 22px; color: #5F0609;  padding: 10px 0; font-weight: normal; line-height: 21px; }
.post h3 a, .post h3 a:link, .post h3 a:visited { color: #5F0609; text-decoration: none; }
.post h3 a:hover { background: #babfa7; text-decoration: none; color: #fff; }
.post a, .post a:link, .post a:visited { text-decoration: underline; }
.post a:hover { text-decoration: none; }
/* @end */

/* @group Wrapper */
#wrapper { width: 750px; min-width: 750px; margin: 0 auto; text-align: left; background:  url(images/bg.gif) repeat-y center top;}
/* @end */ 

/* @group Top Navigation */
#nav-global { margin: 0 0 0 15px; text-align: center; padding: 10px;}
#nav-global ul { margin: 0; padding:  0; list-style-type: none; }
#nav-global ul li { display:  inline; padding-left: 10px; }
#nav-global a, #nav-global a:link, #nav-global a:visited { font-size: 11px; color: #5F0609; }
#nav-global a:hover { background: #000; color: #fff; text-decoration: none; }
/* @end */

/* @group ID */
#id { width: 752px; height: 252px; display: block; background-image: url(images/id.png); margin: 0 auto 0 ; }
#logo { width:250px; height: 82px; margin: 115px 0 0 270px; background-image: url(images/logo.gif); display: block; }
a#no-decoration:hover { text-decoration: none; background: transparent; cursor: pointer;}
#intro h1 { padding-bottom: 2px; }
#intro p { color: #444; text-align: center; font-size: 11px; margin: -10px 0 0 20px; }
/* @end */

/* @group Impact */
#impact { width: 500px; padding:  0 40px 0 12px; margin: 0 0 0 118px; line-height: 20px; }
/* @end */

/* @group Search Form */
.search { padding: 10px 0 10px;  margin-top: 1px;}
.search textarea, .search .textbox { background: #fff; border: 1px solid  #ccc; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #aaa; padding: 2px; width: 125px;  height: 16px; }
.search .textbox:focus, .search textarea:focus  { border: 1px solid #777; color: #555;}
.search .searchbutton  { margin-top: 6px; height: 20px; font-size: 11px; border: 1px solid #ccc; font-family: arial, helvetica, sans-serif; cursor: pointer; background-color: #fff; padding-bottom: 2px; color: #606748; }
.search .searchbutton:hover { text-decoration: underline; }
/* @end */


/* @group Comment Form */
#commentform { font-family: arial, helvetica, sans-serif; }
#commentform p { font-size: 12px; }
#commentform textarea { font-family: arial, helvetica, sans-serif; color: #aaa;  font-size: 11px; background: #fff; border: 1px solid  #ccc; height: 240px; padding: 2px; width: 90%; margin-top: 2px; }
#commentform .textbox { font-family: arial, helvetica, sans-serif;  color: #aaa; font-size: 11px; background: #fff; border: 1px solid  #ccc; padding: 2px; width: 160px; height: 16px; margin-top: 2px;  }
#commentform .textbox:focus, #commentform textarea:focus {  font-family: arial, helvetica, sans-serif;  font-size: 11px; color: #555; border: 1px solid #777; }
#commentform .searchbutton  { font-family: arial, helvetica, sans-serif; font-size: 11px;  background-color: #fff; margin-top: 6px; height: 20px; border: 1px solid #ccc; cursor: pointer; padding-bottom: 2px; color: #606748; }
/* @end */	


/* @group Posts */
#content { min-height: 360px; }
* html {hieght: 360px; }
.post { margin: 0; }
.meta { color: #23515F; font-size: 11px; margin-bottom: 8px; }
h2#comments { margin-top: 10px; }
#commentlist { list-style: none; margin: 0; padding: 0; }
#commentlist li { margin: 0; padding: 0; }
#commentlist .comment_meta { font-size: 12px; color: #23515F; padding: 4px 0; height: 16px; clear: both; }
.comment_meta  a, .comment_meta  a:link, .comment_meta  a:visited { text-decoration: underline; }
.comment_meta  a:hover { text-decoration: none; }
#commentlist .comment_text { padding: 4px 0; margin-bottom: 10px; width: 482px; }
#commentlist .comment_meta .left_meta { width: 230px; float: left; text-align: left; }
#commentlist .comment_meta .right_meta{ width: 230px; float: right; text-align: right; }
.feedback { font-size: 11px;  margin-top: 4px;  font-style: italic; }
blockquote { font-style: italic;}
/* @end */

/* @group Browse Nav */
h2#browse { color: #000; font-size: 14px; padding: 0 0 2px; margin: 15px 0 0; text-transform: uppercase; }
.browse { margin: 0 0 30px 0; padding: 0; clear: both; width: 510px; }
.browse div { width: 245px; }
.browse div.left { float: left; margin-right: 20px; text-align: left; }
.browse div.right { float: right; text-align: right; }
/* @end */

/* @group Footer */
#footer { background: #fff; width: 538px; margin: 30px 0 0; padding: 0; text-align: left; position: relative; line-height: 17px; }
#footer div#left { float: left; width: 30%; margin: 0 15px 0 0; padding: 0; }	
#footer div#middle { float: left; width: 30%; margin: 0 15px 0 0; padding: 0; }
#footer div#right { float: left; width: 30%; margin: 0; padding: 0; }
#footer p { padding: 0; list-style-type: none; margin: 0 }
#footer h2 { color: #000; font-size: 14px; border-bottom: 2px solid #babfa7; padding: 0 0 2px; margin: 15px 0 0; text-transform: uppercase; }
#footer a { text-decoration: none;  font-family: verdana, sans-serif; font-size: 10px; }
#footer a:hover { text-decoration: none; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer ul li { display: inline; padding: 0px; margin: 0; }
#footer ul li a { display: block;  color: #606748; text-decoration: none; margin: 0px; padding: 5px 0 5px; border-bottom: 1px dotted #babfa7; }
#footer ul li a:hover { background: #babfa7; color: #fff; }
#credits { }
#admin { padding: 0; margin: -40px 0 0 0; text-align: center; background:  url(images/bot.gif) no-repeat bottom; width: 752px; height: 173px; clear:  both;  font-family: verdana, sans-serif; font-size: 10px; }
#admin ul { margin: 0; padding: 0 0 0 40px; list-style-type: none; }
#admin ul#courtesy { padding: 50px 0 10px 40px; }
#admin ul li { display: inline; padding-right: 10px; font-size: 10px; color: #888; }
#admin ul li a { color: #606748; }
#admin ul li a:hover { background: #babfa7; color: #fff; }
/* @end */

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* end */