/*
Theme Name: AAS
Version: 1.0
Author: Alvar Sirlin
Author URI: http://alvarsirlin.com/

*/

/*
 * F0EEFC   lter purple
 * E8D1FE	lt purple
 *	6652DE	purple
 * border-bottom:5px solid #e6e6e6;
 * */


/* Ajax design 
---------------------------------------- */
.ajax-loading {
	display:none;
	background:url(images/loading.gif) no-repeat center;
	height:100px;
	margin:100px 0;
}

.ajax {
	display:none;
	clear:left;
}


/* Contact 
---------------------------------------- */


.wpcf7-captcha-captcha-975 {
	margin-top:18px;
}

.wpcf7-form .req {
	color:#999;
}

.no-space {
	margin:0;
	padding:0;
}

.wpcf7-form label {
	padding:0;
	display:block;
	font-size:12px;
	margin:18px 0 9px;
}

.wpcf7-captcha-captcha-975 {
	border: 1px solid #ccc;
}

div.wpcf7-response-output {
	margin: 18px 0 !important;
	padding: 9px !important;
	background:#ff6666;
	color:white;
	font-size:18px;
	line-height:27px;
	border:0 !important;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wpcf7-mail-sent-ok {
	background:#87CC87 !important;
}

.wpcf7-not-valid-tip-no-ajax {
	color:#ff6666 !important;
	display:block !important;
	font-weight:bold;
	margin-top:4px;
}

#sidebar-contact h3 {
	font-size:18px;
	padding-bottom:9px;
	border-bottom:5px solid #e6e6e6;
	margin-top:18px;
}

#feeds li {
	margin-bottom:18px;
}

#feeds #rss a,
#feeds #rss-email a,
#feeds #eblasts-art a, 
#feeds #eblasts-dev a {
	background:transparent url(images/gui/bg-rss.png) no-repeat 0 3px;
	padding-left:24px;
	display:block;
}

#feeds #rss-email a {
	background-image:url(images/gui/bg-email-rss.png);	
}

#feeds #eblasts-dev a, 
#feeds #eblasts-art a {
	background-image:url(images/gui/bg-email.png);		
}


#contact #main {
	background:#F0EEFC;
	padding:10px;
}

#contact #intro a {
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-style:italic;
}

/* Resume 
---------------------------------------- */

#sidebar-resume .button {
	margin:9px 0 0;
}


#del li,
#reader li  {
	margin-bottom:5px;
	font-size:11px;
}

#del,
#reader,
#del a,
#reader a {
	color:#999;
}

#delicious-posts-alvarix h2 a {
	text-decoration:none;
	cursor:default;
}

#del a,
#reader a {
	text-decoration:underline;
}

	#del a:hover,
	#reader a:hover {
		text-decoration:none;
	}
	
	#reader .s {
		font-size:smaller;
	}

	#del a.delicious-tag,
	#reader .s a {
		color:#A39CE5;
		text-decoration:none;
	}

	#del a.delicious-tag:hover,
	#reader .s a:hover {
		color:#8177E5;		
	}
	
.sidebar h3,	
#sidebar-resume h3,
#sidebar-resume h2  {
	font-size:12px;
	font-weight:bold;
	margin:27px 0 9px;
	color:#999;
}

#del h2 {
	margin-top:18px;
	padding-top:18px;
	border-top: 1px solid #ccc;
}


#header-edu {
	padding-top:9px;
	border-top:5px solid #e6e6e6;
}

#resume em {
	display:block;
	margin-bottom:9px;
}

#resume h2 {
	margin-top:36px;
}

#resume li {
	border-top: 1px solid #ccc;
	margin-top:18px;
	padding-top:18px;
}

#edu li {
	margin-top:9px;
	padding-top:9px;	
}

#resume h3 {
	font-size:12px;
	font-weight:bold;
}

#intro {
	margin-bottom:27px;
	clear:left;
	z-index:1000;
	font-size:18px;
	line-height:36px !important;
}

#port-link a {
	background:#B2A8EE;
	color:white;
	display:block;
	padding:18px 28px;
	font-size:18px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

	#port-link a:hover {
		text-decoration:none;
		background:#A397EB;
	}
	
	#port-link a span {
		background:transparent url(images/gui/bg-port-link.png) right 6px no-repeat;
		width:11px;
		height:14px;
		padding-right:20px;
	}

