/* @override 
	http://localhost/dra_studio/wp-content/themes/illustrative/style.css
	http://www.drastudio.com/wp-content/themes/illustrative/style.css
*/
/*
Theme Name: Illustrative
Theme URI: http://www.getillustrative.com
Description: Illustrative parent theme, based on Andreas Viklund's public domain '1024px' theme.
Version: 1.0
Author: Oscar Cortez
Author URI: http://www.getillustrative.com
Tags: custom, illustrative
*/
/* ---- Color Palette ----
	Purple - #820080
	Green - #96C400
	Ash Grey - #2A2A2A
	Blue - #1B9AC4
	Light Blue Grey - #859194
*/
/* @group Structure */
html{
	min-width: 960px;
	background: url(img/bg_global.jpg) repeat 200px 195px;
}
/* STEINEM FONT IMPLEMENTATION, thanks: http://www.fontspace.com/apostrophic-lab/steinem */
@font-face{
	font-family: "Steinem Regular";
	src: url(font/steinem.ttf) format("truetype");
}
#interactBox h3, h2, #colophon h5, #commentform input.button{
	font:  21px "Steinem Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
}
/* PRETTY BACKGROUND, thanks: http://www.photoshoproadmap.com/Photoshop-blog/2009/03/20/60-beautiful-high-resolution-paper-backgrounds/ */
body{
	color: #2A2A2A;
	font: 75%/1.5em Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	background: url(img/bg_body.png) repeat-x center top;
}
header{
	height: 275px;
	padding-bottom: 78px;
}
body.home div.section, #interactBox{
	background: url(img/gfx_divide.png) no-repeat center bottom;
}
div.discussion{
	background: url(img/gfx_divide.png) no-repeat center top;
	padding-top: 30px;
}
#interactBox{
	text-align: center;
	padding-bottom: 2.5em;
}
#sidebar #interactBox{
	background: none;
	text-align: left;
	padding-bottom: 0;
}
body.home div.section, #mainbar.singlePage div.section{
	min-height: 240px;
	margin-bottom: 1.75em;
}
body.home div.section:last-child, #mainbar.singlePage div.section:last-child{
	margin-bottom: .5em;
}
#mainbar.singlePage{
	float: left;
}
#wrapper{
	width: 960px;
	text-align: left;
	margin: 0 auto -47px;
}
#mainbar{
	width: 720px;
	padding: 15px 40px 0 0;
	float: left;
}
body.page-id-6397 .contenttext, body.page-id-6397 .meta, body.page-id-6355 .contenttext, h2.pageTitle, body.page-id-6355 .meta{
	padding-left: 75px;
}
.list{
	margin: 0 100px 0 80px;
	width: 870px;
}
body.home #mainbar, #mainbar.singlePage{
	width: 960px;
	padding-right: 0;
	float: none;
}
.tweet{
	background: url(img/bg_tweet.png) no-repeat 95px 48px;
	margin-bottom: 25px;
}
.comment{
	background: url(img/bg_tweet.png) no-repeat -60px 48px;
	margin-bottom: 25px;
}
.commentAdmin{
	background: url(img/bg_tweet.png) no-repeat 20px 48px;
	margin-bottom: 25px;
}
.authorPic{
	float: left;
	width: 48px;
	height: 48px;
}
.avatar{
	width: 48px;
	height: 48px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.tweet div.main, .comment div.main, .commentAdmin div.main{
	float: left;
	width: 540px;
	min-height: 44px;
	margin-left: 15px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fff;
}
div.comment div.main{
	background-color: #e4e6de;
}
.tweet p.meta, .comment p.meta, .commentAdmin p.meta{
	text-align: right;
}
#sidebar{
	width: 200px;
	float: right;
}
.widget{
	margin-bottom: 20px;
}
#recent-comments ul{
	background: url(img/bg_recentcomm.png) no-repeat 10px 0;
	padding-top: 15px;
}
#recent-comments ul:hover{
	background: url(img/bg_recentcomm.png) no-repeat 10px -19px;
	padding-top: 15px;
}
#recent-comments li, .tweet .main, .comment .main, .commentAdmin .main{
	margin-bottom: 15px;
	padding: 10px 10px 10px 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 2px 2px 1px #ccc;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	font-weight: normal;
	list-style-type: none;
	background-color: #fff;
	word-wrap: break-word;
}
#recent-comments li:hover{
	background-color: #edfffd;
	color: #294e6e;
}
body.home .section .post{
	float: left;
	width: 30%;
	padding: 0 0 20px 0;
}
.section dl{
	float: left;
	width: 20%;
	padding-bottom: 20px;
}
#mainbar.singlePage dl{
	margin-right: 20px;
	padding-bottom: 0;
}
#mainbar.singlePage .list dl{
	width: 188px;
}
.post, .discussion, #postNav, .tweet{
	padding-left: 73px;
}
body.archive .post, body.page .post, body.search .post{
	margin-bottom: 15px;
}
p.postmeta{
	clear: both;
	padding: 10px 0 0 0;
}
footer{
	width: 100%;
	color: #fff;
	padding-top: 4em;
	padding-bottom: 3em;
	background-color: #859193;
}
footer, #follow{
	text-align: center;
}
#colophon{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#colophon div{
	background: none;
}
#colophon .section{
	float: left;
	width: 40%;
	padding-left: 8%;
	padding-right: 2px;
}

