/*
Theme Name: Keepitsimple
Theme URI: http://blog.raptxt.it/temi/tema-wordpress-keepitsimple/
Version: 1.0
Description: White, Grey, Green 2 coloumn theme. Elegant and minimal.
Author: Claudio Semeraro
Author URI: http://blog.raptxt.it
Tags: two columns, right sidebar, widget ready, fixed width, elegant, standard code, minimalistic, green, black, grey, white
*/

/* Body definition */
body {background: #FFF;margin: 0;padding: 0;text-align: center;font: 14px Arial, Helvetica, sans-serif;}

/* HTML tags redefinition */
hr {display: none;}
h1, h2, h3, h4, form, p, ul, ol, li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
img {border: 0px;}

/* Layout IDs and classes */
#container {width: 960px;margin: 0 auto;padding: 0 0 15px 0;text-align: left;clear: both;}
#head {padding: 10px 0;background: #333;overflow: auto;text-align: center;}
#content {float: left;width: 660px;}
#side {float: right;padding: 10px 0 0 0;width: 300px;}
#footer {border-top: 2px solid #666;background: #333;}
#footer div {width: 940px;overflow: auto;padding: 20px 0;margin: 0 auto;}
#footer p {float: left;width: auto;color: #ddd;}
#footer p.right {float: right;}
#footer a {color: #ddd;font-weight: bold;}

/* Header */
#head div {width: 960px;margin: 0 auto;}
#head h1 a {float: left;margin-left: 10px;padding: 2px 0 0 36px;width: auto;color: #DDD;background: transparent url(img/logo.png) no-repeat left center;}
#head form {float: right;padding-top: 4px;}
#head form div {margin: 0;width: 238px;height: 25px;background: transparent url(img/search_input.gif) no-repeat right top;}
#head form input {border: 0 none;width: 205px;padding-top: 4px;height: 14px;\height: 18px;he\ight: 14px;color: #666;}
#head form button {border: 0 none;cursor: pointer;background: none;width: 24px;height: 24px;}
#gradient {height: 5px;background: transparent url(img/gradient.gif) repeat-x;}

/* Content */
#content .post, #content div.comments {clear: both;padding: 15px 10px;}
#content .post-content p, #content div.comments p {padding: 5px 0;line-height: 16px;color: #333;}
#content .post-meta, #content .comment-meta {float: left;width: 100px;}
#content .post-meta h3 {color: #999;font-size: 16px;padding-top: 6px;}
#content .post-meta h4 a {color: #999;font-size: 16px;}
#content .post-meta h4 a strong {display: block;color: #666;font-size: 28px;}
#content .post-content, #content .comment-content {float: right;width: 540px;}
#content .post-content a {color: #690;}
#content .post-content h2 {font: bold 20px "century gothic", "lucida grande", "lucida sans", "bitstream vera ans", "verdana";}
#content .post-content h3 {color: #555;font: bold 14px "century gothic", "lucida grande", "lucida sans", "bitstream vera ans", "verdana";border-bottom: 1px solid #333;margin-bottom: 5px;width: 95%;}
#content .post-content ol, #content .post-content ul {padding: 5px 0 5px 25px;color: #444;}
#content .cats {width: 640px;padding: 5px 0;overflow: auto;}
#content .cats a {display: block;float: left;padding: 2px;margin-right: 5px;background: #690;color: #FFF;}
#content .cats a:hover {text-decoration: none;background: #8acb0f;}
#content .cats a.comments {padding: 0;width: 95px;font-size: 14px;color: #690;background: #FFF;}
#content .cats a.comments:hover {background: none;text-decoration: underline;}
#content .comment-container {overflow: auto;padding: 10px 0;}
#content .comment-container img {padding-left: 10px;}
#content div.comments h3 {color: #666;}
#content div.comments .owner h3 {color: #333;}
#content div.comments .comment-container {border-bottom: 1px solid #F4F4F4;}
#content div.comments .owner {padding: 10px 0;background: #F4F4F4;font-size: 14px;}
#content div.comments a {font-size: 12px;color: #690;}
#content div.comments button {text-transform: uppercase;}

#noncomments li {margin-left: 30px;padding: 5px 0;}
#form-comment div {overflow: auto;clear: both;width: 600px;padding: 5px 0;}
#form-comment label {display: block;float: left;padding: 5px 0 0 15px;font-size: 14px;}
#form-comment input[type=text] {float: left;display: block;width: 300px;padding: 4px 0;color: #333;border: 1px solid #ddd;}
#form-comment textarea {width: 452px;height: 120px;margin-top: 5px;border: 1px solid #ddd;}
#form-comment button {float: right;position: relative;width: 107px;height: 27px;bottom: 30px;border: none;color: #EBEBEB;font-size: 14px;text-align: center;cursor: pointer;background: transparent url(img/btn_submit.jpg) no-repeat;}

/* Sidebar */
#side div {padding: 5px 0;margin-bottom: 10px;}
#side div a {color: #690;}
#side div h2 {color: #333;font: bold 16px "century gothic", "lucida grande", "lucida sans", "bitstream vera ans", "verdana";border-bottom: 1px solid #333;}
#side div ul {list-style: none;padding: 5px 0;}
#side div ul li {background: #F4F4F4;padding: 2px 10px;margin-bottom: 2px;}
#about-me img {padding-left: 10px;}

/* Paging */
#pagenavi {width: 940px;\width: 960px;w\idth: 940px;padding: 5px 10px;margin: 0 auto;background: #F4F4F4;overflow: auto;}
#pagenavi .pages {display: block;float: left;color: #333;border: 1px solid #EEE;font-weight: bold;}
#pagenavi .extend {display: block;float: left;color: #333;border: 1px solid #EEE;font-weight: bold;}
#pagenavi .current {display: block;float: left;color: #690;border: 1px solid #EEE;font-weight: bold;padding: 0 5px;margin-left: 10px;}
#pagenavi a {display: block;float: left;padding: 0 5px;margin-left: 10px;border: 1px solid #690;color: #690;background: #FFF;}
#pagenavi a:hover {color: #FFF;background: #690;text-decoration: none;}

/* Links */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a.rss {display: block;padding: 8px 0 0 36px;height: 32px;color: #690;font-size: 16px;background: transparent url(img/rss.png) no-repeat;}

/* Classes */
.nope {display: none;}
.divider {border-bottom: 1px solid #999;margin: 0 10px;}
.clear {display: block;float: none;clear: both;}
.download {padding: 5px 10px;background: #F4F4F4;border: solid 1px #DEDEDE;}
.download a {font-size: 14px;font-weight: bold;background: transparent url(img/download.png) no-repeat;padding-left: 20px;}
blockquote {margin: 0;padding: 10px 10px 10px 60px;background: #fafafa url(img/blockquote.gif) no-repeat;overflow: auto;}
blockquote p {color: #666 !important;}
cite {font-size: 10px;display: block;text-align: right;}

/* wordpress required */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;/*
optional rounded corn
ers for browsers that support it */
   -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}