#pdf a {
	padding:20px 10px 20px 35px;
	border: 1px solid #ccc;
	background:#fafafa url(images/gui/bg-pdf.png) no-repeat 10px 17px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#7D73DD;
}

	#pdf a:hover {
		text-decoration:none;
		border: 1px solid #bbb;
		background-color:#fcfcfc;
	}

#sidebar-resume .int {
	background:#f2f2f2;
	padding:10px 10px 20px;
	border-bottom:5px solid #e6e6e6;
}

ul#skillset{
	background:#fff;	
	padding:10px 10px 5px;
	border: 1px solid #ccc;
}

	#skillset li{
		background:#ccc;
		padding:0 0 2px 10px;
		margin-bottom:5px;
		color:white;
	}

		#skillset li#design {
			width:95%;
		}
		
		#skillset li#html {
			width:95%;
		}

		#skillset li#wp {
			width:80%;
		}
		
		#skillset li#php {
			width:70%;
		}
		
		#skillset li#js {
			width:50%;
		}

		#skillset li#flash {
			width:40%;
		}

/* blog
---------------------------------------- */

#blog h1 {
	margin-bottom:0;
}

#blog .entry img {
	display:block;
	float:none;
	margin:18px 0;
}

#blog ol li {
	margin-left:10px;
}

#blog .post {
	margin-left:76px;
}

#blog h3 {
	margin:36px 0 9px;
	clear:left;
	font-weight:bold;
	color:#666;
}

#news-nav .button {
	width:300px;
	clear:none !important;
}

#news-nav .float-r {
	text-align:right;
}

/* Project 
---------------------------------------- */

#design .loop {
	margin-bottom:9px;
}

.emm-paginate .button {
	margin:0;
}

#pagination {	
	clear:left;
}

.emm-paginate {
	background:#F7F7F7;
	border-top:1px solid #ccc;
	padding:6px 9px;
	text-align:right;
	color:#666;
	font-size:10px;
}

.emm-paginate a {
	display:inline-block;
	font-size:11px;
	color:#666; 
	margin-right:4px; 
	padding:3px 6px; 
	text-align:center; 
	text-decoration:none;
	font-weight:bold;
	line-height:12px;
	border:1px solid #F7F7F7;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.emm-paginate a:hover, .emm-paginate a:active {
	background:#9C8FEA; 
	color:#fff;
	text-decoration:none;
	}
	
.emm-paginate .emm-title {
	margin-right:9px;
	}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate .emm-current {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	
	border:1px solid #B3B3B3;
	margin-right:4px; 
	padding:2px 5px;
	}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}


#more-projects li {
	border:none;
	margin:0 18px 18px 0;
	padding:0;
}


#more-projects h2 {
	color:#999;
	margin:27px 0;
	padding-top:54px;
	border-top:1px solid #ccc;
}

#project .main-img {
	height:324px;
}

#project .main-img img {
	border:5px solid #e6e6e6;
	display:block;	
}


#project .entry {
	color:#808080;
	font-size:14px;
	line-height:27px;
	border-right:1px solid #ccc;
	width:449px; /* off-grid */
	padding-right:9px;
}

	#project .entry .port-tags {
		margin-bottom:9px;
	}

.nav-port a {
	font-size:12px;
	font-weight:bold;
	margin-bottom:18px;
	display:inline-block;
}

	.nav-port a.active {
		color:#999;
		cursor:default;
	}

		.nav-port a.active:hover {
			text-decoration:none;
		}




/* Design 
---------------------------------------- */

.preload {
	display:none;
}

#tag-archive .port-thumb img,
#design .port-thumb img { 
	float:left;
}

#tag-archive li.portfolio ,
#design li.portfolio {
	border-top:1px solid #e6e6e6;
	margin-top:18px;
	padding-top:18px;
}

	li.portfolio:first-child {
		border:0 solid #fff !important;
		margin-top:0 !important;
		padding-top:0 !important;
	}

h2 a {
	color:#808080;
}

	h2 a:hover {
		color:#333;
	}

#tags {
	padding:9px;
	margin-bottom:36px;
	width:678px;
	float:left;
	background:#f7f7f7;
}

	#tags li {
		margin-bottom:0;
/*		border-left:1px solid #ccc;*/
		padding-left:5px;
		}
		
		#tags li:first-child {
