/*******************************************************************
 * @file       typography.css 
 * @package    ZOE ThemExpert Template framework.
 * @version   1.5.5 June 01, 2010
 * @author    ThemeXpert http://www.themexpert.com
 * @copyright Copyright (C) 2009 - 2010 ThemeXpert.com
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 * 
*******************************************************************/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin:5px 0;}

h1 { font-size: 2.5em; line-height: 1;  }
h2 { font-size: 2.0em;  }
h3 { font-size: 1.4em; line-height: 1;  }
h4 { font-size: 1em; line-height: 1.25; font-weight: bold;}
h5 { font-size: 0.8em; font-weight: bold; }
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 0.6em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     {  }
a           {  text-decoration: underline; }

blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dashed #666; cursor: help; text-transform: lowercase; font-variant: small-caps; color: #555;}
address     { margin: 0 0 1.5em; font-style: italic; }
del         {  }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    {  }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  {  }
tfoot       { font-style: italic; }
caption     {  }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      {  }
.notice     {  }
.success    { }
.error a    {  }
.notice a   {  }
.success a  {  }


/* --------------------------------------------------------------
   * Sets up some default styling for forms
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    {}
legend      { font-weight: bold; font-size:1.2em; border: 1px solid #ccc; padding: 2px 30px; background: #eee;}


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  
  border:1px solid;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {

}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      {  padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* --------------------------------------------------------------
   * Bonus Typography for this template
   * Usage:
   * For text div, use class .info or .rss or .alert or .notice or .announce or .tips etc
   * For ul, use .star or .arrow or .check or .plus

-------------------------------------------------------------- */
.typo-icon{background: url(../images/typo/typo-icon.png) no-repeat; padding: 0 0 10px 35px; margin: 10px 0;}
blockquote{
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    background: url(../images/typo/blockquote.png) no-repeat;
    padding: 13px 0 0 40px;
}

/* Icon Style
-------------------------------------------------------------- */
.icon-addressbook, .icon-attach, .icon-bookmark, .icon-calender,
.icon-comment, .icon-find, .icon-flag, .icon-help, .icon-info,
.icon-message, .icon-note, .icon-rss, .icon-tag, .icon-user{
    padding: 0 0 10px 34px; 
    margin: 10px 0;
}
.icon-addressbook{background: url(../images/typo/icon-addressbook.png) no-repeat; }
.icon-attach{background: url(../images/typo/icon-attach.png) no-repeat; }
.icon-bookmark{background: url(../images/typo/icon-bookmark.png) no-repeat; }
.icon-calender{background: url(../images/typo/icon-calender.png) no-repeat; }
.icon-comment{background: url(../images/typo/icon-comment.png) no-repeat; }
.icon-find{background: url(../images/typo/icon-find.png) no-repeat; }
.icon-flag{background: url(../images/typo/icon-flag.png) no-repeat; }
.icon-help{background: url(../images/typo/icon-help.png) no-repeat; }
.icon-info{background: url(../images/typo/icon-info.png) no-repeat; }
.icon-message{background: url(../images/typo/icon-message.png) no-repeat; }
.icon-note{background: url(../images/typo/icon-note.png) no-repeat; }
.icon-rss{background: url(../images/typo/icon-rss.png) no-repeat; }
.icon-tag{background: url(../images/typo/icon-tag.png) no-repeat; }
.icon-user{background: url(../images/typo/icon-user.png) no-repeat; }

em.box {background: #fdfdfd; border: 1px dotted #ccc; padding: 0 3px; font-family: "Courier New",Courier,monospace;}
.style-darkblue em.box{background: none;}

/* Hosting Icon Style
-------------------------------------------------------------- */
.server,.domain,.security,.tools,.store,.affiliate,.green{background: url(../images/typo/icons.png) no-repeat 0 50%;padding-left: 22px;}
.server{background-position: 0 3px;}
.domain{background-position: 0 -21px;}
.security{background-position: 0 -45px;}
.tools{background-position: 0 -68px;}
.store{background-position: 0 -91px;}
.affiliate{background-position: 0 -117px;}
.green{background-position: 0 -143px;}

/* box Style. This class can be use on div or p.
-------------------------------------------------------------- */
.info, .note, .utility,.report-pie, .report-bar, .message,.settings, code, pre { 
    padding: 10px 10px 10px 44px; 
    margin-bottom: 10px;
}

.info {background:url(../images/typo/box-info.jpg) no-repeat #D5E9F6; color: #2579b6;}
.note{background: url(../images/typo/box-note.jpg) no-repeat#fff9d8; color: #d5751f;}
.utility, code, pre {background: url(../images/typo/box-utility.jpg) no-repeat #eee;}
.report-pie{background: url(../images/typo/box-report-pie.jpg) no-repeat #bfbfbf;color: #fff;}
.report-bar{background: url(../images/typo/box-report-bar.jpg) no-repeat #bfbfbf; color: #fff;}
.message{background: url(../images/typo/box-message.jpg) no-repeat #def3b0; color: #699014;}

/********** List Items **********/
ul.check,ul.arrow,ul.cross,ul.plus,ul.settings,ul.check1,ul.check2{
    list-style:none outside;
    margin:10px 0;
    padding-left:20px;
}
ul.check li, 
ul.arrow li,
ul.cross li,
ul.plus li,
ul.settings li{
    padding: 0 0 6px 35px;
    line-height:26px;
    font-weight:bold;
}
ul.check li{background: url(../images/typo/list-check.png) no-repeat;}
ul.arrow li{background: url(../images/typo/list-arrow.png) no-repeat;}
ul.cross li{background: url(../images/typo/list-cross.png) no-repeat;}
ul.plus li{background: url(../images/typo/list-plus.png) no-repeat;}
ul.settings li{background: url(../images/typo/list-settings.png) no-repeat;}

ul.check1 li{background: url(../images/typo/list-check1.png) no-repeat 0 50%; padding: 0 0 3px 21px;}
ul.check2 li{background: url(../images/typo/list-check2.png) no-repeat 0 50%; padding: 0 0 3px 21px;}