/*
Theme Name: IMS
Theme URI: http://ims.rockretail.com
Description: HTML5 theme for Wordpress by Tibor Pino
Version: 1.0
Author: Tibor Pino
Author URI: http://blueweb.rockretail.com
Tags: two columns, widgets
*/

@import "reset.css";

body {
    font-size: 10px;
    background: #000000 url(images/body-bg.jpg) repeat-x;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin: auto;
}

/* [] LAYOUT */
header, footer, section, aside, nav, article {
    display: block;
}
#content {
    background: url(images/content-bg.gif) repeat-y;
    margin: auto;
    width: 76.15em;
    font-size: 1.3em;
    overflow: hidden;
}
#content-inner {
    width: 53.80em;
    float: left;
    background: white;
}
aside#boxes {
    width: 22.30em;
    float: right;
    color: white;
    background: #2a3841;
}
#wrapper {
    background: url(images/wrapper-bg.png) no-repeat top;
    width: 102.7em;
    margin: 0 auto 0 auto;
}
h1,h2,h3,h4,h5,h6 {
    color: #32697a;
    font-size: 1em;
    font-weight: bold;
}
h1 {
    font-size: 1.7em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1em;
}
a, a:visited, a:active {
    color: #32697a;
}
a:hover {
    text-decoration: none;
}
code {
    background: #f0f0f0;
    padding: .5em;
    margin-bottom: 1em;
    overflow: auto;
    display: block;
}
table {
    margin-bottom: 1em;
}
em {
    font-style: italic;
}

/* [] HEADER */
header#logo hgroup {
    text-indent: -5000px;
    background: url(images/logo.png) no-repeat left top;
    width: 34.9em;
    height: 10em;
    float: left;
}
header#logo section#date {
    font-size: 1.4em;
    float: right;
    background: url(images/date-bg.png) no-repeat bottom;
    width: 19.57em;
    height: 2.5em;
    padding: .5em 0 .5em 0;
    text-align: center;
    color: white;
    font-weight: bold;
}
header#logo {
    width: 100em;
    overflow: auto;
    margin: auto;
}


/* [] NAVIGATION */
nav#navigation {
    width: 55.56em;
    font-size: 1.8em;
    overflow: auto;
    padding-bottom: .4em;
}
nav#navigation ul {
    margin: 0 0 0 0;
}
nav#navigation ul li {
    float: left;
    padding: 1.7em 1.5em .7em 1.5em;
    background: url(images/menu-selector.gif) no-repeat bottom right;
}
nav#navigation ul li a {
    color: white;
}

/* [] BOXES */
#boxes section h1 {
    background: url(images/box-header-bg.gif);
    font-size: 1.5em;
    padding: .5em;
    color: white;
}
#boxes section {
    margin-bottom: 1em;
}
#boxes ul {
    margin: 1em;
}
#boxes ul li {
    margin-bottom: .5em;
}
#boxes .widget_tag_cloud div{
    margin: 1em;
}
#boxes a, #boxes a:visited, #boxes a:active {
    color: #7dc8e1;
}
#boxes a:hover {
    text-decoration: none;
}


/* [] MAIN CONTENT */
#content-inner #posts {
    padding: .5em;
}
#content-inner h1, h2, h3, h4, h5, h6 {
    margin: 0 1em 1em 0;
    text-align: left;
}
#content-inner p {
    padding: 0 0 1em 0;
}

/* [] POSTS */
#content-inner #posts article {
    margin-bottom: 2em;
}
.post header span {
    font-family: Georgia, serif;
    font-size: 1.2em;
    color: gray;
    display: block;
    margin-bottom: .5em;
    text-align: center;
}
.postmetadata {
    padding: 1em;
    text-align: center;
}
#content-inner .post header h1 {
    margin-bottom: .5em;
    text-align: center;
}
.tags {
    padding: .5em;
    background: #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 1em;
}
article.post ul, article.post ol {
    margin-bottom: 1em;

}
article.post ul li {
    list-style-type: disc;
    margin-left: 2em;
}
article.post ol li {
    list-style-type: decimal;
    margin-left: 2em;
}