/*			border-left:none;*/
		}
	
		#tags a {
			color:#999;
		}
		
			#tags a:hover {
				color:#6652DE;
				text-decoration:none;
			}


/* Global 
---------------------------------------- */

h1 {
	margin-bottom:24px;
	font-size:14px;
	text-transform:uppercase;
	color:#ccc;
}

.font a, a.font {
	color:#808080;
}

.font a:hover,
a.font:hover {
	text-decoration:none;
}

.button  {
	display:inline-block;
	margin:18px 0;
	clear:both;
}
	
	.submit-button-2 input,
	.submit-button input,
	.button-submit, 
	.button a {
		color:#808080;
		font-size:11px;
		font-weight:normal;
		line-height:18px;
		background:#e6e6e6 url(images/gui/bg-button-sprite.png) no-repeat right 8px; /* custom ltIE9 */
		padding:2px 22px 2px 8px;
		display:inline-block;
		text-transform:uppercase;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		text-decoration:none !important;		
		border:0;
	}
	
	.submit-button-2 input {
		color:white;
		background:#9C8FEA url(images/gui/bg-button-2.png) no-repeat right 6px; 
		cursor:pointer;
	}
	
		.submit-button-2 input:hover {
			background-color:#594BDD;
		}
	
	.submit-button input,
	.button-submit {
		background-position: right 6px;
		cursor:pointer;
	}
	
		.submit-button input:hover,
		.button-submit:hover,
		.button a:hover {
			background:#e8d1fe url(images/gui/bg-button-sprite.png) no-repeat right -38px;
			text-decoration:none;
			color:#808080;
		}
		
		.submit-button input:hover,
		.button-submit:hover {
			background-position: right -40px;
		}
		
	
/*	.submit-button input {
		background:#9C8FEA url(images/gui/bg-port-link.png) right 6px no-repeat;		
		padding:18px 28px;
		font-size:18px;
		color:white;
	}
	
	.submit-button input:hover {
		background:#6652DE url(images/gui/bg-port-link.png) right 6px no-repeat;		
		color:white;
		background:transparent ;
	}
	*/

	.emm-paginate .button {
		display:inline;
	}
	
	 .button-right a,
	.button a.emm-prev {
		padding:2px 8px 2px 22px;
		background-position:7px -82px;
	}
		
		.button-right a:hover,
		.button a.emm-prev:hover {
			background-position:7px -128px;			
		}



/* Home 
---------------------------------------- */

.home #intro {
	margin-top:99px;
}

h2#tagline{
	margin: 30px 0 60px;
	font-size:18px;
	font-weight:normal;
	color:#999;
}

body#home #data h2{
	margin:0 0 15px 0;
	font-size:14px;
	font-weight:normal;
}

	body#home #irs h2 a{
		color:black !important;
	}

body#home ul{
	clear:left;
}

.title a{
	color:black;
	margin-top:10px;
	float:left;
	width:459px;
	font-weight:bold;
	font-size:12px;
	color:#333;
}

body.home .title a {
	width:auto;
}


#news .post {
	border-bottom:1px solid #e6e6e6;
}


#tagcloud {
	margin-top:18px;
	padding-top:18px;
	border-top:5px solid #e6e6e6;
}

body.home h2 {
	font-size:18px;
	color:#999;
}

body.home li.portfolio {
	margin:18px 0 0;
	border-top:1px solid #e6e6e6;
	padding-top:36px;
}

body.home li.portfolio:first-child {
	border:none;
	padding-top:18px;
}

body.home .post-title a {
	font-weight:bold;
	color:#333;
	font-size:12px;
}

.port-thumb img {
	float:right;
	width:187px;
	z-index:1;
}

.port-thumb {
	position:relative;
}

.port-thumb img.bw {
	margin-top:-90px;
}

body.home #news {
	background:#f7f7f7;
	padding:9px 9px 0;
	border-bottom:5px solid #e6e6e6;
	font-size:11px;
	line-height:18px;
}

#sidebar, #sidebar a {
	color:#808080;
}

	body.home #news .meta {
		font-size:10px;
		font-style:italic !important;
		color:#BFBFBF;
	}
	
		body.home #news .meta a {
			color:#BFBFBF;
			text-decoration:underline;
		}
		
			body.home #news .meta a:hover {
				color:#808080;
			}

