/* FahimAnwar.com stylesheet */
/* common.css */
/* defines site-wide common styles */

/* START COMMON STYLES */

html {
  background-color: #012545 !important;
  color: #FFFFFF !important;
}

body {
  background: #012545 url('/images/3.png') top left repeat-x !important;
  margin: 0 !important;
}

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

a:visited { color: #fb930e; }

a:hover { color: #FFFFFF; }

a:active { color: #FFFFFF; }

.clearboth { clear: both; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0%;
}

.clearfix { display: inline-block; }  /* for IE/Mac */

.left { float: left; }

img.left {
  margin: 0 1em 1em 0;
  border: 1px solid #000000;
}

.right { float: right; }

img.right {
  margin: 0 0 1em 1em;
  border: 1px solid #000000;
}

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

blockquote {
  padding: .5em;
  background-color: #F9F9F9;
  border: 1px solid #C5C5C5;
  margin: 1em;
}

.img-replace {
  display: block;
  text-indent: -5000em;
  overflow: hidden;
}

.hide { display: none; }

.zemError {
  text-align: left;
  color: #B00600;
  margin: .5em;
  border: 1px solid #B00600;
  padding: .5em;
}

.zemError li { margin-left: 2em; }


/* END COMMON STYLES */

/* START TEMPLATE STYLES */

#bd { width: 100%; }

#col01 {
  width: 49.46em;
  *width: 48.22em;
  float: left;
}

#common-mainnav {
  background: transparent url('/images/15.png') bottom left no-repeat;
  list-style: none;
  margin: 0;
  padding: 1em 1em .5em 1em;
  font-size: 93%;
  text-transform: uppercase;
}

#common-mainnav li {
  display: inline;
  margin-right: .5em;
}

#common-mainnav li.icon {
  margin-right: .2em;
}

#common-mainnav li.icon img {
  position: relative;
  top: 2px;
}

#common-mainnav li a {
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
}

#common-mainnav li a:hover { color: #656565; }

#bio #common-mainnav-bio,
#resume #common-mainnav-resume,
#photos #common-mainnav-photos,
#video #common-mainnav-video,
#calendar #common-mainnav-calendar,
#blog #common-mainnav-blog,
#news #common-mainnav-news,
#contact #common-mainnav-contact {
  color: #656565;
}

#mainnav-search, #mainnav-search fieldset {
  display: inline;
  vertical-align: middle;
  margin: 0;
}

#mainnav-search legend, #mainnav-search label {
  display: none;
}

#mainnav-search-text {
  position: relative;
  top: -8px;
  color: #959595;
}

#common-mainhead { margin: 4em 1em 0 1em; }

#common-mainhead a {
  background: transparent url('/images/14.png') top left no-repeat;
  height: 82px;
}

#twitter_div {
  font-size: 85%;
  margin: .2em 2em 0 1.6em;
  background: transparent url('/images/13.png') top left no-repeat;
}

#twitter_update_list {
  padding-left: 1.9em;
  margin: 0 0 .2em 0;
}

#twitter_update_list li {
  list-style: none;
  display: inline;
}

#twitter-link {
  display: block;
  font-size: 77%;
  margin-left: 3.9em;
}

#col01-content {
  background: transparent url('/images/7.gif') top left repeat-y;
  margin: 1em 0 0 0;
  padding-top: 1em;
}

#col01 .section-header {
  background: transparent url('/images/8.png') bottom left no-repeat;
  padding-bottom: 1.5em;
}

#col02 .section-header {
  background: transparent url('/images/11.png') bottom left no-repeat;
  padding-bottom: 1.3em;
}

.section-header table {
  background-color: #024b8b;
  width: 100%;
  margin-bottom: 0;
}

.section-header td {
  border: none;
  padding: .7em;
}

.section-header-icon { width: 24px; }

.section-header-title { margin: 0; width: 100%; }

.section-header-title a {
  height: 24px;
  width: 100%;
}

#common-calendar .section-header-title .img-replace {
  background: transparent url('/images/24.png') top left no-repeat;
}

#common-news .section-header-title .img-replace {
  background: transparent url('/images/44.png') top left no-repeat;
}

.section-header-more {
  text-align: right;
  width: 10em;
}

#col01 .article {
  margin: 0 3em 1em 3em;
  padding-bottom: 1em;
}

