/*
Theme Name: Dust Modified by Exam Intelligence
Original Theme URI: http://milo.peety-passion.com/category/themes/
Description: Three column fluid theme with header image rotator and a flash clock built in.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others mayfind the source for your site and adapt a suitable version for theirown website.
*/
body{
  padding: 0;
  background-image: url(http://www.examintelligence.com/blog1ei/wp-content/themes/dust-317/images/Image2.png);
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ccc;
}

#page{
  background-color: transparent;
  width: 80%;
  margin: 0 auto 0 auto;
  color: #fff;
}

#header{
  background: transparent;
  width: 100%;
  height: 175px;
  margin: 0 auto 5px;
}

#header h1{
  color: #fff;
  letter-spacing: -2px;
  font-size: 1.3em;
  text-transform: uppercase;
  margin: 0;
  padding: 5px 0 0 0;
}

#content{
  clear: none;
  min-height: 50%;
}

.narrowcolumn{
  width: 51%;
  margin: 0;
  float: left;
}

.widecolumn{
  width: 54%;
  margin: 0;
  padding: 0;
  float: left;
}

#footer{
  border-top: 7px double #666;
  width: 890px;
  height: 50px;
  margin: 0 auto 0 auto;
  clear: both;
}

.post{
  margin: 0 0 0 20px;
}

.postnew{
  margin: 0 0 0 10px;
  padding: 5px 10px 0 10px;
}

#nav{
  list-style: none;
  margin: -2px;
  position: absolute;
  right: 10%;
  top: 0;
}

#nav li{
  float: left;
  margin-left: 5px;
list-style:none;
}

#content li{
  list-style: square;
  margin-left: 10px;
}


#nav .current_page_item a, #nav .current_page_item a:visited{
  color: #399;
}

#nav .page_item a:visited, #nav .cat-item a:visited{
  color: #379;
}

#nav .page_item a, #nav .cat-item a{
  color: #fff;
  text-decoration: none;
  background:url(http://www.examintelligence.com/blog2ei/wp-content/themes/dust-317/images/nav.gif) repeat-x;
  padding: 7px 9px;
  font: 14px/100% Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #777;
  text-transform: uppercase;
  border-left: 1px solid #bbb;
  border-right: 2px solid #111;
  display: block;
}



#nav .page_item a:hover, #nav .cat-item a:hover{
  color: #aaa;
}



p{
  font-size: small;
  color: #eee;
}

h2, h3{
  margin: 0;
  padding: 0;
  letter-spacing: -2px;
  font-size: 1.3em;
  text-transform: uppercase;
}

h3.comments{
  font-size: 1.2em;
  font-weight: bold;
}

.commentform{
  margin: 0 0 0 20px;
}

.postmetadata{
  background-image: url(images/com-short.png);
  background-repeat: no-repeat;
  padding: 10px 15px 12px 12px;
}

.postmetadata2{
  background-image: url(images/cm.png);
  background-repeat: no-repeat;
  padding: 7px 15px 12px 12px;
}

#footer p{
  text-align: center;
  padding: 20px 0 0 10px;
  font-size: 10px;
  position: relative;
}

.pagetitle{
  color: #fff;
  margin: 0 0 0 20px;
}

.cat{
  font-size: .7em;
  line-height: .85em;
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  color: #aaa;
  border-left: 3px solid #ddd;
}

#header h1,#header a,#header a:visited,#header a:hover{
  color: #fff;
  text-decoration: none;
}

#footer a,#footer a:visited{
  color: #ddd;
  text-decoration: none;
}

#footer a:hover{
  text-decoration: underline;
  color: #fff;
}

a:visited{
  color:999;
  text-decoration:none;
}

a{
  color: #cde;
  text-decoration: none;
}

a:hover{
  color: #ccc;
  text-decoration: none;
}

h2 a:hover, h3 a:hover, h1 a:hover{
  text-decoration: none;
}

.post h2,.post h3{
  color: #fff;
  border-bottom: 1px solid #fff;
  margin: 0 0 5px 0;
}

.post h4{
  color: #fff;
  margin: 0 0 5px 0;
}

#right_sidebar{
  width: 18%;
  float: right;
  margin: 0 10px 0 20px;
  border-top: 6px double #fff;
  overflow: hidden;
}

#left_sidebar{
  width: 18%;
  float: right;
  margin: 0 10px 0 0;
  border-top: 6px double #fff;
  overflow: hidden;
}

