@import url('css/21px.css');

/*-- layout--*/
body {
  text-align:center;
  color:#333;
  margin: 0;
  background: url('img/bg.gif');
}
.container {
  width:780px;
  margin:0 auto;
  text-align:left;
  background:transparent url('img/container-bg.png') repeat-y center top;
}
.header {
  width:760px;
  height:150px;
  background:transparent url('img/head1.jpg') no-repeat;
  margin-left:10px;
  padding:0;
}
.site-title {
  padding:15px 0 5px;
}
.site-description {
  padding-bottom:5px;
}
.nav {
  width:760px;
  margin:0 10px;
  padding:0;
  height:24px;
  overflow:hidden;
  text-align:left;
  background:#003366;
  border-top:1px solid #fff;
  border-bottom:1px solid #FFF;
}
.breadcrumbs {
  width:740px;
  margin:0 10px;
  padding:2px 10px;
  text-align:left;
  border-top:8px solid #FFCC00;
  border-bottom:1px solid #e0e0e0;
}
.content {
  width:710px;
  margin:0 10px;
  padding:15px 25px;
  color:#666;
  line-height:15px;
  background:#fff url('img/content-bg.gif') repeat-y 530px top;
}
.main {
  width:480px;
  float:left;
  overflow:hidden;
}
.sidebar {
  width:180px;
  float:right;
}
.footer {
  width:760px;
  margin:0 0 0 10px;
  padding:0;
  text-align:right;
  background:#003366;
  border-top:2px solid #FFCC00;
}

/*-- misc styles --*/
.red {
  color:#f00 !important;
}
.hilite {
  background-color:#ff0;
}
.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}
.underline {
  text-decoration:underline;
}
.centered {
  text-align:center;
}
.last {
  margin-bottom:0 !important;
}
.alert {
  padding:5px;
  border:1px solid #e6db55;
  background-color:#fffbcc;
}

/*-- clearing --*/
.clear {
  clear:both;
}
.fix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.fix {
  display:inline-block;
} 
* html .fix{
  height:1%;
}
.fix{
  display:block;
}

/*-- links --*/
a,a:active,a:visited {
  color:#00f;
}
a:hover {
  color:#00f;text-decoration:underline;
}

/*-- blockquote --*/
blockquote {
  margin-right:40px;
  margin-left:40px;
  padding-left:10px;
  color:#999;
  font-style:italic;
  border-left:1px solid #ccc;
}

/*-- alignment --*/
.floatleft,
.alignleft {
  float:left;
  margin-right:10px;
}
.floatright,
.alignright {
  float:right;
  margin-left:10px;
}
.right {
  float:right;
}
.left {
  float:left;
}

/*-- images --*/
img.alignnone {
  display:inline;
  margin:0 0 10px;
  padding:0;
}
img.centered {
  display:block;
  margin:0 auto 10px;
  padding:0;
}
img.alignleft {
  display:inline;
  margin:0 10px 10px 0;
  padding:0;
}
img.alignright {
  display:inline;
  margin:0 0 10px 10px;
  padding:0;
}
.aligncenter {
  display:block;
  margin:0 auto 10px;
  text-align:center;
}
.alignright {
  float:right;
  margin:0 0 10px 10px;
}
.alignleft {
  float:left;
  margin:0 10px 10px 0;
}
.wp-caption {
  padding:4px 0 5px;
  text-align:center;
  border:1px solid #e6e6e6;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:#f6f6f6;
}
.wp-caption img {
  margin:0 0 5px;
  padding:0;
  border:0;
}
.wp-caption p.wp-caption-text {
  margin:0;
  padding:0;
  font-size:11px;
  font-weight:normal;
  line-height:12px;
}
.wp-smiley {
  vertical-align:-16%;
}

/*-- header --*/
.site-title,
.site-title a {
  padding:50px 31px 0 0;
  font-weight:bold;
  font-size:26px;
  line-height:30px;
}

.site-title a:hover {
  text-decoration:none;
}

.site-title span {
  background: url('img/header-logo.gif') no-repeat;
  position:absolute;
}

.site-description {
  padding:0 8px 0 0;
  color:#000;
  font-size:14px;
  line-height:20px;
  letter-spacing:1px;
}