/* @end */
/* @group Navigation */
a:link{
	color: #1B9AC4;
	text-decoration: underline;
}
a:visited{
	color: #820080;
}
a:hover{
	color: #96C400;
	text-decoration: none;
}
a:active{
	
}
header h1 a{
	display: block;
	width: 960px;
	height: 275px;
}
header a, #pageEnd a, #mainbar h1 a, body.home #content .section a, #interactBox a{
	outline: none;
}
body #wrapper>div#interactBox a{
	color: #2A2A2A;
	text-decoration: none;
	margin-right: 1em;
}
body #wrapper>div#interactBox a:hover{
	text-decoration: underline;
}
#mainbar h1 a{
	display: block;
	width: 49px;
	height: 220px;
}
#content .section img{
	margin: 0 10px 14px 8px;
	background-color: #eee;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	-moz-box-shadow: 2px 2px 4px #ccc;
	-o-box-shadow: 2px 2px 4px #ccc;
}
#content .section a img:hover, body.archive #content img:hover, body.search #content img:hover{
	border-color: #1B9AC4;
}
body.archive #content .post img, body.search #content .post img{
	margin: 0 10px 10px 0;
	background-color: #eee;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px #ccc;
	-webkit-box-shadow: 2px 2px 4px #ccc;
	-moz-box-shadow: 2px 2px 4px #ccc;
	-o-box-shadow: 2px 2px 4px #ccc;
}
p.postmeta a, .premeta a, .cat-item a{
	background-color: #1B9AC4;
	padding: 3px 10px;
	font-size: .95em;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
p.postmeta a:hover, .premeta a:hover, .cat-item a:hover{
	background-color: #96C400;
	color: #fff;
}
body.home .postmeta a{
	font-size: 1em;
	color: #1B9AC4;
	text-decoration: underline;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: url(img/gfx_more.png) no-repeat 62px 0;
	padding: 1px 100px 20px 0;
}
body.home .postmeta a:hover{
	color: #96C400;
}
div.introText{
	margin-bottom: 25px;
}
#follow a{
	color: #2A2A2A;
}
p#pageEnd{
	width: 92px;
	height: 92px;
	text-align: center;
	text-indent: -9999px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: url(img/logo_drastudio.png) no-repeat -92px 0;
}
p.rowEnd{
	display: block;
	float: left;
	margin: 70px 0 0 0;
	background: url(img/gfx_more.png) no-repeat 25px 30px;
	padding: 10px 10px 50px;
}
/* SIMPLE FADE, thanks: http://webkit.org/blog/138/css-animation/ */
#pageEnd a{
	display: block;
	width: 92px;
	height: 92px;
	background: url(img/logo_drastudio.png) no-repeat left top;
	opacity: 1;
	-webkit-transition: opacity 1s linear;
}
#pageEnd a:hover{
	opacity: 0;
	/* background: url(img/logo_drastudio.png) no-repeat -92px 0; */
}
footer #colophon a, footer .credits a{
	color: #fff;
}
#commentform input.button{
	width: 90px;
	height: 90px;
	background: url(img/submit-button.png) no-repeat left top;
	border: none;
	font-size: 1.35em;
	-webkit-transform: rotate(-15deg); 
	-moz-transform: rotate(-15deg);
}
#commentform input.button:hover{
	background-position: -90px 0;
	color: #fff;
}

