/*  
Theme Name: KathDesign
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
body {background:url/(http://i41.tinypic.com/oqxc21.jpg) center top repeat-y; margin:0; padding:0px; font:91%/1.373em lucida sans; text-align:center}
body div {text-align:left}
h1 {margin:0;}
html>body {font-size:0.91em; line-height:1.373em;}
a {text-decoration:none; color:#2FA100;}
a:hover {text-decoration:none; color:#67009D;}
.outer {background:url(http://i43.tinypic.com/pupu0.jpg) left top repeat-y; width:960px;}
body>div.outer {width:auto; margin-left:20%; margin-right:20%; max-width:960px!important; min-width:885px!important;}
.inner{ background:url(http://i41.tinypic.com/oqlhcg.jpg) right top repeat-y; margin-top:6px;}
.inner-2 { background:url(http://i44.tinypic.com/2na1dnk.jpg) top repeat-x; }
.inner-3 { background:url(http://i40.tinypic.com/2j2dtlk.jpg) top left no-repeat; }
.inner-4 {background: url(http://i40.tinypic.com/30suebs.jpg) top right no-repeat;}
.inner-5 {background: url(http://i40.tinypic.com/dea455.jpg) bottom repeat-x;}
.inner-6 {background: url(http://i41.tinypic.com/242zb4o.jpg) left bottom no-repeat;}
.inner-7 {background: url(http://i42.tinypic.com/t4u0xv.jpg) right bottom no-repeat; padding:15px 27px 0px 27px;}
.up-nav {margin-top:0.6865em;}
.up-nav li {float:right; list-style:none;  margin-left:0.6865em; margin-right:0.6865em; margin-bottom:0.34325em;  }
.up-nav li a {font-size:0.9em; display:block; text-decoration:none; padding:0px 5px; background:none;}
.up-nav li a:hover {color:white; background:#2FA100;}
#headerimg {clear:both; padding-top:1.4em;}
#title {margin:0px; padding:0px; font-size:6em; line-height:1.373em; display:inline; letter-spacing:-0.09em; font-family:georgia; font-style:italic;}
#subtitle {font-size:3em; line-height:0.9155em; margin-top:-1.5em; text-align:left;  font-style:italic; margin-right:0.5em; float:right; width:22%; text-align:right; margin-top:-11.5%}
.content {float:left; width:74.5%; width:100%}
.sidebarone {float:left; width:23.4%; margin-left:2.1%; display:none}
.sidebarone ul {padding:0px; list-style:none; }
.sidebarone ul ul {list-style:disc; margin-left:1.373em; }
.sidebarone img {width:50%}
.footer {clear:both; padding-bottom:85px; padding-left:340px;  font-size:0.8em}
* .footer {min-height:240px; }
.footer ul {padding:0; list-style:none;}
#search {display:none;}
#meta h4 {display:none;}
#meta {margin-left:auto;}
#meta ul {margin:0em; padding:0em;}
#meta li {margin:0px 10px;}
#meta li a {display:inline-block; padding:0em 0.5em}
#meta li a:hover {background:#2FA100; color:white;}
.fleft, .fright, .fcenter {float:left; background:none; margin-left:3.4%;}
.fleft {width:26.6%; padding-top:1.373em}
.fcenter {width:16.8%;}
.fright {width:36.2%;}
.sidebarone .widget_pages {display:none;}
.random_imgs {display:none;}
.skills-widget {float:right; width:23.4%; margin: 0% 2.1%; background:#efefef; border:1px dotted#ccc}
.skills-widget h4 {margin:0.6865em;}
.imgs {display:block;}
.imgs img {margin-left:10px; margin-right:auto; border:5px #ccc solid; }
.imgs a:hover img {border:5px #aaa solid }
.imgs p {text-align:right; margin-right:10px;}
.img p a {display:inline-block; padding:0em 1em;}
.imgs p a:hover {background:#2FA100; color:white;}
.narrowcolumn a img {margin-left:10px; margin-right:auto; border:5px #ccc solid; }
.narrowcolumn a:hover img {border:5px #aaa solid }
*/