#site-description {
	font-size:24px;
	color:#000;
	padding:36px 0 18px;
	border-bottom:5px solid #e6e6e6;
}



/* Footer 
---------------------------------------- */

#twitter {
	border-top:1px solid #ccc;
	background:transparent url(images/gui/bg-footer.png) repeat-x;
	padding-top:18px;
}
	
	#twitter_update_list {
		min-height:20px;
	}
	
	#twitter_update_list li {
		padding:0 18px;
		font:italic 14px/27px Georgia, "Times New Roman", Times Serif;
		color:#666;
	}
		
		#twitter_update_list li a {
			display:block;
			margin-top:-9px;
		}
		
			#twitter_update_list li span a {
				color:#666;
				text-decoration:underline;
				display:inline;
				margin-top:0;
			}
	
	
	#twitter a#follow {
		background:transparent url(images/gui/bg-twitter.png) right 0 no-repeat;
		float:right;
		display:block;
		height:39px !important;
		padding:34px 65px 0 0;
		color:#999999;
		margin-top:-30px;
	}

		#twitter a#follow strong {
			color:#8575E5;
		} 

#footer-contact, #linkedin  {
	float:left;
	width:229px;
}

#footer-contact a, #linkedin a {
	text-indent:-9999px;
	width:229px;
	height:60px;
	overflow:hidden;
	display:block;
	background:#f7f7f7 url(images/gui/bg-footer-contact.png) 0 0px no-repeat;
}

#footer-contact a:hover, #linkedin a:hover {
	background-position:0 -60px;
}

#linkedin a {
	background-image:url(images/gui/bg-footer-linkedin.png);
}

/*#footer-contact a, #linkedin a {
	padding:18px 0;
	text-align:center;
	display:block;
	font-size:14px;
}

#footer-contact a {
	background:transparent url(images/gui/mail.png) no-repeat;
}
*/

#footer-contact {
	border-right:1px solid #ccc;
}

#linkedin img {
	padding-top:5px;
}

#linkedin a span.replace {
	text-indent:-9999px;
	background:transparent url(images/gui/linkedin.png) no-repeat;
	width:67px;
	height:19px;
	overflow:hidden;
	display:inline-block;
}



#legal {
	font-size:11px;
	margin:9px 0;
	color:#b3b3b3;
}

#footer {
	border-bottom:5px solid #e6e6e6;
	border-top:5px solid #e6e6e6;
}

	#sketchbook {
		padding-right:14px;
		border-right:1px solid #ccc;
		margin-right:0;
	}
	
		#sketchbook a {
			display:block;
			margin:9px 0;
		}


.img a img {
	display:block;
}

.port-tags a {
	color:white;
	background:#ccc;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	padding:2px 8px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	white-space: nowrap;
	margin-top:6px;
	display:inline-block;
}

	.port-tags a:hover {
		background:#aaa !important;
		text-decoration:none;
	}



/* Old 
---------------------------------------- */


#nav li {
	margin-bottom:0;
/*	min-height:90px;*/
}

.not-first-load #nav-aux {
	display:none;
}

#nav-aux {
	position:absolute;
	top:52px;
	left:18px;
}


span.show-tooltip-text { 
	display: none; 
	position: absolute; 
	font-size: 1.2em; 
	padding: 6px 12px; 
	color: #aaa; 
	background:#eee;
	top:30px;
	left:0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav-aux li {
	border:0;
}

#nav-aux a {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	margin-right:18px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:transparent url(images/nav-aux-sprite.png) 0 0 no-repeat;
	width:20px;
	height:20px;
	border:0;
}

	#nav-aux a:hover {
		background-position:0 -30px;	
	}

#nav-phone a {
	background-position:-30px 0;
}
	#nav-phone a:hover {
		background-position:-30px -30px;
	}

#nav-rss a {
	background-position:-60px 0;
}
	#nav-rss a:hover {
		background-position:-60px -30px;
	}


#content {
	float:left;
	width:696px;		
	clear:left;	
	margin-top:118px;
}

body.home #content {
	margin-top:90px;
}

#container{
	float:left;
	padding-left:15px;
	width: 696px;
/*	background:transparent url(images/grid2.png) repeat-y;*/
}