/*-- nav --*/
.nav ul {
  margin:0;
  padding:0;
  font:bold 12px/14px Arial,Helvetica,sans-serif;
}
.nav li {
  float:left;
  margin:0;
  list-style:none;
  border-right:1px solid #fff;
}
.nav a, .nav a:visited {
  float:left;
  margin:0 1px 0 0;
  padding:5px 10px;
  display:block;
  cursor:pointer;
  text-decoration:none;
  color:#fff;
  background:#003366;
  -right:1px solid #e0e0e0;
}
.nav a:hover {
  color:#ccc;
  background:#003366;
}

/*-- breadcrumbs --*/
.breadcrumbs {
  color:#ff6600;
  font-size:11px;
}
.breadcrumbs a {
  color:#ff6600;
}

/*-- full width content --*/
.fullwidth {
  background-image:none;
}
.fullwidth .main {
  width:100%;
}

/*-- main entry --*/
h1.post-title {
  margin-bottom:0.5em;
  line-height:27px;
  font-weight:bold;
  font-size:14px;
  color:#666;
}
h1.post-title,
h1.post-title a {
  color:#666;
}
h1.post-title a:hover {
  text-decoration:none;
}
.post {
  margin-bottom:21px;
}
.main h2 {
  margin:0;
  padding:0 0 5px 0;
  color:#666;
  font-weight:bold;
  font-size:12px
}
.main h3 {
  margin:0;
  padding:0 0 5px 0;
  color:#666;
  font-weight:bold;
  font-size:12px
}
.entry {}
.entry ul,
.entry ol {
  margin-left:36px;
}
.entry ul li {
  list-style-type:square;
}
.entry a {
  text-decoration:underline;
}
.entry a.more-link {
  text-decoration:none;
}
.entry a.more-link:hover {
  text-decoration:underline;
}
.pagenav {
  margin-bottom:21px;
}

/*-- sidebar --*/
.sidebar {
  overflow:hidden;
  color:#666;
}
.sidebar p {
  margin-bottom:0.65em;
  line-height:1.2em;
}
.sidebar h3 {
  margin-bottom:2px;
  padding:0;
  color:#333;
  font-weight:bold;
  font-size:14px;
  border-bottom:1px solid #333;
}
.sidebar ul {
  position:relative;
  margin:0;
  padding:0;
  list-style-type:none;
}
.sidebar ul li.widget {
  margin-bottom:20px;
}
.sidebar ul ul {
  margin:0;
  padding:0;
}
.sidebar ul li li {
  font-size:12px;
  line-height:18px;
}
.sidebar ul li.widget_text {
  padding-bottom:0;
}
.sidebar a,
.sidebar a:active,
.sidebar a:visited {
  color:#666;
}

/*-- footer --*/
.footer {
  background:#003366;
  color:#666;
}
.footer p {
  margin:0;
  padding-right:5px;
  font-size:12px;
}
.footer a {
  text-decoration:none;
  white-space:nowrap;
  color:#666;
}
.footer a:hover {
  text-decoration:underline;
}
.footer ul {
  margin:0 0 1.0em !important;
  padding:0;
  list-style:none;
}
.footer li {
  display:inline;
  margin:0 5px;
  padding:0;
}

/*-- ads --*/
.beforepost,
.afterpost {
  display:block;
  margin-bottom:21px;
}

/*-- newsletter signup --*/
.newslettersignup {
  margin:0 auto;
  padding:0 22px 21px;
  width:250px;
  background:#fff url('img/newslettersignup-shadow.png') no-repeat center bottom;
}
.newslettersignup form {
  padding:10px;
  border:1px solid #b0a841;
  background:#fffbcc;
}
.newslettersignup h3 {
  margin-bottom:12px;
  text-align:center;
  border-bottom:1px solid #b0a841;
}
.newslettersignup p {
  margin-bottom:12px;
  text-align:center;
}
.newslettersignup table {
  margin:0;
}
.newslettersignup table td {
  padding:3px;font-weight:bold;
}
.newslettersignup form input[type="text"] {
  width:160px;
}

/*-- pc contact form plugin --*/
.contactform #fullname,
.contactform #email {
  width:60%;
}
.contactform #message {
  width:98%;
}

/*-- testimonial --*/
.testimonial {
  border:1px solid #b0a841;
  background:#fffbcc;
}
.testimonial p {
  padding:3px 5px;
  font-family:verdana,arial,helvetica,sans-serif;font-size:11px;
  line-height:15px;
}

/*-- pc content links plugin --*/
a.content-link {
  color:#333;
}