/* @end */
/* @group Iconography */
.homeNav{
	background-image: url(icon/home.png);
}
.blogNav{
	background-image: url(icon/blog_blue.png);
}
.projects{
	background-image: url(icon/briefcase.png);
}
.wallpapers{
	background-image: url(icon/box_label.png);
}
.themes{
	background-image: url(icon/ruler_crop.png);
}
.fonts{
	background-image: url(icon/bookmark_document.png);
}
.jodie{
	background-image: url(icon/media_player_medium_pink.png);
}
.max{
	background-image: url(icon/photo_album_blue.png);
}
.backlight{
	background-image: url(icon/color.png);
}
.delicious{
	background-image: url(icon/delicious_16.png);
}
.deviant{
	background-image: url(icon/pictures.png);
}
.done{
	background-image: url(icon/application-icon-large.png);
}
.facebook{
	background-image: url(icon/facebook_16.png);
}
.flickr{
	background-image: url(icon/flickr_16.png);
}
.engadget{
	background-image: url(icon/media_players.png);
}
.gift{
	background-image: url(icon/200.png);
}
.git{
	background-image: url(icon/receipts_text.png);
}
.lastfm{
	background-image: url(icon/lastfm_16.png);
}
.linkedin{
	background-image: url(icon/linkedin_16.png);
}
.mail{
	background-image: url(icon/email_16.png);
}
.rss{
	background-image: url(icon/rss_16.png);
}
.twitter{
	background-image: url(icon/twitter_16.png);
}
.vimeo{
	background-image: url(icon/vimeo_16.png);
}
.youtube{
	background-image: url(icon/media_player_medium_red.png);
}
.shelfari{
	background-image: url(icon/books_brown.png);
}
.skype{
	background-image: url(icon/skype_16.png);
}
.stumble{
	background-image: url(icon/stumbleupon_16.png);
}
#iconStickers .icon{
	padding: 10px 0 16px 38px;
	background-position: left center;
	background-repeat: no-repeat;
}
.fireworks{
	background-image: url(icon/app-fireworks.png);
}
.ai{
	background-image: url(icon/app-ai.png);
}
.ps{
	background-image: url(icon/app-ps.png);
}
.coda{
	background-image: url(icon/app-coda.png);
}
.colors{
	background-image: url(icon/app-colors.png);
}
.dribbble{
	background-image: url(icon/dribbble_16.png);
}
.pinterest{
	background-image: url(icon/pinterest_16.png);
}
.xscope{
	background-image: url(icon/app-xscope.png);
}
.sequel{
	background-image: url(icon/app-sequel.png);
}
.cssedit{
	background-image: url(icon/app-cssedit.png);
}
.firefox{
	background-image: url(icon/app-firefox.png);
}
.fe{
	background-image: url(icon/app-fe.png);
}
.mamp{
	background-image: url(icon/app-mamp.png);
}
.transmit{
	background-image: url(icon/app-transmit.png);
}