#header {
	z-index:1;
	float:left;
	position:fixed;
	width:696px;
	background:white url(images/bg-header.png) left bottom repeat-x;
	padding-bottom:5px;
}

body.home #header {
/*	background-image:none;*/
}

#nav {
	background:white;
}


/*	h1#logo {

	}
*/
	#logo-wrap {
		width:149px;
		float:left;
		margin:28px 0 0 -200px ;
/*		background:white url(images/bg-header.png) left bottom repeat-x;*/
/*		height:68px;*/
		position:relative;
	}

	h1#logo a {
		background:transparent url(images/logo.png) no-repeat;
		text-indent:-9999px;
		width:149px;
		height:36px;

		overflow:hidden;
		display:block;

		float:left;	
	}

		#logo a:hover {
			background-position:0 -36px;		
		}


/* Painting 
---------------------------------------- */

#subnav .subscribe {
	float:right;
	display:inline;
	background:#F0EEFC;
	border-right:none;
}

	#subnav .subscribe form {
		padding:10px;
		margin-top:20px;
		display:none;
	}
	
	.subscribe form { 
		padding:10px 0 0 24px;
	}
		
			.subscribe input {
				margin-bottom:5px;
				color:#999;
				font-size:.9em;
				}

#subnav .subscribe a { 
	color:#999; 
	padding:5px 10px 5px 30px;
	background:url(images/mail.png) 6px 6px no-repeat;
	font-style:italic;
	}

		.subscribe a:hover { background-color:#E8D1FE; }
		.subscribe .button-submit { margin-top:5px;}

/* Nav 
---------------------------------------- */

	ul#nav {
		float:left;
		width:696px;		
	}
	
		ul#nav ul { display:none; }
		
		ul#nav li {
			float:left;
			width:177px;	/*4 items*/		
			width:237px;			
		}
		
		
		body.page-template-design-php #nav #design a,
		body.page-template-resume-php #nav #resume a,
		body.page-template-about-php #nav #about a,
		body.page-template-contact-php #nav #contact a,
		
		body.single-portfolio .page-item-413 a,
		ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
		ul#nav li.current_page_parent a, ul#nav li.current_page_parent a:hover {		
			background:#eee !important;
			cursor:default;
			text-decoration:none;
		}
		
		body.single-portfolio .page-item-413 a {
			cursor:pointer !important;
		}

			ul#nav li a {
				float:left;
				width:228px;		
				padding:30px 0 30px 9px;
				color:#4d4d4d;
				font-size:1.167em; /*14px*/
				text-transform:uppercase;
			}

			#nav li.last a, #nav li.last {
				width:213px !important;
			}
			
			.hover,						
			ul#nav li a:hover { 
				text-decoration:none;
				background:transparent;
			}

			.hover {
				background:#e8d1fe !important;
			}						


				ul#nav li a div {
					color:#b3b3b3;
					font-size:11px;
					text-transform:none;
					font-size:.786em; /*11*/
					margin-top:2px;
				}
				
				
	#subnav {
		clear:left;
		margin:40px 0 90px;
		width:696px;
	}
	
	#subnav li { margin:6px 0;}
	
	#subnav .current_page_item a { color:#999 !important;}
	#subnav .current_page_item a:hover { background:none; cursor:default;}
	
	.page-item-434 { border-right:none !important; }
	
	
	
	
/*  
---------------------------------------- */
	
	
#comment { width:459px; }

#subscriptions {
	padding:15px;
	background:#f7f7f7;
}

	#subscriptions li {
		padding:5px 0 2px 24px;
		background:transparent url(images/feed.gif) no-repeat 0  5px;
		border-top:1px solid #e6e6e6;
		margin-top:5px;
	}

		#subscriptions li.first {
			border:none;
			margin-top:none;
			padding-top:none;
		}
		
		#subscriptions li#email-rss { background-image:url(images/email-rss.png) ;}
		#subscriptions li#email-subscribe-link { background-image:url(images/mail.png) ;}
		
		#email-subscribe-link form { display:none }
 
		#subscriptions a {
			color:#999;	
		}

#twitter_div img {
	float:left;
	margin:5px 10px 10px 0;
	width:50px;
}

.stbutton {
	margin:10px 0 !important;
	float:left;
	display:inline;
}

#404 {
	color:red;
}

body.home .entry,body.home .post {
	width:auto;
}

