/*  
Theme Name: IMG Blue Business Theme
Theme URI: http://www.dreamwc.com
Description: A blue minimalist theme for business customized for IMG Video Productions. 
Version: 1.0
Author URI: http://www.dreamwc.com
*/
body {background: #070a06;}

a {text-decoration: none; color: #212e35;}

a:hover {text-decoration: underline; color: #97b0c5;}

h1 a {color:#fff;}

h2 a {color: #31322d;}

h3 {color: #212e35;}
 
/* here's the box... the image is the upper-left corner */
#wrapper {background: #fff url(images/top-left-wrapper.gif) no-repeat top left; height: auto; position: relative;}

/* these are the other three spans. classes were used to allow multiuse on a page */
.wtr, .wbl, .wbr {
  position : absolute;
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.wtr {
  background : transparent url(images/top-right-wrapper.gif) no-repeat;
  width : 26px;
  height : 34px;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.wbl {
  background : transparent url(images/bottom-left-wrapper.gif) no-repeat;
  width : 37px;
  height : 41px;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.wbr {
  background : transparent url(images/bottom-right-wrapper.gif) no-repeat;
  width : 42px;
  height : 41px;
  right : 0;
  bottom : 0;
}

#header {margin-bottom: 15px;}

#logo {padding-left: 10px;}

#logo h1 { font-size: 34px; margin-bottom: 0; }

p#slogan { color: #fff; font-size: 12px; margin: 0;}

#s {background: transparent url(images/search-text-bg.gif) no-repeat; border: none; width: 243px; height: 30px; padding-top: 10px; text-indent: 13px;}

/* #searchsubmit {background: #000 url(images/searchsubmit.gif) no-repeat; border: none; width: 75px; height: 35px; padding-bottom: 3px; font-weight: bold; color: #fff;}
*/
#banner { background: transparent url(images/banner.gif) no-repeat; width: 936px; height: 209px; margin-bottom: 20px; position: relative; top: 7px; left: 8px;}

#banner span {position: relative; top: 50px; left: 55px; font-size: 34px; width: 375px; display: block; font-style: italic; line-height: 40px;}

#navcontainer {background: transparent url(images/main-nav-bg.gif) repeat-x; margin: 20px 10px; height: 41px;}

.navleft { background: transparent url(images/main-nav-left.gif) no-repeat left top; height: 41px;}

.navright { background: transparent url(images/main-nav-right.gif) no-repeat right top; height: 41px;}

#navlist {padding-top: 8px; }

#navlist li { display: inline; list-style-type: none; padding-right: 20px; font-size: 16px; margin-left: 25px; }

#navlist li a {color: #fff;}

#main-content h2 {line-height: 30px; margin: 0;}
#main-content h2 a {text-decoration: none;}
#main-content h2 a:hover {text-decoration: underline;}
#main-content a {text-decoration: underline;}
#main-content a:hover {text-decoration: none;}

img.wp-smiley {float:none; margin:0;}

.post {border-bottom: 1px dotted #ddd; margin-bottom: 20px;}
p.post-info {margin-bottom: 5px;}
p.post-info a {text-decoration: underline;}
p.post-info a:hover {text-decoration: none;}
p.post-meta {background: #e0e7ed; padding: 7px 0 7px 10px; color: #7f7c77;}
p.post-meta a {color: #7f7c77; text-decoration: underline;}
p.post-meta a:hover {color: #7f7c77; text-decoration: none;}
a.more-link {text-decoration: underline; }
a.more-link:hover {text-decoration: none;}

.navigation {width: 100%; margin-bottom: 20px; float: left;}
.navigation div {float: left; margin-right: 20px; }
.navigation div a {padding: 7px; text-decoration: underline; background-color: #97b0c5; color: #31322d; }
.navigation div a:hover {text-decoration: none; background-color: #E0E7ED; color: #31322d;  }

h3#comments_number {margin-top: 20px;}
ol.commentlist {list-style-type: none; margin-left: 0;}
ol.commentlist li {margin-bottom: 15px;}
.comment {border: 1px solid #97b0c5; padding: 10px 0 10px 10px; float: left; width: 100%; margin-bottom: 15px;}
.comment img.avatar {float: left; margin-right: 10px;}
.comment cite {float: left; font-style: normal; margin-bottom: 5px;}
.comment p {float: right; width: 550px;}

#side-content {margin-left: 18px;}
#side-content h3 {background: transparent url(images/sidebar-h3.gif) no-repeat; width: 241px; height: 35px; text-indent: 15px; padding-top: 9px; font-weight: normal; font-size: 16px; color: #fff; margin:0;}
#side-content ul {list-style-type: none; margin-left: 5px; margin-right: 0;}
#side-content ul li {background: transparent url(images/marker.gif) no-repeat 3px 7px; padding: 0 0 4px 17px;}
#side-content ul li a {text-decoration: underline;}
#side-content ul li a:hover {color: #70565d; text-decoration: none;}


#footer {width: 950px; border-top: 1px solid #ddd; padding-top: 15px;}
#footer p {margin-left: 40px; color: #7F7C77;}
#footer a {text-decoration: underline; color: #7F7C77;}
#footer a:hover {text-decoration: none; color: #212E35;}