#left_sidebar h2,#right_sidebar h2{
  letter-spacing: -1.25px;
  font-size: 2em;
  margin: 0;
}

#left_sidebar h2,#right_sidebar h2 {
  font-size: 1.3em;
  color: #fff;
  background-image: url(images/quote.png);
  background-position: left;
  background-repeat: no-repeat;
  padding: 10px 0 0 20px;
  border-bottom: 1px solid #fff;
}

#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li{
  padding: 5px 0 0 5px;
  margin: 0;
}

#right_sidebar li li,#left_sidebar li li{
  font-size: small;
  margin-left: 10px;
}

#right_sidebar li li ul li,#left_sidebar li li ul li{
  margin-left: 0;
  background-image: url(images/arrow.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}

#right_sidebar ul,#left_sidebar ul,#middle_sidebar ul{
  list-style-type: none;
}

#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select{
  margin: 0;
  padding: 0;
}

#right_sidebar a:hover,#left_sidebar a:hover{
  text-decoration: none;
}

ol{
  font-size: small;
  color: fff;
}

ul{
  font-size: small;
  list-style-type: square;
  color: fff;
}

blockquote{
  background-image: url(images/quote-big.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 25px 0 0 20px;
  font-style: italic;
  min-height: 50px;
}

blockquote p{
  color: #fafafa;
}

blockquote blockquote{
  background-image: url(images/sml.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  font-style: italic;
}

#search input{
  border: 1px solid #4D4D4D;
  font-size: 0.85em;
  color: #fff;
  width: 80%;
  padding-left: 2px;
  position: relative;
}

a img{
  border: none;
}

small{
  font-size: 10px;
}

.date{
  font-size: 10px;
  color: #ddd;
}

span.alignleft{}

.commentlist li{
  padding: 5px 10px 5px 10px;
  margin: 0 0 5px 0;
}

.alt{
  background-color: #345;
}

#wp-calendar{
  color: #fff;
  empty-cells: show;
  width: 90%;
  font-size: 10px;
}

#wp-calendar a{
  display: block;
  text-decoration: none;
}

#wp-calendar #next a{
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a{
  padding-left: 10px;
  text-align: left;
}

#wp-calendar caption{
  font: bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;
  text-align: center;
}

#wp-calendar td{
  padding: 3px 0;
  text-align: center;
}

table caption{
  font-weight: bold;
  font-size: 12px;
}

.center{
  text-align: center;
}

.alignleft{
  float: left;
}

.alignright{
  float: right;
}

#content p img{
  float: left;
  border: none;
  margin-right: 10px;
  margin-bottom: 10px;
}

.ff a img{
  border: .08em solid #ccc;
  padding: .077em;
  opacity: .3;
  width: 3.5em;
  height: 3.5em;
  margin: 0 .077em .077em 0;
}

.ff a:hover img{
  border: .08em solid #333;
  opacity: 1;
  width: 3.5em;
  height: 3.5em;
}

.l-col{
  width: 97%;
  float: left;
  margin-left: 5px;
  border-top: 2px solid #333;
}

.comments, #respond{
  border-bottom: 3px solid #333;
  padding-bottom: 5px;
  color: #ccc;
}

#comments, #respond{
  border-bottom: 3px solid #333;
  padding-bottom: 5px;
  color: #ccc;
}

.commentlist{
  margin: 10px 0;
  padding-left: 20px;
  line-height: 130%;
}

.commentlist li{
  padding: 5px 10px;
}

.commentlist .alt{
  background: #134;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited{
  font-weight: bold;
  font-style: normal;
  font-size: 120%;
  color: #fff;
}

.commentlist small{
  margin-bottom: 5px;
  display: block;
  font-size: 87%;
}

#commentform{
  margin-top: 10px;
  font: 110% Arial, Helvetica, sans-serif;
}

#commentform p{
  padding: 6px 0;
  margin: 0;
}

#commentform label{
  color: #ccc;
  font-size: 87%;
}

#commentform input{
  width: 200px;
  background: #123;
  border: 1px solid #333;
  padding: 3px;
  margin-top: 3px;
  color: #ccc;
}

#commentform textarea{
  width: 80%;
  height: 115px;
  background: #123;
  border: 1px solid #ccc;
  padding: 2px;
  margin-top: 3px;
  color: #fff;
}

#commentform #submit{
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #fff;
  border: none;
  float: right;
  width: 144px;
  height: 28px;
  cursor: pointer;
}

#commentform textarea:focus, #commentform input [ type = "text" ]:focus{
  background: #134;
}