#blog #wordpress {
	width:696px;
	float:left;	
}

.post img {
	float:left;
	margin: 0 10px 5px 0;
	display:inline;
}

#rotate img {
	width:222px;
}

.entry img {
	max-width:459px;
}

#subscriptions li {
	margin-bottom:5px;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#4d4d4d;
}

#microblog img{
	max-width:222px !important;
}

#super-container{
	margin:0 auto;
	width:711px;
}

#footer{
	font-size:12px;
	margin-top:36px;
	clear:left;
	color:#b3b3b3;
}
		
a {
	color:#6652DE;
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;		
}
	
.entry a:hover {
	text-decoration:none;	
	background:#e8d1fe;
}

a:active{
	color:#000;
}

.main-img,
.load,
.portfolio img{
	background:url(images/loading.gif) no-repeat center;
	}

p, li, dl {
	font-size:12px;
	margin:0 0 18px 0;
	line-height:18px;
}

li li, li li li{
	font-size:1em;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:12px;
	font-weight:bolder;	
}

h5 {
	font-size:13px;
}

	.entry h4 {
		float:left;
		width:459px;
		margin:15px 0 20px;
	}

/* Blog 
---------------------------------------- */
.single .postmetadata {
	color:#999;
	margin-top:25px;
	float:left;
	width:459px;
}

.entry ol {
	list-style-type: decimal;
	margin-left:15px;
}

.entry ul, .entry ol {
	width:444px;
	margin-left:15px;
}

.entry ul ul, .entry ol ol {
	width:429px;	
}

	.entry li {
		margin:5px 0;			
	}
	
.entry ul,
.entry ol {
	margin-left:15px;
/*	float:left;*/
}


.entry ul { list-style-type:disc; }
.entry ul ul { list-style-type:circle; }
.entry ul ul ul { list-style-type:square; }

.sociable {
	clear:left;
	padding-top:20px;

}

.sociable ul {
	list-style-type:none !important;
	float:none;
	}

.sociable img {
	filter:alpha(opacity=5); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}


#blog #content{
	clear:left;
}

#calendar_wrap{
	text-align:left;
}
#wp-calendar {
	empty-cells: show;
	width: 122px;
	}
	
	#wp-calendar caption{
		text-align:left;
	}
	
.widget_archive ul li{
	margin:0;
}



	

/* Design & Illo
------------------------------------ */
/*.portfolio {
	margin-bottom:54px;
}
	
	.portfolio h2 {
		margin-bottom:15px;
	}

	.portfolio p {
		line-height:21px;
	}
	*/


/* Design
------------------------------------ */

.row1{
	margin:90px 0 15px;
}
	
.img-count {
	margin-left:0;
	float:left;
	list-style-type:none;
}

.img-count li {
	float:left;
	display:inline;
}


	.img-count a {
		float:left;
      display:inline;
		padding:15px;
		font-size:12px;
		cursor:pointer;
		}


		.img-count a:hover{
			background:#E8D1FE;
			text-decoration:none;
		}
		
			.img-count-active, .img-count-active:hover {
				background:#eee !important;
				cursor:default !important;
			}
		 
	body#design #recent{
		margin-top:90px;
	}
	
		body#design #recent h2 {
				padding:30px 0 15px;
		}
	
		body#design #recent h2 a{
			color:#000 !important;
		}
	
		body#design #recent ul{
			background:#eee;
		}
	
			body#design #recent li.delicious-post{
				margin-bottom:2px;
			}

			body#design #recent li.delicious-even{
				background:#fff;
			}

			body#design #recent li a{
				padding:5px 0;
				display:block;
			}

				body#design #recent li a:hover{
					background:#E8D1FE;
				}



/* Illustration
------------------------------------ */
	
.page-template-illustration-php .portfolio.last {
	float:right !important;
}

#illustration .portfolio{
	margin-top:90px;
	text-align:center;
	}	

#illustration h2,
#illustration img{
	margin-bottom:45px;
}

#illustration h3:hover{
	background:#e8d1fe;
}

#illustration h2{
	text-align:left;
}

/* About 
---------------------------------------- */
#links h3 {
	clear:left;
	border-top:1px solid #ccc;
	margin:9px 0 !important;
}

#bio {
	border-top:1px dashed #ccc;
	font-size:18px;
	clear:left;
	padding:18px 0;
}

