/*  


Theme Name: Red Diamond Mandolins Theme
Theme URI: http://reddiamondmandolins.com/
Description: This theme is used for the Red Diamond Mandolins site
Version: 0.2
Author: Ehry MacRostie
Author URI: http://macrostie.org/

        Red Diamond v.0.2
         http://reddiamondmandolins.com

*/



body
{
        background-color: #666666;
        text-align: center;
        min-width: 65em;
        font-family: tahoma, arial, helvetica, sans-serif;
        font-size: 85%;
        color: cccccc;
}


a         {text-decoration: none;}
a:link    {color: #ececec;}
a:visited {color: #ececec;} 
a:active  {color: #cc0033;} 
a:hover   {color: #cc0033;}

.redd_href a:link    {color: #cc0033;}
.redd_href a:visited {color: #cc0033;} 
.redd_href a:active  {color: #cc0033;} 
.redd_href a:hover   {color: #cc0033;}


h1,h2,h3,h4
{
   color: #ececec;
   font-family: Georgia, Albertus, Times New Roman, Times;
   margin: 0;
   padding-left:   1em;
   padding-top:    1em;
   padding-bottom: 0.5em;
}

h1 {font-size: 30px; text-align: center; }
h2 {font-size: 25px; text-align: left; }
h3 {font-size: 20px; text-align: left; }
h4 {font-size: 15px; text-align: left; }

hr {text-align: center; width: 100%;}


/* Color scheme:
 * aaaaaa: light gray (text/background)

 * 666666: light gray (background)
 * 333333: dark gray background
 * ececec: white (links)
 * cc0033: red   (headers)
 */



/* This color scheme was recommended by http://www.colormatch.dk/ :
 * #CC0033 #800020 #CC5C52 #803933 #333333 #CCCCCC 
*/

.display 
{
        color:            #aaaaaa;
        background-color: #333333;
        width:         55em;
        min-height:    50em;
        margin-left:   auto;
        margin-right:  auto;
        margin-top:    2em;
        margin-bottom: 2em;
        padding-left:   auto;
        padding-right:  auto;
        padding-top:    0;
        padding-bottom: 1em;
        text-align:    left;
        border:        2px solid #ececec;
}

.redcap
{
        color:            #ececec;
        background-color: #cc0033;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}


.separator
{
        margin:  0;
        padding: 0;
        height:  1px;
        color:            #ececec;
        background-color: #ececec;
        clear:   left;
}
.header
{
        color:            #333333;
        background-color: #333333;
}


/* Styling the menu for reddiamond */
#menu
{
        color:            #ececec;
        background-color: #333333;
        text-align:  center;
        font-size:   13pt;
        font-weight: 600;
        font-family: arial, helvetica, sans-serif;
}

#menu li
{
        background-color: #333333;
}

#menu li ul li
{
        border:       1px solid #ececec;
        border-top: none;
        background-color: #666666;
}

#menu li ul li:hover,#menu li ul li.over 
{ 
        background-color: #333333;
}

#menu li:hover,#menu li.over 
{ 
        color: #ececec;
        z-index: 100;
}
/*
#menu li:hover ul li ,#menu li.over ul li
{ 
        position:relative;
        bottom: -18px;
        left:   -40px;
}
*/

#menu li ul a:hover
{
         color: #ececec;
         /* color: #0000ee; */
}



.menu-bg
{
        width:     100%;
        min-width: 20em;
        float:     left;
        background-color:   #333333;
        background-repeat:  repeat-x;
        background-position: 100% 0;
        margin:  0;
        padding: 0;
}

/* Styling the comment list */
#commentlist li
{
    padding: 1em 2em 1em 2em;
    margin: 0;
}

/* Styling the owner's list table */
#otable
{
    padding: 0;
    margin: 1em 2em 1em 2em;
    border-style: solid;
    border-width: thin;
    border-color: #666666;
    background-color: #333333;
    table-layout: auto;
    width: 50em;
}

#otable th
{

   background-color: #444444;
   color: #ececec;
   text-align: center;
}

#otable td
{
    background-color: #444444;
    padding: 0.25em 0.5em 0.25em 0.5em;
}


/* Styling the photo gallery container table */
#ptable
{
    padding: 0;
    margin: 1em 0.5em 1em 0.5em;
    border: none;
    width: 90%;
}

#ptable th
{
   text-align: center;
}

#ptable td
{
    vertical-align: top;
    padding: 0.25em 0.5em 0.25em 0.5em;
}


/* Styling the table on the front page */
#fptable
{
    padding: 1em 1em 1em 1em;
    margin: 0;
    border-style: none;
    background-color: #333333;
    table-layout: auto;
    width: 90%;
}



.fptabletag
{
    color:       #ececec;
    text-align:  left;
    font-size:   14pt;
    font-weight: 500;
    font-family: Georgia, Albertus, Times New Roman, Times;
    padding: 1.5em 0em 0.5em 0em;
}

.fptablewebann
{
    color:       #ececec;
    text-align:  right;
    font-size:   11pt;
    font-weight: 600;
    font-family: Georgia, Albertus, Times New Roman, Times;
    padding: 0.5em 0em 0.5em 0em;
}

.fptablemid
{
    color:            #ececec;
    background-color: #7A6A5B;
    text-align:  center;
    font-family: Georgia, Albertus, Times New Roman, Times;
    font-size:   14pt;
    font-weight: 500;
    padding: 0;
}

.fptablenews
{
    color:            #ececec;
    vertical-align: top;
    text-align:  center;
    font-family: Georgia, Albertus, Times New Roman, Times;
    font-size:   10pt;
    font-weight: 200;
    padding: 0;
}

.modtablemid
{
    color:            #ececec;
    background-color: #7A6A5B;
    text-align:  left;
    font-family: Georgia, Albertus, Times New Roman, Times;
    font-size:   12pt;
    font-weight: 500;
    padding: 1em 1em 1em 1em;
}


.fptableimg
{
    padding: 0;
}

#fpimage
{
    border-style: solid;
    border-color: #ececec;
    border-width: 3px;
}


/* Styling the table on the front page */
#newstable
{
    padding: 1em 1em 1em 1em;
    margin: 1em 1em 1em 1em;
    border-style: none;
    table-layout: auto;
    width: 90%;
}


.newstable-entry-tag
{
    text-align:  left;
    padding: 0.5em 0em 0.5em 0em;
}

.newstable-comment-tag
{
    text-align:  right;
    padding: 0.5em 0em 0.5em 0em;
}



p 
{
        clear: right;
        padding: 1em 2em 0 2em;
        margin: 0;
}

p.image 
{
        float: left;
        font-size: 0.8em;
        text-align: center;
        color: #ececec;
        padding: 1.25em 0.75em 2.25em 2.25em;
}

p.image img 
{
        display: block;
        border: 1px solid #ececec;
}



#footer{
        padding: 0 0 2em 0;
        font-size: 80%;
}


.alignright {
        float: right;
}
        
.alignleft {
        float: left;
}



/* form
--------------------------------------------------*/
form {padding: 1em 2em 0 2em;}

#commentform {margin-bottom:18px;}

form fieldset {border:0 solid;} /* Opera */

form p {
  padding:6px 0;
}

form label {
  
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form input, form textarea {
  padding:3px;
  width:200px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:400px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */

form .button {
  width:90px !important;
  border-bottom:1px solid;
  font-weight:bold;
}



#commentform .button {margin-left:90px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}