/*
----------------------------------------
file: main.css
app: jaredsarkisian.com/english
date: may 2009
desc: 
----------------------------------------
*/


/* structure
................................................................................ */
body {
   margin: 0;
   padding: 0 0 10px;
   font: 80% arial, sans-serif;
   line-height: 1em;
   color: #777;
   background-color: #fff;
   /*background: #fff url(../img/body_back.gif) repeat-x 0 0;*/
   }

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }

img {
   display: block; /* remove inline whitespace (strict doctype) */
   }

body a {
   text-decoration: none;
   }

#main a:hover {
   border: 0 !important;
   }


/* layout
................................................................................ */
#main {
   width: 750px;
   margin: 0 auto;
   }


/* prehead
................................................................................ */
#prehead {
   height: 30px;
   margin: 0 0 10px;
   background-color: #bfe337;
   }

#prehead div {
   width: 750px;
   margin: 0 auto;
   padding: 8px 0 0;
   text-align: right;
   color: #666;
   }

#prehead a {
   margin: 0 5px;
   color: #666;
   }

#prehead a:hover {
   color: #fff;
   }


/* head
................................................................................ */
#head {
   height: 110px;
   margin: 0 0 10px;
   padding: 0;
   background: url(../img/logo.gif) no-repeat 0 0;
   }

#head div {
   height: 58px;
   margin: 0 0 0 150px;
   padding: 35px 20px 15px;
   border: 1px solid #ccc;
   }

h1 {
   margin: 0 0 20px;
   font-size: 275%;
   color: #777;
   }

h2 {
   font-size: 125%;
   font-weight: normal;
   color: #f06b2a;
   }

#logo {
   position: relative;
   top: 0;
   left: -150px;
   width: 140px;
   height: 110px;
   }


/* nav
................................................................................ */
#nav {
   float: left;
   width: 140px;
   margin: 0 0 10px;
   padding: 15px 0;
   background-color: #f06b2a;
   }

#nav a.on, #nav a:hover {
   background: url(../img/caret.gif) no-repeat 0 50%;
   }

#nav a {
   display: block;
   padding: 7px 0 7px 15px;
   color: #fff;
   }


/* content
................................................................................ */
#content {
   margin: 30px 20px 30px 170px;
   }

h3 {
   margin: 0 0 20px;
   font-size: 165%;
   font-weight: normal;
   color: #6d9ceb;
   }

h4 {
   margin: 30px 0 15px;
   padding: 0 0 5px;
   border-bottom: 1px dotted #cad9f0;
   font-size: 125%;
   font-weight: normal;
   color: #7b9f00;
   }

p {
   margin: 0 0 20px;
   line-height: 1.6;
   }

p.note {
   margin: 0 0 20px;
   padding: 7px 10px;
   border: 1px solid #ccc;
   background-color: #faffe6;
   color: #666;
   }

p a {
   border-bottom: 1px dotted #f06b2a;
   color: #3d7be4;
   }

p a:hover {
   color: #f06b2a;
   }

.high {
   color: #f06b2a;
   }

#mug {
   float: right;
   margin: 0 0 10px 25px;
   padding: 3px;
   border: 1px solid #ccc;
   }

table.def {
   margin: 0 20px 20px;
   border: 1px solid #ccc;
   border-width: 1px 1px 0 0;
   }

table.def td {
   padding: 7px 10px;
   border: 1px solid #ccc;
   border-width: 0 0 1px 1px;
   vertical-align: middle;
   }

td.bookpic {
   width: 80px;
   }

td.section {
   font-size: 110%;
   font-weight: bold;
   text-align: center;
   color: #88a516;
   background-color: #f9f9f9;
   }

table.def h5 {
   font-size: 100%;
   font-weight: normal;
   line-height: 1.5;
   color: #f06b2a;
   }

table.def p {
   margin: 0;
   }

table.def em {
   margin: 0 3px;
   font-style: normal;
   color: #f06b2a;
   }

ul.basic {
   margin: 0 0 25px 20px;
   }

ul.basic li {
   margin: 0 0 10px;
   padding: 0 0 0 20px;
   line-height: 1.3;
   background: url(../img/bull1.gif) no-repeat 0 0.35em;
   }

iframe {
   margin: 25px 20px;
   }


/* form
................................................................................ */
.form1 {
   margin: 25px 0;
   }

.form1 label {
   display: block;
   margin: 0 0 3px;
   font-variant: small-caps;
   color: #83a6de;
   }

.form1 input {
   display: block;
   }

.form1 .box {
   margin: 0 0 10px;
   padding: 2px;
   border: 1px solid #ccc;
   font: 85% verdana, arial, sans-serif;
   color: #666;
   background-color: #f9f9f9;
   }


/* foot
................................................................................ */
#foot {
   clear: both;
   margin: 10px 0 0;
   padding: 5px 0;
   border-top: 1px solid #ccc;
   font-size: 85%;
   text-align: center;
   color: #bbb;
   }


/* misc
................................................................................ */
.w500 {
   width: 500px;
   }

.red {
   color: #900;
   }