/*
Theme Name: test
Theme URI: http://www.howtostartablog-tutorial.com
Description: Template test
Author: test
Author URI: test
*/

#body        { background: #F3F1EC;  margin: -10px; }
#wrapper    {width: 950px; margin: -40px auto 0 auto; text-align: left;  border: 2px solid #d3d3d3; background: #ffffff;}
#header     {height: 140px; padding: 20px 20px 0px 20px; background: #ffffff;
                 background-image: url(images/bannerstars.jpg);
}
#name       {width: 280px; height: 38px; float: left;  margin: 10px 0px 0px 0px;  text-align: center; background: #ffffff;}
#main       {width: 620px; padding: 0px 20px 20px 20px; float: left;
                 background-image: url(images/dif.jpg); background-repeat: repeat-x;
}
#sidebar    {width: 270px; padding: 10px; padding-top: 20px; float: left;
                 background-image: url(images/dif.jpg); background-repeat: repeat-x;
}
#footer     {clear: both; height: 60px; padding: 20px;
                 background-position: bottom;
                 background-image: url(images/footer.jpg); background-repeat: repeat-x;
}
 /* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


#webname
{
font-size: 5em;
line-height: 1;
margin-top: 35px;
color:#ffffff;
text-transform: uppercase;
margin-bottom: 35px;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-top: 30px;}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 0.5;  margin-top: 15px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }
/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="left">Text</p>)
 */
.left       { float: left !important; }
p .left     { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right      { float: right !important; }
p .right    { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #09f; }
a           { color: #06c; text-decoration:none;  font-weight: bold;     }

a.title_name {
text-decoration:none; font-weight:normal;
}

 /*Footer*/
 p.footer_text{ margin: 55px 0px 0px 0px; color: #ffffff; }
 p.disclamer{ margin: -15px 0px 0px 850px; color: #ffffff; }
 a.disclamer {text-decoration:none; color: #ffffff;
}

 /*Comments*/
.odd {     padding: 10px 10px 1px 10px;
           background-color: #F1F1F1;
}

.even {    padding: 10px 10px 1px 10px;
           background-color: #E5E5E8;
}


.discount {   /*<span class="couponcode"></span>*/
     color:#336799;
     font-size: 1.5em;
     margin-bottom: 0.75em;
 }
.couponcode{
     color:#000000;
     font-size: 2em;
     margin-bottom: 0.75em;
 }







/* =Menu
-------------------------------------------------------------- */
#access {
        background: #ffffff;
        display: block;
        float: left;
        margin: 0 auto;
        width: 650px;
        height: 38px;
        margin: 10px 0px 0px -20px;
}
#access .menu-header,
div.menu {
        font-size: 13px;
        margin-left: 12px;
        width: 928px;
}
#access .menu-header ul,
div.menu ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
}
#access .menu-header li,
div.menu li {
        float: left;
        position: relative;
}
#access a {
        color: #153C73;
        display: block;
        line-height: 38px;
        padding: 0 10px;
        text-decoration: none;
        font-weight: bold;
}
#access ul ul {
        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
        display: none;
        position: absolute;
        top: 38px;
        left: 0;
        float: left;
        width: 180px;
        z-index: 99999;
}
#access ul ul li {
        min-width: 180px;
}
#access ul ul ul {
        left: 100%;
        top: 0;
}
#access ul ul a {
        background: #ffffff;
        line-height: 1em;
        padding: 10px;
        margin: 0px 0px 0px -40px;
        width: 200px;
        height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
        background: #A80226;
        color: #fff;
}
#access ul li:hover > ul {
        display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
        color: #153C73;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
        color: #fff;
}

/*picture in post align*/
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}