/*
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: Version internationale du template MistyLook de Sadish Bala
Version: 1.0.1-l10n
Author: David Garlitz
Author URI: http://davidgarlitz.com
*/
* {
padding: 0px;
margin:0px;
}
p {
margin: 0.7em 0px;
line-height:1.6em;
}
dl {
margin:1em 0px;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em 1em;
padding:0;
}
a img {
border:0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
margin:10px;
padding-left:10px;
border-left:#ccc 2px solid;
color:#666;
}
fieldset
{
border:none;
}
body
{
background: #fff;
margin: 0px 20px;
font: 76%/1.6em verdana, tahoma, "lucida grande", sans-serif;
color: #333;
text-align: center;
}
a
{
text-decoration:none;
}
a:link {
color: #265e15;
}
a:visited {
color: #265e15;
}
a:hover, a:active {
color: #333;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6
{
font-family:Georgia, Verdana, Arial, Serif;
}
/* STRUCTURAL DIVS */
#container {
background: #fff;
margin: 0px auto;
width: 820px;
position: relative;
text-align: left;
z-index: 10;
overflow: hidden;
}
.home #container #content-a {
width: 415px;
border-right: 405px solid #fff;
margin-right: -405px;
float: left;
}
.home #content-b {
width: 405px;
float: left;
}
/* NAVIGATION (obsolete) */
#navigation {
display: none;
background: transparent;
margin: 0px auto 0px 0px;
overflow: hidden;
width: 410px;
position: relative;
text-align: left;
font-family:Tahoma, Verdana, Arial, Serif;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left;
margin: 0px 5px 0px 0px;
list-style-type: none;
}
#navigation ul li a {
border: #ddd 1px solid;
border-bottom:none;
padding: 0 10px 2px 10px;
display: block;
background: #e6e6e6;
text-decoration: none;
}
#navigation ul li a:hover {
background: #fafafa;
}
#navigation ul li a:active {
background: #fafafa;
}
#navigation ul li.current_page_item a {
background: #fff;
color: #333;
border: #ccc 1px solid;
border-bottom:none;
}
/* SITE LOGO */
#header h1 a {
display: block;
background: #fff url(http://rapidearmovement.com/img/REMsmall.jpg) no-repeat 0px 0px;
padding: 0px;
height: 318px;
width: 310px;
text-indent: -9999px;
}
.home #header h1 a {
display: block;
background: #fff url(http://rapidearmovement.com/img/REMline.jpg) no-repeat 0px 0px;
padding: 0px;
height: 430px;
width: 415px;
text-indent: -9999px;
}
#header h2
{
display: none;
}
/* FEEDAREA (obsolete) */
#feedarea {
padding:10px 10px 0 0;
float: none;
text-align: right;
position: absolute;
top: -4em;
left: 160px;
}
html #feedarea {
padding-top: 10px;
}
#feedarea dl dt {
display: inline;
margin-right: 5px;
height: 45px;
}
#feedarea dl dd {
display: inline;
margin-right: 5px;
height: 45px;
background:url(img/feed.png) no-repeat left center;
padding-left:16px;
}
#headerimage {
}
html #headerimage {
margin-top: 0px;
}
#content-a, #content-b {
margin: 0px 0px 0px 0px;
overflow: visible;
}
html #content-a, html #content-b {
height: 1%;
}
#content-a h3, #content-b h3 {
font-size: 1.2em;
margin: 1em 0px 0px;
}
#content-a h4, #content-b h4 {
font-size: 1.1em;
margin: 1em 0px;
}
#content-a h5, #content-b h5 {
font-size: 1em;
margin: 1em 0px;
}
.sync {
width: 380px;
margin: 30px 0 0 0px;
padding: 0 0 0 15px;
min-height: 355px;
background: url(/img/line.gif) -4px 340px no-repeat;
}
.improv, .comp {
width: 380px;
margin-left: 0px;
}
.improv {
margin: -16px 0 0 0px;
padding: 0 0 0 20px;
}
.comp {
margin: 0 0px 00px 0px;
padding: 0px 0px 00px 0;
}
.cathead a {
color: #111;
text-transform: lowercase;
font-weight: normal;
}
.cathead a:hover {
text-decoration: none;
color: #444;
}
.improv .cathead {
margin-left: 6px;
}
.comp .cathead {
padding: 14px 0 0 0;
background: url(/img/comp.gif) 0 0 no-repeat;
}
.sync .cathead {
padding: 3px 0 0 22px;
background: url(/img/sync.gif) -3px 5px no-repeat;
margin: 0 0 0 -12px;
}
html #section-index #content-main {
margin-right: 20px;
}
.post .thumb {
float: left;
margin: 0px 8px 0 0;
}
.post
{
padding:0 0 2em 0;
}
p img.right {
float: right; margin:10px 0 0 10px;
}
p img.left {
float: left; margin:0 10px 10px 0;
}
.post h2
{
font-size: 1.4em;
margin: 1em 0px 0px;
letter-spacing:1px;
font-weight:normal;
}
.entry
{
margin:1em 0;
padding-right:1em;
}
.entry a
{
border-bottom:#999 1px dashed;
text-decoration:none;
}
.post-info , .postmetadata
{
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
.post .title .post-info {
padding: 1.6em 0 0 0;
margin: 0 0 0 0;
}
.title h2 {
float: left;
line-height: 100%;
padding: 0 1em 0 0;
}
.home .post p {
margin: 0px 0 0 0;
}
.home .post p.mp3 {
float: left;
clear: both;
width: 250px;
margin: 0 0 0 0;
padding: 5px 0 0 8px;
}
.home .postmetadata {
display: none;
}
.single #header, .archive #header {
float: left;
padding: 0 8px 0 0;
height: 300px;
}
.single .entry img {
float: right;
}
.single .entry {
float: right;
width: 480px;
}
.single #sidebar2 {
float: left;
width: 300px;
}
.single .post .postmetadata {
text-transform: lowercase;
font-size: 1.5em;
}
.single h1 a {
font-weight: normal;
letter-spacing: .01em;
font-size: 1.4em;
line-height: 100%;
color: #333;
}
.archive #content-a h2.pagetitle {
text-transform: lowercase;
font-weight: normal;
letter-spacing: .01em;
font-size: 4em;
line-height: normal;
}
.archive #content-a {
width: 55em;
padding: 0 0 10px 0;
}
.archive #content-a p {
font-family: Times, serif;
font-size: 1.3em;
margin: 0 0 0 0;
}
.archive #content-a ul {
background: #ededed;
padding: 5px;
}
.archive #content-a li {
list-style: none;
display: inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.archive #content-a li a {
font-family: times, serif;
font-size: 1.3em;
text-transform: lowercase;
margin-left: 10px;
line-height: 100%;
}
.archive #content-a li a:hover {
border-bottom: 1px dashed;
}
.archive #content-a li.current-cat {
display: none;
}
.archive #content-a #searchform {
padding: 6px 0 0 0;
}
.archive #content-b {
clear: both;
}
.sidepost, #sidebar2 .ad, .archive .post, .archive .ad {
float: left;
overflow: hidden;
height: 130px;
width: 150px;
border: 1px dashed #fff;
text-align: center;
margin: 3px;
padding: 1.5em 4px 4px 4px;
position: relative;
}
.sidepost, #sidebar2 .ad {
width: 130px;
}
.sidepost h2, .archive .post h2 {
font-size: 1.2em;
line-height: 100%;
margin: -1.2em 0 1px 0;
padding: 0 0 0 0;
width: 200px;
text-align: left;
}
.sidepost:hover, #sidebar2 .ad:hover, .archive .post:hover, .archive .ad:hover {
border-color: #555;
}
.sidepost .post-info, .archive .post-info, .archive .postmetadata {
display: none;
}
/* SIDEBAR */
#sidebar {
width: 830px;
font-size:0.9em;
clear: both;
}
#sidebar ul
{
list-style:none;
margin:0;
padding:0;
}
#sidebar ul ul
{
list-style:none;
margin:0.5em 0 0 1em;
padding:0;
}
li.sidebox {
padding:10px;
background: url(img/sideheadtop.gif) #ededed no-repeat left top;
margin: 0 10px 0 0;
display: block;
float: left;
width: 130px;
}
html li.sidebox {
padding-bottom: 10px;
}
li.sidebox h2 {
font-weight: bold; font-size: 1.2em; text-align: left;
}
#sidebar li.sidebox p img {
float: left; margin: 0px 10px 10px 0px;
}
#footer {
clear: both;
background: transparent;
margin: 0px auto;
overflow: auto;
width: 780px;
color: #999;
text-align: left;
}
html #footer {
height: 1%;
}
#footer p {
float: left; line-height: 1.2em;
}
#footer p img {
vertical-align: text-bottom;
}
#footer dl {
float: left;
}
#footer ul {
float: left;
margin: 1em 0px;
text-align: right;
font-size: 0.9em;
}
#footer ul li {
display: inline;
margin-left: 5px;
list-style-type: none;
}
/* FEED */
#feed dt {
display: inline;
margin-right: 5px;
height: 45px;
}
#feed dd {
display: inline;
margin-right: 5px;
height: 45px;
background:url(img/feed.png) no-repeat left center;
padding-left:16px;
}
#footer #searchform, .archive #searchform {
font-size: 0.9em;
float: left;
}
#footer input#s, .archive input#s {
border: #999 1px solid;
font-size: 0.9em;
width: 100px;
padding: 2px;
background:#fff;
}
#footer input#searchsubmit, .archive input#searchsubmit {
border: #999 1px solid;
font-size: 0.9em;
background: #e6e6e6;
margin: 0px 0px 0px 2px;
color: #265e15;
padding: 1px;
}
#comments, #respond{
margin: 2em 0 0 5px;
}
#commentform
{
margin:10px;
padding:10px;
}
#container .commentlist {
margin: 0;
padding: 0;
}
.commentlist li
{
list-style:none;
margin: 1em 0;
padding: 0.5em;
background:#f5f5f5;
}
.commentlist li.alt
{
background:#fafafa;
}
.commentlist li .cmtinfo
{
font-size:1em;
border-bottom: #eee 1px solid;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
textarea{
width: 90%;
padding:5px;
height: 20em;
border: 1px solid #ccc;
}
.post h4
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#wp-calendar #prev a {
font-size: 9pt;
text-decoration: none;
border-style: none;
}
#wp-calendar a {
text-decoration: none;
border-width: thin;
font-weight: bolder
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}