/* this is my old CSS */
  body  {
background : #fff url(images/backgif.gif) repeat-x center top;
margin : 0;
padding : 0;
}
img {
border : 0;
}
.outer {
background : url(images/swish3.gif) no-repeat left 0;
margin : 0;
padding : 0;
width : 960px;
margin-left : auto;
margin-right : auto;
}
.inner {
width : 960px;
margin-right : auto;
margin-left : auto;
}
#title {
margin : 0;
margin-left : 420px;
padding-top : 100px;
text-align : left;
font-size : 4.5em;
text-align : right;
}
#subtitle {
text-align : right;
margin : 0;
margin-top : -15px;
font-variant : small-caps;
margin-bottom : 15px;
color : #00bfff;
font-size : 1.9em;
line-height : 100%;
font-weight : 600;
}
body, div, table, td {
font-family : helvetica, verdana, tahoma, arial, sans-serif;
font-size : 10pt;
}
.sidebarone {
float : left;
margin-left : 40px;
width : 300px;
margin-top : 70px;
}
.content {
width : 620px;
float : right;
margin-top : 40px;
}
.sidebarone ul {
list-style : none;
padding : 0;
margin : 0;
}
.sidebarone ul li {
padding : 0.5em 0;
}
.sidebarone ul li a {
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
font-size : 1.5em;
}
.sidebarone ul li a:hover {
color : #666;
}
.footer {
clear : both;
}
#pagetitle, .pagetitle {
font-size : 2em;
margin : 0;
margin-bottom : 10px;
}
#sidebar li {
margin : 0;
}
a:hover {
color : #00bfff;
}
.footer {
background : #999 url(http://glass-slipper.net/wp-content/themes/default2/images/swishes.gif) no-repeat bottom right;
border-bottom : 2px solid #888;
border-top : 2px solid #aaa;
margin-bottom : 20px;
}
.footer ul {
padding : 0;
margin : 0;
list-style : none;
display : inline-block;
}
.fleft, .fcenter, .fright {
width : 320px;
float : left;
}
.footer:after {
content : "";
display : block;
height : 0;
clear : both;
}
.fleft {
padding-bottom : 20px;
}
.fleft input {
float : left;
height : 30px;
padding : 0;
margin : 0;
border : 0;
width : 30px;
margin-right : 10px;
font-family : verdana;
color : #666;
font-size : 1em;
text-transform : uppercase;
font-weight : bold;
background : #eee;
border : 1px solid #666;
}
.fleft #s {
width : 180px;
margin-top : 0;
margin-left : auto;
margin-right : 5px;
background : #eee;
font-size : 8pt;
height : 23px;
vertical-align : bottom;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
border-left : 1px solid #666;
}
.fleft {
padding-top : 20px;
text-align : center;
}
.fleft ul {
width : 241px;
}
.widget_meta {
text-align : left;
padding-top : 10px;
clear : both;
}
.widget_meta h4 {
display : none;
}
.widget_meta li {
font-size : 0.7em;
}
.widget_meta li a {
font-weight : normal;
text-transform : uppercase;
}
.widget_meta li a:hover {
color : white;
}
.textwidget {
padding : 10px;
font-size : 8pt;
}
.textwidget p {
padding : 0;
margin : 0;
}
.textwidget p a {
color : white;
}
.content {
margin-bottom : 30px;
}
#title a {
color : black;
text-transform : lowercase;
}
#title a:hover {
color : #666;
}
.post small {
display : block;
text-align : right;
text-transform : uppercase;
font-family : verdana;
float : right;
margin-top : -40px;
width : 70px;
text-align : right;
}
.post h2 {
font-size : 2.5em;
margin-bottom : 0;
color : #333;
}
.post {
margin-bottom : 30px;
}
.post {
clear : right;
}
.post p {
font-size : 1.1em;
line-height : 150%;
}
.postmetadata {
font-size : 8pt;
text-transform : uppercase;
background : #ddd;
padding : 7px;
border-bottom : 2px solid #bbb;
text-align : right;
}
.postmetadata small {
float : none;
width : auto;
margin-top : 0;
text-align : left;
font-size : 0.5em;
line-height : 150%;
letter-spacing : 0;
}
#comment {
background : #eee;
border : 5px solid #888;
width : 600px;
height : 150px;
font-family : verdana;
padding : 5px;
}
#commentform #submit {
background : #eee;
border : 5px solid #888;
color : #777;
width : 100%;
font-weight : bold;
padding : 0.5em;
}
#commentform input {
background : #bff0ff;
font-family : verdana;
font-size : 1.2em;
color : #666;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.widget_pages .widgettitle {
display : none;
}
.gallery a img, .attachment a img {
border : 10px solid #e0e0e0;
}
.gallery a img:hover, .attachment a img:hover {
border : 10px solid #999;
}
p.attachment {
text-align : center;
}
p.attachment img {
border : 10px solid #999;
}
.caption {
font-weight : bold;
font-size : 1.2em;
}
.clear {
clear : both;
} 