.article-title {
  font-size: 150%;
  margin: 0;
}

.article-posted {
  font-weight: normal;
  margin-bottom: 1em;
  font-size: 85%;
}

.article .more {
  font-size: 85%;
  text-align: right;
  font-weight: normal;
}

.article-footer {
  margin: 1em 0 0 0;
  background-color: #343333;
  font-size: 85%;
}

.article-footer table {
  margin: 0;
}

.article-footer td {
  border: 0;
}

.video p {
  margin-top: 1em;
}

.blog .article-title {
  font-size: 185%;
  line-height: 100%;
}

.pagenav {
  border-top: 1px solid #959595;
  border-bottom: 1px solid #959595;
  width: 87%;
  font-size: 85%;
  color: #959595;
  margin: 0 3em 1em 3em;
}

.pagenav td {
  border: 0;
}

#col02 {
  float:right;
  width: 23.84em;
  *width: 23.25em;
  background: transparent url('/images/9.gif') top left repeat-y;
}

#common-about {
  padding: 28em 2.5em 1em 2.5em;
  background: transparent url('/images/16.jpg') 15px 0 no-repeat;
}

#common-about strong {
  display: block;
  font-size: 125%;
}

#common-about .more {
  font-size: 85%;
  font-weight: normal;
  text-align: right;
}

#common-mailinglist-header {
  background: transparent url('/images/12.png') center top no-repeat;
  height: 21px;
  margin-bottom: .5em;
}

#common-mailinglist .zemContactForm { text-align: center; }

#common-mailinglist .zemText { color: #959595; }

#common-mailinglist label,
#common-mailinglist legend {
  display: none;
}

#common-mailinglist .zemError li strong {
  display: inline;
  font-size: 100%;
}

#common-facebook-link {
  margin: 0;
  background: transparent url('/images/10.png') center top no-repeat;
}

#common-facebook-link a {
  height: 24px;
}

#col02 .article {
  border-bottom: 1px solid #656565;
  margin: 0 3em 1em 3em;
  padding-bottom: 1em;
}

#common-calendar, #common-news { margin-bottom: 1em; }

#common-calendar .article {
  padding-bottom: .5em;
  margin-bottom: 1em;
}

#common-calendar .article, #common-news .article { font-size: 85%; }

#common-calendar .article-title {
  font-weight: normal;
}

#common-calendar .more, #common-news .more {
  font-size: 85%;
  font-weight: normal;
  text-align: right;
  margin-right: 3em;
}

#common-calendar .article .more, #common-news .article .more { margin-right: 0; }

#fd {
  margin: 1em 0;
  text-align: center;
}

#common-footer {
  font-size: 85%;
  font-weight: normal;
}

/* END TEMPLATE STYLES */


/* BEGIN ARTICLE COMMENT STYLES */

.article-comments {
  margin: 1em 3em;
  width: 39em;
}

#no-comments {
  font-size: 85%;
  margin: 1em 1em 2em 1em;
  padding: 1em;
  border-bottom: 1px dotted #CDCDCD;
}

#txpCommentInputForm {
  width: 100%;
}

#txpCommentInputForm input {
   margin-bottom: .5em;
}

#txpCommentInputForm #name,
#txpCommentInputForm #email,
#txpCommentInputForm #web,
#txpCommentInputForm #message {
  width: 100%;
}

#cpreview {
  background-color: #FFFBCC;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 85%;
  color: #000000;
}

#cpreview h5 {
  margin-top: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

#cpreview p {
  margin: 1em 0;
}

#cpreview p.small {
  font-size: 93%;
  text-align: right;
}

.comments_error {
  color: #ED1C24;
  font-size: 85%;
  border: 1px solid #ED1C24;
}

.comments_error ul {
  margin: 1em;
  padding: .5em;
}

.comments_error li {
  margin: .5em .5em .5em 2em;
}

.article-comments h4 {
  text-transform: uppercase;
  font-size: 125%;
  color: #fb930e;
  margin-bottom: 1em;
}

.article-comments .comments li {
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-size: 85%;
  border-bottom: 1px dotted #CDCDCD;
}

.article-comments .comments p.small {
  text-align: right;
  font-size: 93%;
}

/* END ARTICLE COMMENT STYLES */

/* end common.css */