/* @end */
/* @group Typography */
header h1, p#slogan{
	text-indent: -9999px;
}
body.home .post h2{
	font-weight: normal;
	line-height: 1em;
	padding: 0 8px;
}
body.home .post h2 a{
	color: #2A2A2A;
	text-decoration: none;
}
body.home .post h2 a:hover{
	text-decoration: underline;
}
p.meta, .introText{
	color: #7b7c7c;
	margin-bottom: 1.5em;
}
body.home p.meta{
	padding: 0 8px;
	margin-bottom: 10px;
	color: #96C400;
}
body.home .post p{
	padding: 0 35px 0 8px;
}
body.home .section dd, #mainbar.singlePage .section dd{
	text-align: center;
}
#follow ul li, #iconStickers li{
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	margin-right: 1.25em;
}
ul#iconStickers li{
	display: block;
	list-style-type: none;
	text-transform: uppercase;
	float: left;
}
h3.postSimilar{
	clear: both;
	margin-top: 30px;
}
dl.listSimilar dd{
	margin-bottom: 10px;
}
#colophon{
	text-align: left;
}
h3, footer h5{
	font-weight: normal;
}
#mainbar h1{
	width: 49px;
	height: 110px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(img/bg_h2.png);
	float: left;
	margin-right: 1em;
}
#mainbar.singlePage h1{
	margin-right: 1em;
}
body.home #mainbar h1, #mainbar.singlePage h1{
	height: 220px;
}
h1#icons{
	background-position: 0px 0px;
}
h1#icons:hover{
	background-position: 0 -220px;
}
h1#projects{
	background-position: -49px 0px;
}
h1#projects:hover{
	background-position: -49px -220px;
}
h1#wallpapers{
	background-position: -98px 0px;
}
h1#wallpapers:hover{
	background-position: -98px -220px;
}
h1#themes{
	background-position: -147px 0px;
}
h1#themes:hover{
	background-position: -147px -220px;
}
h1#photos{
	background-position: -196px 0px;
}
h1#photos:hover{
	background-position: -196px -220px;
}
h1#blog{
	background-position: -245px 0px;
}
h1#blog:hover{
	background-position: -245px -220px;
}
h1#fonts{
	background-position: -294px 0px;
}
h1#fonts:hover{
	background-position: -294px -220px;
}
.widget h2{
	font-size: 1.5em;
	clear: both;
}
#mainbar h2{
	margin-top: .5em;
}
p.download{
	background: #ececec url(icon/zip.png) no-repeat 8px center;
	height: 29px;
	padding-top: 15px;
	border: 1px dashed #b3b3b3;
	padding-bottom: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding-left: 45px;
	margin-top: 15px;
}
p.download:hover{
	background-color: #f8f8f8;
}
.list p.download{
	float: left;
	width: 35%;
	margin-right: 5%;
}
p.leadImg{
	margin-bottom: 0;
}
.post ul, .post ol{
	margin-top: 1em;
	margin-left: 1.5em;
}
.post ul li{
	list-style-position: outside;
	margin-bottom: .25em;
}
input#s{
	margin: 5px 0 10px;
}
#sidebar #interactBox p{
	margin-bottom: 5px;
}
#colophon h5{
	font-size: 1.5em;
}
footer, footer p a{
	text-shadow: #484e51 0 1px 0;	
}
footer .credits{
	color: #43494b;
	background: url(img/gfx_divide.png) no-repeat center top;
	padding-top: 2.75em;
}
footer p.credits{
	text-shadow: none;
}

/* @end */
/* @group Miscellaneous */
#content p.floatLeft, #content p.floatRight{
	border: none;
	background: none;
}
#content p.floatLeft{
	float: left;
	padding-right: 1em;
}
#content p.floatRight{
	float: right;
	padding-left: 1em;
}
#content p.alignLeft{
	float: left;
	margin-right: 1em;
}
#content p.alignRight{
	float: right;
	margin-left: 1em;
}
img.tiny, img.small, img.bgSmall, img.bgMedium, img.bgLarge{
	background-repeat: no-repeat;
	background-position: 0 -10px;
	background-color: transparent;
	border: none;
	padding-right: 20px;
	padding-bottom: 20px;
	position: relative;
	top: -10px;
}
img.tiny{
	
}
img.bgSmall{
	width: 180px;
	height: 130px;
	background-image: url(img/img_s.png);
	padding-top: 19px;
	padding-left: 23px;
}
img.bgMedium{
	width: 480px;
	height: 180px;
	background-image: url(img/img_m.png);
	padding-top: 17px;
	padding-left: 23px;
}
img.bgLarge{
	width: 280px;
	height: 380px;
	background-image: url(img/img_l.png);
	padding-top: 18px;
	padding-left: 23px;
}
img.xlarge{
	background: url(/img/img_x.png) no-repeat;
	border: none;
	padding: 28px 20px 20px 23px;
	margin-right: 5px;
	position: relative;
	top: -10px;
}
.star0, .star1, .star2, .star3, .star4, .star5{
	clear: both;
	display: block;
	margin: 0;
	padding: 10px 0 5px 105px;
	background: url(img/gfx_stars.png) no-repeat 0 5px;
}
.star1{
	background-position: 0 -20px;
}
.star2{
	background-position: 0 -45px;
}
.star3{
	background-position: 0 -70px;
}
.star4{
	background-position: 0 -95px;
}
.star5{
	background-position: 0 -120px;
}
#content img.floatAbove{
	background: none;
	border: none;
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
}
#content object, #content iframe{
	background-color: #2A2A2A;
	margin: 15px 0 0;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