#gb_form_div small {
width:auto; 
float:none; 
text-align:left; 
display:block; 
margin:0px;
}

.post ul li {
font-size: 1.1em
}

.random_imgs a img {
border:10px solid #ddd; 
width:80%
}

.random_imgs a:hover img {
border:10px solid #aaa; 
width:80%
}

.random_imgs p {
font-size:0.7em; 
text-transform:lowercase!important; 
text-align:right; 
margin-right:40px;
}


/* stuff for new design */
.up-nav {display:none;}
.fright {display:none}
.fcentre {display:none}
.sidebarone .widget_text {display:none;}
.skills-widget {display:none;}
.imgs {display:none;}

/*and new CSS:*/

h1,h2,h3,h4,h5,h6 {margin-top:0}
.pg {position:relative; width:986px; margin-left:auto; margin-right:auto; margin-top:20px;}
.outpg, .outpg .a, .outpg .b, .outpg .c, .outpg .d, .outpg .e, .outpg .f, .outpg .g, .outpg .h, .outpg .in {position:relative;}
.outpg .a {background:url(images/boxt.jpg) top center repeat-x}
.outpg .b {background:url(images/boxb.jpg) bottom center repeat-x}
.outpg .c {background:url(images/boxl.jpg) left center repeat-y}
.outpg .d {background:url(images/boxr.jpg) right center repeat-y}
.outpg .e {background:url(images/boxtl.jpg) left top no-repeat}
.outpg .f {background:url(images/boxtr.jpg) right top no-repeat}
.outpg .g {background:url(images/boxbrw.jpg) right bottom no-repeat}
.outpg .h {background:url(images/boxblw.jpg) left bottom no-repeat}
.outpg .in {padding-bottom:13px; padding-left:13px; padding-right:13px; }

body {margin:0; padding:0;}

.outpage .in {padding-bottom:13px; padding-left:13px; padding-right:13px;}
#logo {position:absolute; margin-left:-30px; margin-top:-20px;z-index:20;}
body {font-size:16px; font-family:arial, sans-serif; }
span.title {display:block;  position:absolute; left:170px; line-height:140px; font-size:3em; width:100%; text-transform:lowercase; }

