/**
 * Theme Name: Rima Design
 * Theme URI: http://www.rimadesign.com
 * Author: Idea Base & Blocblue
 * Author URI: 
 * Description: Bespoke WordPress theme developed for Rima Design. Designed by: Idea Base; Developed by: Blocblue.
 * Version: 1.0
 * License: Copyright RIMA Design
 */

/** Reset - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time {border:0; margin:0; outline:0; padding:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; vertical-align:baseline;}
article {display:block;}
body {background:#fff; line-height:1;}
ol {list-style:none;}
blockquote {quotes:none;}
blockquote:before {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}


/** Structure */
html {height:101%;}
body {background:#eaeaea url(images/body-background.jpg) repeat center center; color:#4c4c4c; font-size:62.5%; font-family:Verdana, Arial, Sans-Serif; height:100%; line-height:1.4; text-align:center;}
#page {height:100%; margin:0 auto; text-align:left; width:996px;}
#page #page-tint {background:transparent url(images/page-background.png) repeat-x center top; float:left; width:996px;}


/** Typography */
h1 {color:#6c0745; font-family:'Abel'; font-size:2.2em; font-weight:normal; margin:0 0 10px;}
h2 {color:#6c0745; font-size:1.5em; font-weight:normal; margin:5px 0 10px;}
h3 {color:#6c0745; font-size:1.3em; font-weight:normal; margin:5px 0 10px;}
p {clear:both; font-size:1.2em; margin:5px 0 10px;}
ul {font-size:1.2em; list-style-position:inside; list-style-type:square; margin:5px 0 10px;}
ul li {padding:4px 0;}
ol {font-size:1.2em; list-style-position:inside; list-style-type:decimal; margin:5px 0 10px;}
ol li {padding:4px 0;}
em, i {font-style:italic;}
a {color:#6d0746; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:0;}
blockquote {clear:both; font-style:italic;}


/** Forms */
.form-row {float:left; margin:5px 0; width:100%;}
label {float:left; width:80px;}
.text-field {background-color:#fff; border:1px solid #efefef; color:#4c4c4c; float:left; font-family:Verdana, Arial, Sans-Serif; font-size:1.1em; height:19px; line-height:17px; padding:0 3px; width:250px;}
textarea {background-color:#fff; border:1px solid #efefef; color:#4c4c4c; font-family:Verdana, Arial, Sans-Serif; font-size:1.1em; height:150px; line-height:1.4; padding:3px; width:350px;}
.image-button {border:none; cursor:pointer; display:inline; float:left; font-size:0; line-height:999px; padding:0; overflow:hidden;}
.required {color:#6d0746; padding:0 0 0 2px;}


/** Header */
#page-header {float:left; margin:0 26px 26px; width:944px;}
#page-header #rima-logo {background:transparent url(images/rima-logo.jpg) no-repeat 0 0; display:inline; float:left; height:61px; margin-left:26px; width:132px;}
#page-header #rima-logo a {float:left; height:61px; text-indent:-9999px; width:132px;}
#page-header #rima-tagline {background:transparent url(images/rima-tagline.png) no-repeat 0 0; float:left; height:61px; text-indent:-9999px; width:233px;}


/** Navigation: Main Menu */
#page-header nav {float:right; margin-right:22px;}
#page-header nav ul {float:right; font-size:1.3em; margin:0; padding:49px 0 0; list-style:none; list-style-position:outside;}
#page-header nav ul li {border-right:1px dotted #9e9e9e; display:inline; float:left; padding:0;}
#page-header nav ul li:last-child {border-right:none;}
#page-header nav ul li.last-child {border-right:none;}
#page-header nav ul li a {color:#4c4c4c; display:inline; float:left; height:15px; line-height:15px; padding:0 10px; text-decoration:none;}
#page-header nav ul li a:hover {color:#6c0745;}
#page-header nav ul li.current-menu-item a, #page-header nav ul li.current-menu-ancestor a {color:#6c0745;}


/** Content */
#page-content {background:transparent url(images/page-content-background.png) repeat 0 0; float:left; margin:0 26px; padding:26px 26px 52px; width:898px;}
.home #page-content {background:transparent; padding:26px 0 0; width:944px;}


/** Columns */
#column-left {float:left; margin-right:40px; padding-top:40px; text-align:right; width:132px;}
#column-main {float:left; width:898px;}
#column-right {float:left; margin-left:40px; padding-top:40px; width:240px;}
.layout-two-column-left {width:726px !important;}
.layout-two-column-right {width:618px !important;}
.layout-three-column {width:446px !important;}


/** Navigation: Side Menu */
#column-left nav {float:right;}
#column-left nav ul {font-size:1.1em; list-style:none; text-align:right;}
#column-left nav ul li {display:none; padding:8px 0 0;}
#column-left nav ul li.current-menu-item, #column-left nav ul li.current-menu-ancestor {display:block;}
.archive #column-left nav ul li.current_page_parent, .single-post #column-left nav ul li.current_page_parent, .search #column-left nav ul li.current_page_parent {display:block;}
#column-left nav ul ul {display:block; font-size:1em; margin:0; padding:13px 0 0 0;}
#column-left nav ul ul li {display:block;}
#column-left nav ul ul li a {color:#aaa;}
#column-left nav ul ul li a:hover {color:#6d0746;}
#column-left nav ul ul li.current-menu-item a, #column-left nav ul ul li.current-menu-ancestor a {color:#6d0746;}
#column-left nav ul ul ul {margin:0; padding:0;}
#column-left nav ul ul ul li a {color:#aaa !important;}
#column-left nav ul ul li ul li a:hover {color:#4c4c4c !important;}
#column-left nav ul ul li ul li.current-menu-item a {color:#4c4c4c !important;}


/** Footer */
#page-footer {float:left; margin:13px 26px; position:relative; width:944px;}
#page-footer #copyright {float:left; font-size:0.917em; line-height:1.655;}
#page-footer #contact {color:#6d0746; float:right; font-size:1.083em; text-align:right;}


/** Article */
#page-content article header {clear:both; padding:0;}
#page-content article footer {clear:both; padding-top:13px;}
#page-content article footer .edit-option {float:right;}
#page-content article img {border:1px solid #a0a0a0;}
#page-content article .aligncenter {display:block; margin:0 auto;}
#page-content article .alignleft {float:left; margin-right:13px;}
#page-content article .alignright {float:right; margin-left:13px;}
#page-content article .wp-caption-text {font-size:1.1em;}


/** Banner */
#banner {float:left; height:320px !important; margin:0 0 13px; overflow:hidden; position:relative; width:100%;}
#banner .banner {height:320px; position:absolute; width:100%;}
#banner .banner div {left:0; margin-left:26px; position:absolute; top:0; z-index:2;}
#banner .banner div h1 {color:#404040;}
#banner .banner div h2 {color:#404040; font-family:'Abel'; font-size:1.6em;}
#banner .banner div p {color:#888;}
#banner .banner img {border:none; left:0; position:absolute; top:0; z-index:1;}
#banner-menu {clear:both; float:left; font-size:1.1em; list-style:none; list-style-position:outside; margin:0 0 26px; width:100%;}
#banner-menu li {border-right:1px dotted #9e9e9e; display:inline; float:left; padding:0;}
#banner-menu li:last-child {border:none;}
#banner-menu li a {color:#4c4c4c; display:inline; float:left; padding:0 5px;}
#banner-menu li.current-banner a {color:#6d0746;}


/** Home */
#home-content {background:transparent url(images/page-content-background.png) repeat 0 0; float:left; padding:26px; width:892px;}
#home-content #column-main {float:left; margin:0 40px; width:332px;}
#home-content #column-main article p {font-size:1.1em;}
#home-content #column-main article img {border:none;}


/** Our Clients */
#clients {float:left; width:726px;}
#clients .client {border:1px solid #cdcdcd; display:inline; float:left; height:130px; margin:0 13px 13px 0; overflow:hidden; position:relative; width:231px;}
#clients .client-last {margin-right:0;}
#clients .client img {border:none; left:0; display:block; position:absolute; top:0;}
#clients a.client:hover img {top:-130px;}


/** Work */
#case-studies {float:left; width:726px;}
#case-studies .case-study {display:inline; float:left; margin:0 13px 13px 0; width:356px;}
#case-studies .case-study-last {margin-right:0;}
#case-studies .case-study .thumbnail {border:1px solid #cdcdcd; display:inline; float:left; height:156px; margin-bottom:5px; width:354px;}
#case-studies .case-study .thumbnail img {border:none !important; display:block;}
.case-study header h2 {font-family:'Abel'; font-size:2.4em; margin-bottom:0;}
.case-study #work-challenge {float:left; margin-bottom:13px; width:726px;}
.case-study #work-diagnosis {float:left; margin-right:26px; width:350px;}
.case-study #work-solution {float:left; width:350px;}
.case-study #work-results {float:left; margin-top:13px; width:726px;}


/** Contact */
#address {font-size:0.917em; line-height:1.6;}
#map {border:1px solid #a0a0a0; height:348px; margin-bottom:26px; width:444px;}


/** Blog */
.is-archive header {padding-bottom:26px;}
.is-archive .post {margin-bottom:26px;}
#page-content .post img {border:none;}
.post footer .entry-meta {border-top:1px dotted #dfdfdf; border-bottom:1px dotted #dfdfdf;}
.post footer .entry-meta p {margin:5px 0;}


/** Comments */
#comments {clear:both; margin-top:26px;}
#comments ol {list-style-position:outside; list-style-type:none; margin:0;}
#comments ol li {padding:0 0 13px; position:relative;}
#comments ol li.bypostauthor article {}
#comments ol li .avatar {border:1px solid #a0a0a0; left:0; position:absolute; top:10px;}
#comments ol li article {background-color:#fcfcfc; border:1px dotted #dfdfdf; font-size:0.833em; margin-left:57px; padding:6px;}
#comments ol li article header, #comments ol li article footer {height:20px; width:100%;}
#comments ol li article p {margin:5px 0;}
#comments #respond {margin-top:26px;}
#comments #respond .comment-form-comment {float:left; width:100%;}
#comments #respond input, #comments #respond textarea {font-size:0.917em;}
#comments #respond .form-allowed-tags {display:none; font-size:1.1em;}
#comments #respond .form-submit input#submit {background:transparent url(images/comment-button.png) no-repeat 0 0; border:none; cursor:pointer; display:inline; float:right; font-size:0; height:21px; line-height:999px; padding:0; overflow:hidden; width:76px;}


/** Tactical */
.tactical {margin-bottom:26px;}


/** Tactical: Search Form */
#search {float:left; width:240px;}
#search-form .text-field {width:162px;}
#search-form .search-button {background:transparent url(images/search-button.png) no-repeat 0 0; height:21px; margin-left:5px; width:21px;}


/** Tactical: Latest Posts */
#latest-posts {float:left; width:240px;}
#latest-posts .post {border-bottom:1px dotted #9f9f9f; height:51px; padding:13px 0;}
#latest-posts .post:last-child {border:none;}
#latest-posts .post h3 {font-size:1.1em; margin:0 0 5px;}
#latest-posts .post img {border:1px solid #a0a0a0; float:left; margin-right:10px;}
#latest-posts .post p {clear:none; font-size:1.1em; margin:0;}
#column-main #latest-posts {float:left; margin:13px 0 0; width:532px;}
#column-main #latest-posts .post {border-bottom:1px dotted #9f9f9f; float:left; margin-right:26px; width:240px;}


/** Tactical: Post Archives */
#post-archives {float:left; width:240px;}
#post-archives ul {list-style-position:outside; list-style-type:none;}
#post-archives ul li a {color:#4c4c4c;}
#post-archives ul li a:hover {color:#6d0746;}


/** Tactical: Post Categories */
#post-categories {float:left; width:240px;}
#post-categories ul {list-style-position:outside; list-style-type:none;}
#post-categories ul li a {color:#4c4c4c;}
#post-categories ul li a:hover {color:#6d0746;}


/** Tactical: Twitter Feed */
#twitter-feed {float:left; height:195px; width:240px;}
#twitter-feed #current-tweet {float:left; height:125px; overflow:hidden; width:240px;}
#twitter-feed #current-tweet article {float:left; height:inherit; width:240px !important;}
#twitter-feed footer {border-top:1px dotted #dfdfdf; border-bottom:1px dotted #dfdfdf; clear:both;}
#twitter-feed footer p {height:21px; line-height:21px; margin:0; padding:5px 0;}
#twitter-feed footer p span {float:left;}
#twitter-feed .social-icon {display:inline; float:left; height:21px; margin-left:7px; text-decoration:none; width:21px;}
	

/** Tactical: Newsletter */
#newsletter {float:left; width:240px;}
#newsletter-form .text-field {width:162px;}
#newsletter-form input.sign-up-button {background:transparent url(images/sign-up-button.png) no-repeat 0 0; height:21px; margin-left:5px; width:65px;}
#newsletter-form #newsletter-response {clear:both; color:#6d0746; float:left; font-size:1.1em; margin:5px 3px; width:240px;}


/** Colours */
.purple {color:#6c0745;}
.light-grey {color:#aaa;}


/** Position */
.assistive-text {left:-9999px; position:absolute;}
.clear {clear:both;}
.left {clear:none; float:left;}
.right {clear:none; float:right;}