/* [] SEARCH */
#searchform {
    padding: 1.5em 0 .7em 2em;
    float: right;
}
#searchsubmit {
    background: url(images/search-button.gif) right no-repeat;
    border: 0;
    color: white;
    font-size: 1em;
    width: 4.8em;
    height: 1.73em;
    margin: 0;
}
#s {
    background: #32697a;
    float: left;
    border: 0;
    padding: .28em;
    height: 1.17em;
    color: white;
    font-size: 1em;
    margin: 0;
    width: 10em;
    font-weight: normal;
    font-style: italic;
}
.screen-reader-text {
    display: none;
}

/* [] FOOTER */
#footer {
    margin: auto;
    width: 76.15em;
    font-size: 1.3em;
    margin-top: 1px;
    background: #32697a url(images/footer-bg.gif) bottom right no-repeat;
    color: white;
    overflow: auto;
}
#footer section {
    float: left;
    margin: 1em;
}
#footer section h1 {
    margin-bottom: .5em;
    color: white;
}
#footer a, #footer a:visited, #footer a:active {
    color: #7dc8e1;
}
#footer a:hover {
    text-decoration: none;
}


/* [] MY PROJECTS */
#my-projects ul li {
    float: left;
}
#my-projects img {
    display: block;
    width: 125px;
    height: 62px;
}
section#my-projects {
    width: 30em;
}

/* [] SUBSCRIBE */
#subscribe ul li {
    background: url(images/rss.png) no-repeat;
    padding-left: 2em;
}
section#subscribe {
    width: 15em;
}

/*[] ABOUT AUTHOR */
section#about-author {
    width: 20em;
}

/* [] COPYRIGHT */
section#copyright {
    clear: both;
    width: 30em;
    margin-bottom: 0; /* IE HACK */
    padding-bottom: 1em;
}

/* [] COMMENTS */
.commentlist li ul li {
    font-size: 1em;
}
.commentlist li {
    font-weight: bold;
    border: 1px solid #dddddd;
    padding: .5em;
    margin: .5em 0 .5em 0;
}
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}
.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}
.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}
.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    margin: .5em .5em .5em 0;
}
.commentmetadata {
    font-weight: normal;
}
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}
#commentform textarea {
    width: 99%;
    padding: 2px;
    margin: .5em 0 .5em 0;
}
#commentform label {
    color: gray;
}
#respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
}
.comment-reply-link {
    font-style: italic;
    font-weight: normal;
    font-family: serif;
}
#respond {
    margin-top: 1em;
}

/* [] RELATED ARTICLES */
.related {
    padding: .5em;
    background: #32697a url(images/footer-bg.gif) bottom right no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 1em 0 1em 0;
}
.related h1 {
    margin: 0 0 .5em 0;
    color: white;
}
.related ul li {
    margin-bottom: .5em;
    color: white;
}
.related a, .related a:visited, .related a:active {
    color: white;
    text-decoration: none;
}
.related a:hover {
    text-decoration: underline;
}

/* [] SOCIAL LINKS */
.social-links {
    overflow: auto;
    margin:0;
    margin-top: 1em;
}
aside ul.social-links li {
    list-style: none;
    float: left;
    margin:0;
    padding: .5em .5em .5em 0;
}

/* [] PAGINATION */
.navigation {
    padding: .5em;
    overflow: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}

/* [] GD RATING PLUGIN */
div.ratingblock {
    margin-top: 1em;
}

/* [] ADS */
.ads-widget {
    text-align: center;
}
.textwidget {
    text-align: center;
}

/* [] POLLS */
article .wp-polls {
    width: 50%;
    background: #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: .5em;
    margin: auto;
}
article div.wp-polls ul li, article div.wp-polls ul {
    margin:0;
    padding:0;
}
aside .wp-polls {
    margin-top: 1em;
}
div.wp-polls .Buttons {
    background: url(images/search-button.gif) center no-repeat;
    border: 0;
    margin: .5em;
    padding: .5em;
    color: white;
    font-size: inherit;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* [] CONTACT FORM */
#conForm label {
    display: block;
    float: left;
    width: 10em;
}
#conForm #errormsg {
    margin: 0 .5em 1em 0;
}
#conForm img {
    display: block;
    float: left;
    margin-right: .5em;
}
#conForm input[type=submit] {
    margin-left: 10em;
    font-size: inherit;
}