/*
THEME NAME: RMK Minimal
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Remka portfolio theme, based on Sandbox.
VERSION: 1.6.1
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/*==================================================
___ ___ ___
/\ \ /\ \ /| |
/::\ \ |::\ \ |:| |
/:/\:\__\ |:|:\ \ |:| |
/:/ /:/ / __|:|\:\ \ __|:| |
/:/_/:/__/___ /::::|_\:\__\ /\ |:|__|____
\:\/:::::/ / \:\~~\ \/__/ \:\/:::::/__/
\::/~~/~~~~ \:\ \ \::/~~/~
\:\~~\ \:\ \ \:\~~\
\:\__\ \:\__\ \:\__\
\/__/ \/__/ \/__/
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Jerome Senaillat - 2009
Sharing the love since 1978!
==================================================*/
/*==================================================
Colors
==================================================
pink: #ff3399
green: #33ff00
light gray: #e9e9e9
*/
/* Two-column with sidebar on left from the /examples/ folder */
@import url('css/reset.css');
@import url('css/utilities.css');
/* @import url('css/layout.css'); */
/*==================================================
L A Y O U T
Basic page layout
==================================================*/
body { background: #fff; font: 10px/160% Georgia, Garamond, serif; text-align: center; color: #000; border-top: 5px solid #000;}
#header,
#content,
#footer div.footer-inner {width:960px; margin:0 auto; text-align: left;}
a {text-decoration: none; color:#ff3399;}
a:hover {text-decoration: underline; color:#ff3399;}
/*==================================================
H E A D E R
Basic page layout
==================================================*/
div#header {background: url(./images/bg-top.gif) no-repeat 10px 0; padding-bottom:30px;}
div#header h1#blog-title {}
div#header h1#blog-title a {display:inline; float:left; width:310px; font-family: Helvetica, Arial, Serif; margin:0 10px 20px 0; font-size: 3.4em; letter-spacing: -0.05em; margin-top:192px; padding-bottom:20px; color:#000; text-align: right;}
div#header h1#blog-title a:hover {text-decoration: none; color:#ff3399;}
div#header div#blog-nav {display:inline; float:right; width:620px; margin-right:10px; position:relative; height:227px;}
div#header div#blog-nav div#blog-description {font-size:1.2em; width:140px; text-align:left; line-height:12px; position:absolute; top:187px;}
div#header div#blog-nav ul#blog-cats {position:absolute; top:192px; right:0; font-size:1.2em;}
div#header div#blog-nav ul#blog-cats li {display:inline; float:left; margin-left:10px;}
div#header div#blog-nav ul#blog-cats li a {display:block; padding:5px 10px 5px 0; color:#000; background: url(./images/spacer.gif) no-repeat right 50%;}
div#header div#blog-nav ul#blog-cats li.last a {padding:5px 0; background: 0;}
div#header div#blog-nav ul#blog-cats li.current-cat a,
div#header div#blog-nav ul#blog-cats li.current-page a {color:#ff3399; cursor:default; text-decoration: none;}
/*==================================================
E N T R Y
==================================================*/
/* top nav */
div#nav-above {font-size: 1.2em; line-height:1.5em; margin: 0 10px 30px 330px;}
div#nav-above div.nav-previous {display:inline; float:left;}
div#nav-above div.nav-next {display:inline; float:right; text-align: right;}
/* entry */
div#content div.hentry {padding-bottom: 40px; clear: both;}
div#content div.hentry div.entry-content {margin-left:330px; font-size:1.6em; line-height: 1.5em;}
div#content div.hentry div.post-ubermeta { display:inline; float:left; text-align: right; width:310px;}
div#content div.hentry div.post-ubermeta h2 {font-family: Helvetica, Arial, Serif; margin:0 0 10px 10px; font-size: 2.8em; letter-spacing: -0.05em; line-height: 1em;}
div#content div.hentry div.post-ubermeta h2 a:hover {color:#ff3399; text-decoration: none;}
div#content div.hentry div.post-ubermeta ul.submenu {}
div#content div.hentry div.post-ubermeta ul.submenu li {font-size:1.4em; line-height:1.5em; font-style: italic;}
div#content div.hentry div.post-ubermeta ul.submenu li a {color:#ff3399;}
div#content div.hentry div.post-ubermeta ul.submenu li.current_page_item a {color:#000; cursor:default; text-decoration: none;}
div#content div.hentry div.post-ubermeta ul.list-tags {display:inline; float:right; margin-bottom:10px;}
div#content div.hentry div.post-ubermeta ul.list-tags li {display:inline;}
div#content div.hentry div.post-ubermeta ul.list-tags li a {display:inline; float:right; background: #e9e9e9; color:#000; padding:0 3px; margin:0 0 10px 10px; font-size:1.2em; line-height: 1.5em; font-style: italic;}
div#content div.hentry div.post-ubermeta ul.list-tags li a:hover {background: 0;}
div#content div.hentry div.post-ubermeta div.post-excerpt {color:#666; font-style: italic; font-size: 1.4em; line-height: 1.5em; clear:right;}
div#content div.hentry div.post-ubermeta div.link-more {font-size: 1.4em; line-height: 1.5em; clear:right; font-family: Helvetica, Arial, Serif; margin-top:10px;}
div#content div.hentry div.post-ubermeta div.entry-meta {color:#666; font-style: italic; font-size: 1.4em; line-height: 1.5em; clear:right; margin-bottom:10px;}
div#content div.hentry div.post-ubermeta div.post-edit a {font-style: italic; font-size: 1.4em; line-height: 1.5em; clear:right; margin-top:10px; position: fixed; top:-5px; right:5px; background: #000; color:#fff; padding:0 10px;}
div#content div.hentry div.post-ubermeta span.client-holder {display:block; margin-top:5px;}
div#content div.hentry div.post-ubermeta span.client-holder span.client-name {}
div#content div.hentry span.url-holder {display:block; clear:both; margin-top:20px;}
div#content div.hentry span.url-holder a {display:inline; float:right; padding:15px 20px; background: #e9e9e9; color:#000; font-size: 1.6em; text-decoration: none; font-style: italic;}
div#content div.hentry span.url-holder a:hover {color:#fff; background: #ff3399; text-decoration: none;}
div#content div.hentry div.entry-content p {margin-bottom: 10px;}
div#content div.hentry div.entry-date {color:#666; font-style: italic; font-size: 1.2em;}
div#content div.hentry h2 a {color:#000;}
div#content div.hentry img.post-thumbnail {display:block; border: 10px solid #e9e9e9;}
div#content div.hentry a:hover img.post-thumbnail {border: 10px solid #ff3399;}
div#content div.hentry h3 {font-family: Helvetica, Arial, Serif; font-size: 20px; letter-spacing: -0.05em; line-height: 1em; margin:40px 0 20px 0; clear:both;}
div#content div.hentry img.aligncenter {display:block; width:600px; border:10px solid #e9e9e9; margin-bottom:20px;}
div#content div.hentry img.alignleft {display:inline; float:left; border:10px solid #e9e9e9; margin:0 20px 10px 0;}
div#content div.hentry img.alignright {display:inline; float:right; border:10px solid #e9e9e9; margin:0 0 10px 20px;}
div#content div.entry-content ul,
div#content div.entry-content ol { list-style-type: square; list-style-image: none; list-style-position: outside; padding-left:40px; margin:20px 0;}
div#content div.entry-content ol { list-style-type: decimal; font-style: italic;}
div#content div.entry-content ul li,
div#content div.entry-content ol li { line-height:1.5em; font-style: normal; margin-bottom: 10px;}
div#content div.entry-content blockquote {padding-left:20px; margin:20px 0 20px 20px;; border-left:10px solid #e9e9e9; color:#666;}
/* gallery */
/* Carousel Gallery (jQuery) Version 1.6.2 by Joen */
/* http://noscope.com/journal/2009/03/carousel-gallery-jquery-for-wordpress */
div#content div.entry-content div.carousel-gallery {margin-bottom:-10px; position:relative;}
div#content div.entry-content div.carousel-gallery div.jcarousel-skin-neat { margin-bottom:0;}
div#content div.entry-content div.carousel-gallery div.jcarousel-clip-horizontal {border:10px solid #e9e9e9; width:600px; margin-bottom:0;}
div#content div.entry-content div.carousel-gallery div.carousel-controls {position:absolute; bottom:11px; z-index: 1000; left:15px;}
div#content div.entry-content div.carousel-gallery div.carousel-controls a img{display:none;}
div#content div.entry-content div.carousel-gallery div.carousel-controls a {display:inline; float:left; margin-right:5px; color:#000;}
div#content div.entry-content div.carousel-gallery div.carousel-controls a span {display:block; text-indent: 0; background: #e9e9e9; padding:0 10px; font-family: Helvetica, Arial, Serif; font-size:12px; }
div#content div.entry-content div.carousel-gallery div.carousel-controls a.active {cursor: default; text-decoration:none;}
div#content div.entry-content div.carousel-gallery div.carousel-controls a.active span {background: #ff3399; color:#fff;}
/* category header */
div#content h2.page-title {margin-left:330px; font-size:1.2em; line-height: 1.5em; font-weight: normal; margin-bottom:30px;}
div#content h2.page-title span {background: #e9e9e9; color:#000; padding:0 3px; font-style: italic;}
div#content h2.page-title span.spacer {background: 0; color:#666; padding:0 5px;}
/* comments */
div#comments-list {clear:both;}
div#comments-list h3 {display:inline; float:left; text-align: right; width:300px; font-family: Helvetica, Arial, Serif; margin:0 0 10px 10px; font-size: 2.8em; letter-spacing: -0.05em; line-height: 1em;}
div#comments-list ol {margin-left:330px;}
div#comments-list ol li.comment {margin-bottom:40px; line-height: 1.5em; font-size:1.4em;}
div#comments-list ol li.comment div.comment-author {display:inline; float:left; margin-bottom:10px; font-family: Helvetica, Arial, Serif; font-size: 1.4em; letter-spacing: -0.05em; line-height: 1em; font-weight: bold;}
div#comments-list ol li.comment div.comment-meta {display:inline; float:right; text-align: right; margin-bottom:10px; color:#666;}
div#comments-list ol li.comment p {clear:both;}
/* comment form */
div#respond h3 {display:inline; float:left; text-align: right; width:300px; font-family: Helvetica, Arial, Serif; margin:0 0 10px 10px; font-size: 2.8em; letter-spacing: -0.05em; line-height: 1em;}
div#respond div.formcontainer {margin: 0 0 40px 330px;}
div#respond p#comment-notes {font-size:1.6em; line-height:1.5em; margin-bottom:20px; color:#666;}
div#respond div.formcontainer div.form-label {padding-bottom:5px;}
div#respond div.formcontainer div.form-input,
div#respond div.formcontainer div.form-textarea,
div#respond div.formcontainer div.form-submit {margin-bottom:10px;}
div#respond div.formcontainer div.form-label label {font-size:1.4em; font-style: italic;}
div#respond div.formcontainer div.form-input input,
div#respond div.formcontainer div.form-textarea textarea {border:1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc; background: #e9e9e9; padding:5px; font-size:1.4em; line-height:1.5em; width:600px; display: block; font-family: Helvetica, Arial, Serif;}
div#respond div.formcontainer div.form-submit input {border:0; background: #000; color:#fff; width:160px; font-size:1.6em; padding:5px 10px; font-family: Georgia, Garamond, serif; font-style: italic;}
/* nav after */
div#nav-below {margin: -10px 0 0 330px; padding:0 0 60px 0; font-size:1.2em; line-height: 1.5em; text-align: center;}
div#nav-below div.nav-previous {display:inline; float:left; width: auto;}
div#nav-below div.nav-next {display:inline; float:right; width: auto; text-align: right;}
/*==================================================
N A V I G A T I O N
==================================================*/
#sidebar-holder {clear:both; background: #e9e9e9;}
#primary {width:960px; margin:0 auto; text-align: left;}
#primary li.foot-third {display:inline; float:left; width:320px; padding:40px 0;}
#primary li.first h3,
#column-1-widgets,
#primary li.first p {text-align: right;}
#column-1-widgets {line-height:2.5em;}
#primary li.foot-third h3 {font-family: Helvetica, Arial, Serif; margin:0 10px 20px 10px; font-size: 2.8em; letter-spacing: -0.05em;}
#primary li.foot-third p {margin:0 10px 5px 10px; font-size: 1.4em; line-height: 1.5em; padding:0;}
#primary li#news ul {margin-bottom:20px;}
#primary li#news ul li {display: inline; list-style: none; text-align: right;}
#primary li#news ul li a {display: inline;display: block; margin-right:10px; font-size: 1.2em; line-height: 1.5em; background: url(./images/dots.gif) repeat-x 0 bottom; padding:5px 0; color:#000;}
#primary li#news ul li a:hover {text-decoration: none;}
#primary li#news ul li a span.post-date,
#primary li#news ul li a:hover span.post-date {display:inline; float:left; font-family: Helvetica, Arial, Serif; text-decoration: none; color:#000; width:60px; color:#666; text-align:left;}
#primary li#news ul li a span.post-title {display:inline; float:right; color:#000; width:220px;}
#primary p.readmore a {display:block; margin-top: 10px; text-align:right;}
#primary li#news ul li a:hover span.post-title {text-decoration: underline; color:#ff3399;}
/* widgets */
#primary li.foot-third ul.widget {margin:30px 0 0 0;}
/* flickr photostream */
div#photoAlbum {background: yellow;}
div#photoAlbum span.flickrImage {}
div#photoAlbum span.flickrImage a img {display:inline; float:left; width:50px; height:50px; margin:0 10px 20px 10px; border:5px solid #ccc;}
div#photoAlbum span.flickrImage a:hover img { border:5px solid #ff3399;}
/* contact form */
form#contactForm {margin: 0 10px;}
form#contactForm label {display: inline; float: left; width:60px; padding:5px 20px 0 0; text-align:right; cursor: pointer; font-style: italic;}
form#contactForm div.error {display:block; float: none; margin-left:80px; padding-top:5px; color:#999; width:220px; text-align:left; font-style: italic;}
form#contactForm div.text,
form#contactForm div.button {margin:10px 0; font-size: 1.2em;}
form#contactForm div.text input,
form#contactForm div.text textarea {border:0; display:block; width:220px; font-family: Helvetica, Arial, Serif; padding:5px; font-size: 12px;}
form#contactForm div.text textarea {height:120px;}
form#contactForm div.button {margin:10px 0 0 80px;}
form#contactForm div.button input {border:0; background: #000; color:#fff; font-family: Helvetica, Arial, Serif; padding: 10px 15px; cursor: pointer;}
/*==================================================
F O O T E R
==================================================*/
#footer {clear:both; background: #000; padding:40px 0 400px 0; color:#666; font-size:1.2em; line-height:1.5em;}
#footer a {color:#ccc;}
#footer p.meta-info {display:inline; float:left; width:auto;}
#footer p.design-info {display:inline; float:right; text-align:right; width:auto;}