/*
Theme Name: kendelaney(wd)
Description: My theme, by me, for me!
Version: 1.0
Author: Ken Delaney
Author URI: http://kendelaney.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";

html,body {height: 100%;background: #000 url(style/images/dkwood.jpg)}

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

#page-wrap {min-height: 100%;margin-bottom: -100px;position: relative;}
#top-wrap {height: 120px;background: #000 url(style/images/headbg.png) repeat-x;}
#head-wrap {margin: 0 auto;width: 960px;height: 118px;}
#content-wrap {margin: 0 auto;width: 960px;}

#opening {width: 825px;margin: 20px 0 15px 0;float: left;}
#sticker {float: right;margin-top: 3px;}

#client-slider {width: 960px;margin: 12px auto 0 auto;}

.dots {width: 960px;height: 20px;margin-bottom: 22px;background: url(style/images/line.png) no-repeat;}

#home-post {float: left;width: 472px;border-right: 1px dotted #ccc;margin-top: 32px;padding-right: 8px;}
#home-post p {font-size: 16px;}
#see-more {float: right;width: 467px;height: 180px;}
#see-more p {margin-top: 80px;}
#see-more a, #see-more a:visited {color: #999;font-size: 95px;height: 95px;line-height: 95px;}
#see-more a:hover {color: #666;}
#comingsoon {float: left;width: 960px;background: url(style/images/coming.png) no-repeat;padding-top: 50px;}

.clearfooter {height: 100px;clear: both;}
#footer {position: relative;height: 100px;background-color: rgba(0, 0, 0, 0.3);margin-top: 50px;}
#copyright {color: #666666;font-size: 10px;height: 12px;width: 960px;margin: 0 auto;padding-top: 12px;}
#thanks {height: 200px;margin-top: 100px;}

/* PORTFOLIO FRAMES */

.cframe {width: 197px;height: 260px;float: left;margin: 10px 21px 20px 21px;}
.client-name {font-size: 16px;margin: 138px 0 0 22px;}
.details {margin: 3px 0 0 48px;}
.progress {margin: 3px 0 0 20px;}
.overview {margin: 0 0 0 24px;}

#hold {background: url(style/images/hold.png) no-repeat;}
#mus  {background: url(style/images/mus.png) no-repeat;}
#cas  {background: url(style/images/cas.png) no-repeat;}
#tkc  {background: url(style/images/tkc.png) no-repeat;}
#verb {background: url(style/images/verb.png) no-repeat;}
#j4g  {background: url(style/images/j4g.png) no-repeat;}
#ism  {background: url(style/images/ism.png) no-repeat;}
#ali  {background: url(style/images/ali.png) no-repeat;}
#pde  {background: url(style/images/pde.png) no-repeat;}
#chrs {background: url(style/images/chrs.png) no-repeat;}
#nflef{background: url(style/images/nflef.png) no-repeat;}
#virt {background: url(style/images/virt.png) no-repeat;}
#ocee {background: url(style/images/ocee.png) no-repeat;}
#stgm {background: url(style/images/stg.png) no-repeat;}

/* CLIENT PAGES */

#leftcol {float: left;width: 480px;margin: 15px 0 25px 0;}
#rightcol {float: right;width: 465px;margin: 15px 0 25px 0;color: #474747;}
#client-info {height: 290px;}
#client-info p {font-size: 16px;color: #ccc;}						
#using {background: #ffffff url(style/images/tbg.jpg);height: 150px;}
#using p {font-weight: bold;font-style: italic;font-size: 14px;}
.live {margin: 8px 0 0 0;}
.tools-used {padding: 10px;text-shadow: 0 1px 0 #fff;}
#tools	{list-style-type: none;}
#tools li {display: inline;float: left;}
#tools a {margin-left: 10px;}

/* FORM ELEMENTS */

#li--1, #li--2, #li--3 {float: left;width: 279px;padding-right: 21px;}
#li--4 {float: left;width: 300px;}