.nav {width:960px; padding-top:140px; }
.nav ul {margin:0; padding:0; list-style:none; overflow:auto; margin-left:20px;}
.nav li {float:left; display:block; margin:0px 10px;}
.outpg .in {padding-left:13px;}
.nav a {color:#000000; text-decoration:none; font-size:1.4em;}
li.current-page-item a {color:#00B1EF}
.nav a:hover {color:#2F8EFF;}

.img-wrap {display:block; background:url('images/feature-bg.jpg') no-repeat;}
.img-wrap {padding:25px 0px 0px 25px;}
.main-feature {position:relative; height:500; overflow:hidden; background:#f0f0f0; width:960px;}
.images {float:left; width:56%; height:345px}
.text {float:left; width:40%; height:345px }
.main-feature h2 {position:relative; top:-20px; background:; margin:0; z-index:20;}
.feattitle {margin:0; background:url('images/ghighlight.jpg') no-repeat right bottom;}

.feattitle {text-align:right; margin-right:50px; width:330px; text-align:center; margin-left:auto; margin-right:20px; text-transform:lowercase; font-size:2.4em; color:#555; padding-top:0.4em; z-index:20; position:relative; /*bottom:-8px;*/ margin-top:-50px;}
.small-thumbs {clear:both;}
.small-thumbs a {display:inline-block; width:25%; text-align:center; }
.small-thumbs a img {border:3px solid #666;}
span.more {background:#6BBA1E;}
span.more, span.more span {display:block; position:relative; overflow:auto;}
span.more .a {background:url('images/btn-l.jpg') left center repeat-y;}
span.more .b {background:url('images/btn-r.jpg') right center repeat-y;}
span.more .c {background:url('images/btn-t.jpg') center top repeat-x;}
span.more .d {background:url('images/btn-b.jpg') center bottom repeat-x;}
span.more .e {background:url('images/btn-tl.jpg') left top no-repeat;}
span.more .f {background:url('images/btn-tr.jpg') right top no-repeat;}
span.more .g {background:url('images/btn-bl.jpg') left bottom no-repeat;}
span.more .h {background:url('images/btn-br.jpg') right bottom no-repeat;}


body {background:white;}
span.raquo {display:inline!important;}
span.more a {display:inline-block; line-height:32px; text-decoration:none; color:#ffffff; padding:0px 7px; font-weight:bold; }
span.more {margin-bottom:10px;}


.blog, .blurb, .meanwhile {width:100%; overflow:auto;}
.title {float:left; width:100px; margin-left:20px; text-transform:lowercase;}
.col-a, .col-b, .col-ab {float:left; width:390px; margin-left:20px;}
.col-ab {width:800px;}
.meanwhile {background:#eaeaea url(images/boxbrg.jpg) right bottom no-repeat;}
.mean-in {background:url(images/boxblg.jpg) left bottom no-repeat; padding-bottom:10px; }
span.date {float:right;}
.mean {margin-top:0px;}


.title h2 {font-weight:normal; font-size:2eml color:#666666;}
span.date {display:block; position:absolute; right:0; top:20px; font-size:0.7em; text-transform:uppercase;}

.col-a, .col-b, .col-ab {position:relative;}

.events, .twlinks, .twitter {float:left; margin-left:2%;}
.events {width:10%;}
.mean-in {width:100%; overflow:auto; padding-top:20px}


.l-in {position:relative; background:url(images/social.jpg) left top no-repeat; width:119px; height:114px; left:20px; top:20px;}
.l-in a {dipslay:block; position:absolute; width:60px; height:55px; overflow:hidden;  font-size:0; opacity:0; }

a.tw {top:0px;  left:60px;}
a.li { top:10px; }
a.fb {left:35px; top:55px;}


.twlinks{width:17%; height:150px;}
.twitter, .events {width:37%; }

a {color:#37BF00; text-decoration:none; }
a:hover {color:#990099;}
.events h4 {margin-bottom:0; font-size:1.2em}
.events h3, .twitter h3 {font-size:1.3em;}
.event p {margin-top:0;}
.events,.twitter {font-size:0.9em;}
span.r {float:right;}
span.loctime {display:block; font-size:0.9em; background:#cfcfcf; padding:5px;}
span.datetime {float:right; margin-bottom:10px;}
.twitter span {display:block;}
.tweet {padding-bottom:20px;}
.dttime {text-align:right; font-size:0.8em; color:#990099;}

div.blog {padding-top:20px;} 

div.text {padding-top:30px; position:relative;}
.small-thumbs {position:absolute; width:380px; bottom:20px;}
.main-feature {height:346px;}
div.small-thumbs {right:35px;}

ul.twul, ul.twul ul {padding:0; list-style-type:none;}
.loctime {overflow:hidden;}
.loc {float:left; width:49%;}
.datetime {float:right; width:49%;}
.event {width:100%; overflow:hidden; padding-bottom:10px;}
.event {font-size:11px;}
.twitter ul {margin:0; }
.twitter h4 {display:none;}

ul.skills {list-style-type:none; padding:0; margin:0; width:40%; float:right;}
ul.skills h4 {margin-bottom:0; color:#990099; padding-top:15px; vertical-align:bottom; font-size:1.3em}
.home div.post {width:58%; float:left; clear:none;}
#content {height:100%; overflow:hidden; padding:20px; padding-bottom:0;}
ul.skills ul li {font-size:1.3em}

/* Type CSS rules here and they will be applied
to pages from '192.168.0.105'
immediately as long as you keep this window open. */
h2.maintitle {border-bottom:20px #eaeaea solid;  
color:#555555;
font-size:2.4em;
margin-left:auto;
position:relative;
text-align:right;
padding-right:20px;
text-transform:lowercase;
margin-top:-30px;
background:url("images/ghighlight.jpg") no-repeat scroll right bottom transparent; margin-bottom:0;}
.nav {z-index:100; position:relative;}
.title {position:relative; z-index:200}

.home h2.maintitle {background:none; border:0; text-align:left; margin-top:0; padding-top:25px; text-transform:none; padding-left:20px; margin-bottom:0; padding-bottom:0;}


div.post {position:relative;}
a.post-edit-link {display:block; background:#eaeaea; position:absolute; bottom:10px; right:0; padding:10px; border:#cccccc solid 1px; border-right:0; border-bottom:#aaa solid 1px; color:#aaaaaa;}
a.post-edit-link:hover {color:#666666}
#content {position:relative;}

span.more {position:absolute; bottom:120px; width:400px; border:1px solid #006633}
.img-wrap a img {width:484px; height:320px;}

.si-ctact div {float:left;}
.si-ctact {height:100%; position:relative; overflow:hidden;}
div.si-required {float:left; clear:both!important;  color:#ff0000; visibility:hidden; }
div.name {clear:left; margin-right:30px; }
.si-ctact input {width:200px}
div.email {margin-right:30px;}
div.msg {clear:left; width:100%; padding-bottom:20px;}
.msg label {display:block; }
.msg textarea {width:885px; margin-bottom:10px;}
div.captcha div {clear:left;}
div.subb {width:640px;}
.fancysub {
border:1px solid #006633; background: url('images/sub.jpg') repeat-x bottom #acfd56; font-size:20px; color:#ffffff; padding:5px;; float:right;}


div.ctactform {width:100%!important; overflow:hidden; }
div.req {text-align:right!important; color:#ff0000;}
div.name, div.email, div.subj {width:30%; float:left;}
div.name input, div.email input, div.subj input{width:200px;}
div.message textarea{vertical-align:top; width:88%;}
div.message {padding-top:20px!important; clear:both;}

div.ctactform, label, textarea, input {font-family:arial!important; font-size:11pt;}

div.sub input {background:url("images/btn-b.jpg") repeat-x scroll center bottom #6CBC1F; border:1px solid #006633; color:#ffffff; font-weight:bold; padding:5px; width:400px; }
div.sub {text-align:center!important;}
.captchaout {overflow:auto; width:528px; padding-top:20px; padding-bottom:20px; margin-left:auto; margin-right:auto;}
.captcha, .captchaimg {float:left;}
.captcha {position:relative; top:30px; padding-right:20px; margin-left:50px;}


.blog .post-edit-link, .single .post-edit-link {border:none; background:none; position:relative; padding:0; margin:0; display:inline; bottom:0;}
.blog .postmetadata, .single .postmetadata {font-size:12px;}

.wp-caption {background:#eeeeee; border:1px solid #cccccc; padding:5px; text-align:center; }
.wp-caption p {margin:0; padding:10px 0px; font-size:10pt;}
#commentform input, #submit, #comment {border:2px solid #cccccc!important; background:#eeeeee; }
#commentform input {width:75%; float:right; margin:5px 0px; }
#commentform label {float:left; margin:5px 0px;}
#comment {width:99%;}

.mmf .m {float:right;  width:49%;}
.mmf div.l {float:left; width:49%;}
.mmf .sub {clear:both;}
.mmf .e {background:none;}
.mmf br {display:none;}
.mmf label {display:inline-block; width:100px; text-align:right}
.mmf .m textarea {height:70px}
.mmf .sub input {background:#159CE8; border:2px outset #8FD7FF; color:#ffffff; font-weight:bold; padding:5px; width:200px; }


.alignleft {margin-right:15px;}
.alignright {margin-left:15px;}

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

/* styles for the blog sidebar. Only visibile when logged in */
.blogbar {display:none}
.logged-in .blogbar {display:block}
.logged-in .blogbar ul {margin:0; padding:0; list-style-type:none;}
.logged-in .blogbar ul {margin-bottom:20px;}
.logged-in .blogbar h3 {margin:0;}
.logged-in .blogbar {float:right; width:250px;  
-moz-box-shadow: 1px 1px 10px #aaa;
	-webkit-box-shadow: 1px 1px 10px #aaa;
	box-shadow: 1px 1px 10px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');}
.logged-in ul.blog-sidebar {padding:10px;}
.logged-in .blogcontent {float:left; width:620px; }
.feattitle {clear:both}
div.icos { text-align:center;}
div.icos img {margin:3%}