.flickr_badge_image img {margin-left:10px;}

#flickr{
	margin-top:40px;
	float:left;
	clear:left;
	overflow:auto;
}

#flickr p{
	float:left;
	clear:left;
	width:500px;
}

a.pdf{
	display:block;
	font-size:18px;
	background:#E6E6E6 url(images/pdf.png) 10px center no-repeat;
	text-indent:50px;
	padding:30px 30px 30px 0;
	clear:left;
	margin:30px 0;
}
	
	a.pdf:hover{
		background:#e8d1fe url(images/pdf-over.png) 10px center no-repeat;
	}


#status{
/*	float:left;*/
	border-top:1px solid #ccc;
	margin:36px 0;
	font-weight:normal;
	color:#999999;
}
	
	#status li {
		padding-top:5px;
		padding-bottom:5px;
		border-top:1px dashed #ccc;
		font-size:1em;
	}
	
	#status li:first-child {
	font-size:13px;
	border-top:none;
	}

	 #status a{
		color:#999999;
	}
	
		 #status h3{
			font-size:10px;
		}
	
dd, dt{
	display:inline;
	float:left;
	margin-left:.25em;
}

dd{
	font-weight:bold;
}

#hcard{
	font-size:11px;
	padding:30px;
	color:#333;
/*	border-left:5px solid white;*/
	border: 1px solid #999;
	background-color:#fff;
}

	#hcard-logo a{
		background:#fff url(images/hcard.png) no-repeat;
		display:block;
		text-indent:9999px;
		overflow:hidden;
		width:80px;
		height:15px;
		margin-top:10px;
	}

#hcard .email{
	display:block;
	}
	
.hcards_info{
	font-size:smaller;
	color:#666;
	}

h2,
dl {
	margin:18px 0 9px;
}

li{
	margin-bottom:9px;
	line-height:18px;
}



#twitter_div { margin-bottom:15px; }

#status h2 {
	color:#333 !important;
}
		
#status a {
	margin-top:10px;
	line-height:1em;
}

#status #twitter_update_list a {
	display:inline;
	font-size:1em !important;
	}
	
		#status a#follow {
		clear:left;
		font-size:12px;
	} 
	
	
	
	#twitter_update_list span {
		color:#333;
	}
	

/* Utils
------------------------------------ */	

.dev{
	background:red;
}
.noBottom {
	margin-bottom: 0 !important;
}
.hide {
	display:none;
}

.block {
	margin-bottom:18px;
}

.clear-l { clear: left; }
.clear-r	{ clear: right; }
.clear-b	{ clear: both; }

.float-l { float: left; }
.float-r { float: right; }

.inline{
	display:inline;
}

.outline{
	outline:1px solid red;
}

/* Grid
------------------------------------ */
.col {       
	margin-right: 15px;
	float: left;
}                   

.one 		{ width: 64px; } 
.two 		{ width: 143px; }
.three 	{ width: 222px; }
.four		{ width: 301px; }
.five		{ width: 380px; }
.six		{ width: 459px; }
.seven	{ width: 538px; }
.eight	{ width: 617px; }
.nine		{ width: 696px; }
.ten		{ width: 790px; }

.last {
	margin-right: 0 !important;
}

.alignleft {
	float:left;
	display:inline;
}

.alignright{
	float:right;
	display:inline;	
}

.no-bull{
	list-style-type:none !important;
}

.entry a img, .border img {
	border:1px solid #999;	
}

	.entry a img:hover, .entry a:hover img, .border:hover  img {
		border:1px solid #6652DE;	
	}
	
	
	ul.hor  {
		float:left;
		width:100%;
		list-style-type:none;
	}

		.hor li {
			float:left;
			display:inline;
			border-left:1px solid #ccc;			
		}

			.hor li.last {
				border-right:none;			
			}

			.hor li a {
	      float:left;
	      display:inline;
	      padding:2px 8px;
	     }
	
#grid { 
	position:absolute;
	background:url(/wp-content/themes/aas-theme/images/grid.png) repeat-y 0 0;
	width:954px;
	height:2000px;
	top:0;
	left:0;	
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	z-index:-10px;
}



.hor-center ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

	 .hor-center ul li { 
		display: inline-block; 		
	}

		.hor-center ul li a { 
			display: inline-block; 		
		}