li.cat-item{
	list-style: none;
	margin: 5px 5px 5px 0;
	float: left;
}
li.cat-item:last-child{
	margin-bottom: 20px;
}
div.tweet img{
	max-width: 535px;
}
.required{
	color: #820080;
}
.contenttext code, .comment code{
	display: inline-block;
	background-color: #e2e2e2;
	border: 1px dashed #adb0b0;
	padding: .5em;
	word-wrap: break-word;
}
.comment code{
	background-color: #d1d2cc;
	border-color: #9a9a9a;
	width: 98%;
}
#disqus_thread {
	width: 625px;
	margin-left: 70px;
}
#disqus_thread iframe {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8E8), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #FFFFFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #E8E8E8 0%, #FFFFFF 100%);
	-moz-box-shadow: 2px 2px 1px #CCC;
	-webkit-box-shadow: 2px 2px 1px #CCC;
	box-shadow: 2px 2px 1px #CCC;
}
.contentText h4{
	clear: both;
}

/* @end */
/* @group Baseline */
/* ---- Resetting Defaults ---- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
	margin: 0;
	padding: 0;
}
img{
	border: none;
	background-color: #fff;
}
/* ---- Typography ---- */
h1{
	font-size: 2.0em;
}
h2{
	font-size: 1.8em;
}
h3{
	font-size: 1.6em;
}
h4{
	font-size: 1.4em;
}
h5{
	font-size: 1.2em;
}
h6{
	font-size: 1.0em;
}
h1,h2,h3,h4,h5,h6{
	margin-bottom: .125em;
}
p{
	font-size: 1em;
	margin-bottom: 1.5em;
}
ul, ol{
	list-style-position: inside;
	margin: 0 1em 1.5em 0;
}
li ul, li ol{
	margin: 0 1.5em;
}
ul{
	list-style-type: disc;
}
ol{
	list-style-type: decimal;
}
dl dt, th{
	font-weight: bold;
}
tfoot{
	font-style: italic;
}
/* Removing default IMG styling */
code, blockquote, fieldset{
	padding: 1em;
	background-color: #fff;
}
pre, code{
	font: 1em 'andale mono', 'lucida console', monospace;
	color: #4c4c4c;
}
blockquote{
	margin-bottom: 1.5em;
	color: #4c4c4c;
}
blockquote p:last-child{
	margin-bottom: 0;
}
fieldset, dl, table{
	margin: 1em 0 1.5em;
}
input, textarea{
	color: #4c4c4c;
}
/* ---- Miscellaneous ---- */
.clear{
	clear: both;
	height: 0;
}
.block{
	display: block;
	margin: 1em 0;
}
.icon{
	padding: 2px 0 2px 22px;
	background-position: left center;
	background-repeat: no-repeat;
}
.alignLeft, .alignleft{
	float: left;
	margin: 0 1em 2em 0;
	padding: 10px;
	box-shadow: 2px 2px 6px #B8B8B8;
	-webkit-box-shadow: 2px 2px 6px #B8B8B8;
	-moz-box-shadow: 2px 2px 6px #B8B8B8;
	-o-box-shadow: 2px 2px 6px #B8B8B8;
}
.alignRight, .alignright{
	float: right;
	margin: 0 0 2em 1em;
	padding: 10px;
	box-shadow: 2px 2px 6px #B8B8B8;
	-webkit-box-shadow: 2px 2px 6px #B8B8B8;
	-moz-box-shadow: 2px 2px 6px #B8B8B8;
	-o-box-shadow: 2px 2px 6px #B8B8B8;
}
.floatLeft{
	float: left;
	margin: 0 1em .25em 0;
	padding-right: 1em;
	border: none;
	background: none;
}
.floatRight{
	float: right;
	margin: 0 0 .25em 1em;
	border: none;
	background: none;
}

/* @end */

#attachment_9308 {
	clear: both;
}

body.postid-9303 .contenttext .wp-caption-text{
	display: none;
}
body.postid-9303 .contenttext .wp-caption img{
	padding-left: 5px;
	padding-top: 5px;
	background-color: #fff;
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1;
	-o-transition: all linear .1s;
	transition: all linear .1s;
}
body.postid-9303 .contenttext .wp-caption{
	padding: 0;
}
body.postid-9303 .contenttext p+.wp-caption{
	margin-bottom: 1em;
}
body.postid-9303 .contenttext .wp-caption a img:hover{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.multi-columns{
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}