/*
Theme Name: Emagine Theme
Theme URI: http://emaginewebsites.com
Description: Theme for Emagine Websites
Version: 3.0
Author: Daniel Pak
Author URI: http://incambodia.net
*/

html,body{background-color:#e3e1e1;font-family:arial, helvetica, sans serif;font-size:12px; color:#555;}
html{overflow-y:scroll;}
h1,h2,h3,h4,h5,h6{margin-top:0;}
.maincontent {background-color:#fff;}
a {color:#999;}
a:hover {color:#555;}
.page {width:923px; margin: 12px auto 0;}
.header {background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/headerbg.gif); height:205px;}
.header_right {float:right;}
.logo {float:left;}
.logo img {position:relative; top:70px; left:60px;}
.designneeds {position:relative; top:65px; left:180px;}

/******** Mid level *********/

.midlevel {margin-top:8px; height:238px;}
.leftbox {width:576px; background-color:#fff; float:left;}
.leftbox .topbar, .rightbox .topbar, .maincontent .topbar {height:17px; background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/box_top.gif) 0 0;}
.leftbox .topbar_right, .rightbox .topbar_right, .maincontent .topbar_right {height:17px; background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/box_top_right.gif) no-repeat top right;}
.leftbox .bottombar, .rightbox .bottombar, .maincontent .bottombar {height:16px; background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/box_bottom.gif) bottom left;}
.leftbox .bottombar_right, .rightbox .bottombar_right, .maincontent .bottombar_right {height:16px; background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/box_bottom_right.gif) no-repeat bottom right;}
.leftbox .content, .rightbox .content, .maincontent .content {padding:0 8px;}
.leftbox .content{text-align:center;}
.rightbox {width:337px; background-color:#fff; float:right; height:238px;}
.rightbox .content {padding:0 8px; height:205px;}
div.bottombar {clear:both;}

/************ Body *************/

.maincontent {margin-top:8px;}
.maincontent .content {padding:0 8px; background-color:#fff;}
table.features {width:907px;}
table.features td {width:33%; vertical-align:top; padding:0 7px; font-family:Arial, helvetica, sans serif; font-size:12px; line-height:18px;}
.feature2 img.ftitle {margin-bottom:14px;}
.feature2 div.fcontent, .feature1 div.fcontent {margin-top:10px;}
.feature1 img.ftitle {margin-bottom:5px;}
.feature3 img.ftitle {margin-bottom:5px;}
.feature3 div.fcontent {margin-top:7px;}
.clients_header {font-weight:bold; text-transform:capitalize; color:#DB7A03; font-family:arial; border-bottom:1px solid #999; margin-bottom:10px; font-size:16px;}
.clientlogo {width:130px; margin:5px;}
.entry, .post h3 {margin-left:5px;}
.post h3 {font-family:'Vollkorn';font-weight:normal;font-size:23px !important;}
.entry p, .entry li {line-height:18px;}
#post-9 h3 {font-size:14px !important;}

/*Nav*/
#navigator {position:relative;top:-24px;right:7px;font-family:Arial, Helvetica, sans-serif;}
#navigator ul{height:63px; width:521px; float:right; background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/thenav2.png) no-repeat; list-style:none;padding:0}
#navigator ul.home{background-position:0 -315px;}
#navigator ul.about{background-position:0 -252px;}
#navigator ul.services{background-position:0 -189px;}
#navigator ul.work{background-position:0 -126px;}
#navigator ul.blog{background-position:0 -63px;}
#navigator ul.contact{background-position:0 0;}
#navigator ul li{float:left; height:63px;}
#navigator ul li#nav_home {width:74px;}
#navigator ul li#nav_home a {padding-right:5px}
#navigator ul li#nav_about {width:104px;}
#navigator ul li#nav_services {width:102px;}
#navigator ul li#nav_work {width:76px;}
#navigator ul li#nav_blog {width:73px;}
#navigator ul li#nav_contact {width:90px;}
#navigator ul li a{display:block; height:21px; padding-top:35px; padding-right:0px; position:relative; z-index:100; text-decoration:none; color:#fff; text-align:center; font-size:15px;}

/*********** Footer **************/

.footer {width:903px;margin:20px auto; padding:0 10px; color:#555; font-size:11px;clear:both}
.footer h4 {font-size:15px; margin:0 0 5px;}
.footer a {color:#555;font-size:11px;font-style:normal;}
.footer span {font-size:11px; line-height:18px; font-style:normal;}
span.org, span.type {display:none;}
span.tel {background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/icon_phone.png) no-repeat center left; padding-left:20px;}
a.email {background:url(http://emaginewebsites.com/wp-content/themes/emaginev3/images/icon_email.png) no-repeat center left; padding-left:20px;}
#contactform{font:12px/1.3 Helvetica, Arial, Sans-serif;color:#333;}
#contactform fieldset{border:0;}
#contactform .form-slider{padding:0 0 10px;}
#contactform label{color:#777;font-size:11px;margin-left:2px;}
#contactform input[type="text"], 
#contactform input[type="email"], 
#contactform input[type="url"], 
#contactform textarea{display:block;font-size:12px;border:1px solid #777; padding:5px; -moz-border-radius:2px; border-radius:2px; }
#contactform textarea{ letter-spacing:.06em;font-family:inherit; }
#contactform input[type="text"]:focus, 
#contactform input[type="email"]:focus, 
#contactform input[type="url"]:focus, 
#contactform textarea:focus{ border-color:#666;background:#fffcdf; }
#contactform input[type="submit"]{ -moz-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4); -webkit-box-shadow:inset 1px -1px 0 rgba(255,255,255,.4); box-shadow:inset 1px -1px 0 rgba(255,255,255,.4); line-height:30px; text-align:center; border:1px solid #999; margin:0 0 30px; -moz-border-radius:2px; border-radius:2px; background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #777),color-stop(0.99, #999)); background:-moz-linear-gradient(center bottom,#777 0%,#999 99%); text-shadow:0 1px 0 #111; color:#fff; padding:5px; font-size:16px; cursor:pointer; }
#contactform input[type="submit"]:hover{ color:#ccc; }
#contactform input[type="submit"]:active{ color:#333; text-shadow:0 1px 0 #fff; }
.contactTitle {font-size:15px;color:#04ade1;}
.contactInfo a {color:#555;}

.post {width:595px;padding-right:5px;float:left;}
.page-id-9 .post {width:100%;}
.request-quote h3.wtitle {display:none;}

.caption-top, .caption-bottom {color: #ffffff;	padding: 1.2em;font-weight: bold;font-size: 13px;font-family: arial;cursor: default;background: #000;text-shadow: 1px 1px 0 #202020;}
.caption-top {}
.caption-bottom {}
.caption a, .caption a {border: 0 none;text-decoration: none;background: #000000;padding: 0.3em;}
.caption a:hover, .caption a:hover {background: #202020;}
.caption-wrapper {float: left;}
br.c { clear: both; }
.images img {margin:13px;}
.images img.margin {margin-right: 20px; }

/* Work - boxed caption */

.boxgrid h3{ margin: 10px 10px 0 10px;color:#FFF;font:13pt Arial, sans-serif;letter-spacing:-1px;font-weight: normal;}
.boxgrid{width: 274px;height: 229px;margin:10px;float:left;background:#161613;overflow: hidden;position: relative;}
.boxgrid img{ 
  position: absolute;top: 0;left: 0;border: 0;}
.boxgrid p{ 
  padding: 0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}
.boxcaption{ 
  float: left;position: absolute;background: #000;height: 100px;width: 100%;opacity: .8;/* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.caption .boxcaption {
  top: 190px;left: 0;}

/* Blog */

.page-id-70 .content, .single .content {margin:0 3px;}
.page-id-70 .post {border-bottom:1px dotted #ccc; padding:7px 0 15px;}
.page-id-70 .post {margin-bottom:15px;}
.page-id-70 .entry {margin:0 5px;}
.page-id-70 h3 {color:#777;}
.page-id-70 h3 a {text-decoration:none}
.page-id-70 .entry p, .single .entry p {line-height:22px;}
div#respond {clear:both;margin-top:15px;margin:0 5px;}
.single .post h3 {font-size:17px;}

div.alignleft {font-size:11px;}
.maincontent .blog {
  float:left;
  width:590px;
}

.page-id-70 .maincontent .blog {margin-top:-18px;}
.maincontent .blog .post {margin-top:15px;margin-bottom:15px;}

.page-id-70 .content #sidebar, .single .content #sidebar {
  width:290px;
  float:left;
  padding:0 5px;
}

.maincontent .blog h3 a {color:#555;}
.maincontent .blog a:hover {text-decoration:underline;}
.maincontent .blog p.postmetadata {font-size:11px;}
.maincontent .blog p.postmetadata img {
  width:20px; height:20px; margin-right:8px;position:relative; top:8px;
}

.sub {
  font-family: 'Nobile', serif;
  font-size:13px;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 18px;
  color:#999;
}

.features h1 {
  font-family: 'Nobile', serif;
  font-weight:normal;
}

.twitter {background:url(http://emaginewebsites.com/wp-content/uploads/2010/12/quotes.png) no-repeat top left;padding-left:60px;font-family: 'Nobile', serif;color:#fff;clear:both;position:relative;top:35px;left:100px;font-size:15px;width:300px;}