/*
Theme Name: yMiddle 2009
Theme URI: http://yordanoff.net
Description: Joro Yordanov's webplace in the middle of 2009.
Version: 1.0
Author: Joro Yordanov
Author URI: http://yordanoff.net
*/

/*
 +-------------------------------------------------------------------+
 |                           MAIN CSS FILE                           |
 |                                                                   |
 | Design your life. Code your destiny!                              |
 +-------------------------------------------------------------------+
*/

/*------------------------------------------------------------------------------------
	Global styles
------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; } 

body {
	background: #ebebeb url(images/bgr.jpg) no-repeat center top;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #454545; }
	
a { outline: 0px; text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #175EBA; }

h1 { 
	font-size: 24px; 
	color: #c12a2c; 
	font-weight: normal; }
	
a img,
img {
	border: 0px; }

acronym,
.helpcrsr {
	cursor: help; }
	
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.wrap {
	width: 920px;
	margin: 0px auto;
	padding: 0px 5px;
	position: relative; }


/*------------------------------------------------------------------------------------
	Header
------------------------------------------------------------------------------------*/
.header {
	width: 920px;
	height: 83px;
	float: left; }
	
h1 .logoyordanoff {
	background: url(images/yordanoffnet.png) no-repeat;
	width: 163px;
	height: 81px;
	display: block;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
	font-size: 22px;
	height: 51px;
	padding: 0px 15px;
	padding-top: 30px;
	text-indent: -9999em;
	position: absolute;
	z-index: 150; }
	
h1 .logoyordanoff:hover {
	background-position: left 2px; }

	
/* Navigation */	
ul#nav {
	width: auto;
	height: 83px; 
	list-style: none;
	float: right; }

ul#nav li {
	float: left; }

ul#nav li a {
	display: block-inline;
	height: 83px;
	position: relative; }
 
/* Home */
ul#nav li a.home {
	background: url(images/mainsprite.png) no-repeat 0px -83px;
	height: 83px;
	width: 60px;
	float: left; }
	
ul#nav li a.home span {
	background: url(images/mainsprite.png) no-repeat 0px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.home #act {
	background-position: 0px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }
	
ul#nav li span:hover {
	cursor:  pointer; } 
	
/* Portfolio */	
ul#nav li a.portfolio {
	background: url(images/mainsprite.png) no-repeat -60px -83px;
	width: 93px;
	float: left; }
	
ul#nav li a.portfolio span {
	background: url(images/mainsprite.png) no-repeat -60px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.portfolio #act {
	background-position: -60px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }
	

/* About */	
ul#nav li a.about {
	background: url(images/mainsprite.png) no-repeat -153px -83px;
	width: 63px;
	float: left; }
	
ul#nav li a.about span {
	background: url(images/mainsprite.png) no-repeat -153px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.about #act {
	background-position: -153px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }
	

/* Blog */	
ul#nav li a.blog {
	background: url(images/mainsprite.png) no-repeat -218px -83px;
	width: 56px;
	float: left; }
	
ul#nav li a.blog span {
	background: url(images/mainsprite.png) no-repeat -218px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.blog #act {
	background-position: -218px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }		
	

/* Contact */	
ul#nav li a.contact {
	background: url(images/mainsprite.png) no-repeat -274px -83px;
	width: 91px;
	float: left; }
	
ul#nav li a.contact span {
	background: url(images/mainsprite.png) no-repeat -274px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.contact #act {
	background-position: -274px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }	
	

/* Settings */	
ul#nav li a.settings {
	background: url(images/mainsprite.png) no-repeat -365px -83px;
	width: 38px;
	float: left; }
	
ul#nav li a.settings span {
	background: url(images/mainsprite.png) no-repeat -365px 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }

ul#nav li a.settings #act {
	background-position: -365px -83px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; }
	
	
/*------------------------------------------------------------------------------------
	Footer 
------------------------------------------------------------------------------------*/
.footer {
	background: url(images/footerbgr.png) repeat-x;
	width: 100%;
	height: 180px;
	/*position: absolute;
	bottom: 0px;*/
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #AAA;
	cursor: default; }
	
#footer a,
.footer-wrap a {
	color: #AAA; }
	
#footer a:hover,
.footer-wrap a:hover {
	border-bottom: 1px dotted #84CF0C;
	text-decoration: none;
	color: #577F17; }
		
.footer-wrap {
	background: url(images/mainsprite.png) no-repeat right top;
	width: 940px;
	height: 180px;
	margin: 0px auto;
	padding: 0px 5px; }

.copyleft,
.copyright {
	width: auto;
	height: 50px;
	float: left;
	margin-top: 60px;
	line-height: 2em; }
	
.copyright {
	float: right; }
	
#footnav ul {
	list-style: none; }
	
#footnav ul li {
	float: left; }
	
#footnav ul li a {
	height: 50px;
	margin: 0px 5px;
	display: block-inline;
	color: #AAA; }
	
#footnav ul li a:hover {
	border-bottom: 1px dotted #84CF0C;
	text-decoration: none;
	color: #577F17; }

#iwordpress,
#imac {
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	margin: 5px 3px; }
	
#ivalid,
#ivalid2  {
	width: auto;
	padding-left: 14px;
	height: 14px;
	display: block;
	float: left;
	margin-right: 8px; }
	
#iwordpress:hover,
#imac:hover,
#ivalid:hover,
#ivalid2:hover {
	border-bottom: 0px;
	text-decoration: none; }
	
#iwordpress {
	background: url(images/mainsprite.png) no-repeat left -167px; }
	
#iwordpress:hover {
	background: url(images/mainsprite.png) no-repeat left -181px; }

#imac {
	background: url(images/mainsprite.png) no-repeat -14px -167px; }
	
#imac:hover {
	background: url(images/mainsprite.png) no-repeat -14px -181px; }

#ivalid,
#ivalid2  {
	background: url(images/mainsprite.png) no-repeat -30px -169px; }
	
#ivalid:hover,
#ivalid2:hover  {
	background: url(images/mainsprite.png) no-repeat -138px -169; }
	
.ftr-txt {
	float: left; }
	

/*------------------------------------------------------------------------------------
	Home
------------------------------------------------------------------------------------*/
.homehead {
	width: 920px;
	height: 255px;
	float: left; }

#headtitle {
	background: url(images/spritehome.png) no-repeat 0px -287px;
	width: 532px;
	height: 287px; 
	display: block;
	cursor: pointer;
	float: left;
	position: absolute;
	top: 33px; }
 
#headtitle:hover {
	background: url(images/spritehome.png) no-repeat 0px 0px; }
	

h3 #headtitle span {
	position: absolute;
	z-index: -5;
	top: 180px;
	left: 20px;
	font-size: 11px;
	font-weight: normal;
	text-indent: -9999em; }
	
.headProjects {
	background: url(images/headprojects.png) no-repeat left top;
	width: 389px;
	height: 214px;
	float: right;
	margin-top: 23px; }
	
.sepshadow-abs {
	background: url(images/sepshadow.png) no-repeat left top;
	width: 100%;
	height: 25px;
	float: left;
	clear: both;
	position: absolute;
	top: 300px; }
	
.sepshadow {
	/*background: url(images/mainsprite.png) no-repeat left -200px;*/
	background: url(images/sepshadow.png) no-repeat left top;
	width: 100%;
	height: 25px;
	float: left;
	clear: both; }
	
.sepshadow-yd {	
	background: url(images/sepshadow.png) no-repeat right top;
	width: 260px;
	height: 25px;
	position: absolute;
	top: 390px;
	z-index: 0; }
	
/* Featured projects */
#featured {
	background: url(images/spritehome.png) no-repeat 0px -573px;
	width: 277px;
	height: 96px;
	float: left;
	text-indent: -9999em;
	margin-top: 60px;
	margin-bottom: 15px; }
	
.trbox {
	width: 200px;
	height: 30px;
	margin-top: 25px;
	position: absolute;
	right: 0px;
	display: block;
	text-indent: 0em; }
	
.trtxt {
	float: left;
	margin-top: 7px;
	margin-right: 5px; }
	
.title-right {
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	float: right;
	color: #888;
	font-weight: bold;
	text-shadow: #fff 1px 1px 0px; }

.arrow-1 {
	background: url(images/spritehome.png) no-repeat -577px -876px;
	width: 19px;
	height: 19px;
	display: inline-block;
	margin-top: 5px; }
	
.arrow-1:active {
	background: url(images/spritehome.png) no-repeat -596px -876px; } 
	
.title-right:hover {
	color:  #175EBA;
	text-decoration: none; }
	
.title-right:hover .arrow-1	{
	background: url(images/spritehome.png) no-repeat -615px -876px; }
	
.title-right:active .arrow-1	{
	background: url(images/spritehome.png) no-repeat -596px -876px; }
	
.prbox {
	background: url(images/spritehome.png) no-repeat 0px -723px;
	width: 296px;
	height: 217px;
	float: left;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-right: 16px; }
	
.last {
	margin-right: 0px; }	
	
.prcover {
	background-repeat: no-repeat;
	background-position: center center;
	width: 292px;
	height: 190px;
	display: block;
	position: absolute;
	z-index: -1;
	cursor: pointer; }	
	
.prround {
	background: url(images/spritehome.png) no-repeat 0px -723px;
	width: 292px;
	height: 190px;
	display: block;
	position: absolute;
	z-index: 2; }
	
.prtitle {
	font-size: 16px;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
	position: absolute;
	z-index: 3;
	bottom:  8px;
	left: 15px;
	font-weight: bold;
	cursor: pointer; }
	
.prbox:hover,
.prcover:hover,
.prround:hover
.prtitle:hover, {
	text-decoration: none; }
	
.web,
.motion,
.print,
.logo,
.free {
	background: url(images/spritehome.png) no-repeat;
	width: 58px;
	height: 49px;
	position: absolute;
	right: 0px;
	bottom: 23px;
	z-index: 10; }
	
.web {
	background-position: -303px -723px; }
	
.motion {
	background-position: -361px -723px; }
	
.print {
	background-position: -477px -723px; }
	
.logo {
	background-position: -535px -723px;	}

.free {
	background-position: -419px -723px; }
 

/* Blog posts */
.blogposts-box {
	position: relative; }

#blogposts {
	background: url(images/spritehome.png) no-repeat -278px -573px;
	width: 192px;
	height: 100px;
	float: left;
	text-indent: -9999em;
	margin-top: 60px;
	margin-bottom: 15px; }

.post {
	width: 210px;
	height: auto;
	float: left;
	overflow: hidden;
	position: relative; }
	
.postsep {
	width: 25px;
	height: 1px;
	float: left; }
	
.post-thumb {
	background: url(images/spritehome.png) no-repeat -303px -782px;
	width: 210px;
	height: 150px;
	float: left;
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px; }
	
.post-thumb .post-comments {
	background: url(images/spritehome.png) no-repeat -525px -897px;
	width: 21px;
	height: 18px;
	padding-top: 3px;
	position: absolute;
	right: 6px;
	top: 112px;
	z-index: 2;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #fff;
	text-shadow: #656565 1px 1px 1px;
	text-align: center; }
	
.post-thumb .post-comments:hover {
	background: url(images/spritehome.png) no-repeat -546px -876px;
	text-decoration: none; }
	
.postcover {
	width: 210px;
	height: 140px;
	position: absolute;
	z-index: -1; }
	
.postround {
	background: url(images/spritehome.png) no-repeat -303px -782px;
	width: 210px;
	height: 140px;
	position: absolute; }
	
.post-sum {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	float: left;
	overflow: hidden;
	padding-left: 5px; }

.post-sum h1 a {
	background: url(images/spriteblog.png) no-repeat 0px -100px;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	white-space: normal;
	/*color: #FD7700;
	color: #1767D0;*/
	color: #fff;
	text-shadow: #DF700D 1px 1px 0px;
	float: left;
	padding: 10px;
	padding-bottom: 6px;
	margin-left: -4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }
	
.post-sum h1 a:hover {
	background: url(images/title.png) no-repeat right top;
	color: #fff;
	text-shadow: #333 1px 1px 1px;
	text-decoration: none;
	padding: 10px;
	padding-bottom: 6px; }
	
.post-sum p {
	float: left;
	margin: 8px 0px; }
	
.post-more {
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 11x;
	font-style: italic;
	color: #888;
	text-shadow: #fff 1px 1px 0px; }
	
.post-more:hover {
	color: #175EBA;
	text-decoration: none; }
	
.post-more:active {
	color: #FD7700;
	text-decoration: underline; }

#follow-me {
	font-family: Georgia, serif;
	color: #888;
	font-style: italic;
	text-shadow: #fff 1px 1px 1px;
	float: right;
	margin-right: 5px;
	clear: left; }
	
#follow-me:hover {
	color: #165DD0;
	text-decoration: underline; }

/*------------------------------------------------------------------------------------
	About
------------------------------------------------------------------------------------*/
.abouthead {
	width: 920px;
	height: 186px;
	float: left; }	
	
#aboutme {
	background: url(images/spriteabout.png) no-repeat 0px 0px;
	width: 156px;
	height: 87px;
	float: left;
	text-indent: -9999em;
	margin-top: 60px;
	margin-bottom: 15px; }
	
#trtxt {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	float: left;
	color: #888;
	font-weight: normal;
	text-shadow: #fff 1px 1px 0px;
	margin-left: 15px;
	margin-top: 78px; }
	
#trtxt a {
	color: #175EC9; }
	
.coll {
	width: 660px;
	height: auto;
	float: left; }
		
.cline {
	background: url(images/sepshadow.png) no-repeat left bottom; }
	
.cline-r {
	background: url(images/hsep.png) no-repeat 2px bottom;
	width: 210px;
	height: auto;
	float: left;
	padding: 0px 25px 25px 25px; }
	
.colr,
.colr2 {
	background: url(images/vsep.gif) repeat-y left top;
	width: 260px;
	/*height: 1046px;*/
	height: 100%;
	float: left; }
	
.colr2 {
	background: none; }
	
.cols {
	background: url(images/vsep.gif) repeat-y left top;
	width: 450px;
	padding: 20px;
	float: left;
	line-height: 1.6em;
	font-size: 12px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	color: #555;
	text-shadow: #fff 1px 1px 1px; }
	
.cols p,
.blogcols p {
	padding: 5px;
	float: left; }

/*	
.cols a,
.blogcols a {
	border-bottom: 1px dotted #000; }
	
.cols a:hover,
.blogcols a:hover {
	border-bottom: 1px dotted #175EBA;
	text-decoration: none; } */
	
.cols img,
.blogcols img {
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 2px #cfcfcf;
	-moz-box-shadow: 2px 2px 2px #cfcfcf;
	float: left;
	margin: 0px 17px 10px 0px; } 
	
.cols img:hover,
.blogcols img:hover {
	-moz-box-shadow: 6px 4px 5px #c0c0c0;
	-moz-box-shadow: 6px 4px 5px #c0c0c0; } 
	
.cols .musicdisk,
.cols .musicdisk:hover,
.cols .moviebox,
.cols .moviebox:hover,
.cols .itwitter,
.cols .ifacebook,
.cols .ilinkedin,
.cols .igoogle,
.cols .ilastfm,
.cols .ixfire,
.cols .iedno23,
.cols .ivimeo,
.cols .iflickr,
.cols .itwitter:hover,
.cols .ifacebook:hover,
.cols .ilinkedin:hover,
.cols .igoogle:hover,
.cols .ilastfm:hover,
.cols .ixfire:hover,
.cols .iedno23:hover,
.cols .ivimeo:hover,
.cols .iflickr:hover {
	border-bottom: 0px; }
	
.colt {
	width: 150px;
	height: 100%;
	float: left;
	position: relative;
	padding-right: 10px; }
	
.colt-r {
	width: 210px;
	height: 100%;
	float: left;
	position: relative; }
	
.colt em,
.colt-r em {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	color: #888;
	text-shadow: #fff 1px 1px 0px; }

.colt #summary,
.colt #skillset,
.colt #services,
.colt #music,
.colt #movies,
.colt #games,
.colt #awards,
.colt #elsewhere,
.colt #contact,
.colt-r #tweets,
.colt-r #blogposts-about,
.colt #recent-posts {
	background: url(images/spriteabout.png) no-repeat;
	height: 18px;
	text-indent: -9999em;
	margin-top: 25px;
	margin-bottom: 5px; }
	
.colt #summary {
	background-position: 0px -87px;
	width: 82px; }
	
.colt #skillset {
	background-position: -87px -87px;
	width: 70px; }

.colt #services {
	background-position: -162px -87px;
	width: 73px; }

.colt #music {
	background-position: -241px -87px;
	width: 51px; }

.colt #movies {
	background-position: -298px -87px;
	width: 60px; }
	
.colt #games {
	background-position: -363px -87px;
	width: 55px; }	
	
.colt #awards {
	background-position: -424px -87px;
	width: 69px; }		
	
.colt #elsewhere {
	background-position: 0px -105px;
	width: 91px; }		
	
.colt #contact {
	background-position: -98px -105px;
	width: 70px; }	
	
.colt-r #tweets {
	background-position: -174px -105px;
	width: 62px; }
	
.colt-r #blogposts-about {
	background-position: -242px -105px;
	width: 94px; }
	
.colt #recent-posts {
	background: url(images/spriteblog.png) no-repeat 0px -81px;
	width: 112px; } 

.designservice,
.codeservice {
	background: url(images/spriteabout.png) no-repeat 1px -337px;
	width: 250px;
	height: 113px;
	float: left; }
	
.codeservice {
	background: url(images/spriteabout.png) no-repeat -245px -337px; }
	
.designservice ul,
.codeservice ul {
	list-style: none;
	float: left;
	margin-top: 20px;
	margin-left: 100px; }
	
.designservice ul {
	margin-left: 110px; }
	
.designservice ul li,
.codeservice ul li {
	line-height: 2.1em; }	
	
#serviceslist {
	margin: 15px 25px 0px 25px;
	list-style: none;
	float: left; }
	
#serviceslist li {
	width: 260px;
	height: 33px;
	position: relative; }
	
#serviceslist li span {
	background: url(images/spriteabout.png) no-repeat -240px -15px;
	display: block;
	width: 255px;
	height: 25px;
	padding-top: 8px;
	padding-left: 5px;
	text-indent: 14px;
	overflow: hidden; }

/* Mask */
#serviceslist li b {
	background: url(images/spriteabout.png) no-repeat -121px -536px;
	width: 260px;
	height: 33px;
	position: absolute;
	/*z-index: 1;*/ }	
	
.musicpad {
	background: url(images/musicpad.png) no-repeat left top; }
	
.musicdisk {
	width: 66px;
	height: 84px;
	float: left;
	margin-left: 7px;
	margin-right: 15px;
	position: relative; } 
	
.musiccover {
	background: url(images/spriteabout.png) no-repeat -388px -455px;
	width: 66px;
	height: 84px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0; } 
	
.musiccover:hover {
	background: url(images/spriteabout.png) no-repeat -454px -455px; } 
	
/* Moviebox */
.moviebox {
	width: 120px;
	height: 141px;
	float: left;
	margin-right: 30px;
	position: relative;; }
	
.moviecover {
	background: url(images/spriteabout.png) no-repeat 0px -449px;
	width: 120px;
	height: 141px;
	position: absolute;
	z-index: 2;
	margin-right: 30px; }
	
.moviebox img {
	width: 91px;
	height: 127px;
	position: absolute;
	z-index: -1;
	top: 4px;
	left: 15px;
	border: 0px; }
	
.moviebox:hover {
	width: 115px;
	height: 136px;
	float: left;
	margin-right: 30px;
	position: relative; 
	padding-top: 5px;
	padding-left: 5px; }
	
.moviebox:hover .moviecover {
	width: 115px;
	height: 136px;
	padding-top: 5px;
	padding-left: 5px; }
	
.moviebox:hover img {
	width: 91px;
	height: 127px;
	margin-top: 5px;
	margin-left: 5px; }
	
	
	
.yordanoff-designer {
	background: url(images/spriteabout.png) no-repeat -261px -124px;
	width: 260px;
	height: 211px;
	position: absolute;
	top: 202px;
	right: 0px;
	z-index: 1;
	text-indent: -9999em; }
	
.yordanoff-designer:hover {
	background: url(images/spriteabout.png) no-repeat 0px -124px;
	cursor: default; }
	
.tweeter-icon {
	background: url(images/spriteabout.png) no-repeat -190px -450px;
	width: 46px;
	height: 48px;
	position: absolute;
	right: 0px;
	top: 10px; }
	
.right-list {
	list-style: none;
	float: left; }
	
.right-list li {
	background: url(images/hsep.png) no-repeat right bottom;
	padding: 15px 25px;
	line-height: 1.4em; }
	
.tweet-meta {
	float: left;
	font-size: 10px;
	font-family: Tahoma, Helvetica, Arial, serif;
	color: #aaa;
	margin-top: 5px;
	text-shadow: #fff 1px 1px 1px; }

	
.right-list-blog {
	margin-top: 5px;
	list-style: none;
	float: left; }
	
.right-list-blog li {
	background: url(images/hsep.png) no-repeat left bottom;
	width: 260px;
	height: 32px;
	float: left;
	position: relative; }

.right-list-blog li a {
	background: url(images/spriteabout.png) no-repeat -222px -15px;
	display: block;
	width: 195px;
	height: 21px;
	padding: 11px 25px 0px 40px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	z-index: 1; }

/* Mask */
.right-list-blog li b {
	background: url(images/spriteabout.png) no-repeat -348px -536px;
	width: 30px;
	height: 31px;
	display: block;
	position: absolute;
	z-index: 3;
	right: 0px; }	
	
	
/* Social icons */
.itwitter,
.ifacebook,
.ilinkedin,
.igoogle,
.ilastfm,
.ixfire,
.iedno23,
.ivimeo,
.iflickr {
	background: url(images/spriteabout.png) no-repeat 0px -596px;
	width: 52px;
	height: 55px;
	float: left; }
	
.itwitter { background-position: 0px -648px; }
.itwitter:hover { background-position: 0px -596px; }	
	
.ifacebook { background-position: -52px -648px; }
.ifacebook:hover { background-position: -52px -596px; }	
	
.ilinkedin { background-position: -104px -648px; }
.ilinkedin:hover { background-position: -104px -596px; }	
	
.igoogle { background-position: -156px -648px; }
.igoogle:hover { background-position: -156px -596px; }	
	
.ilastfm { background-position: -208px -648px; }
.ilastfm:hover { background-position: -208px -596px; }	
	
.ixfire { background-position: -262px -648px; }
.ixfire:hover { background-position: -262px -596px; }	

.iedno23 { background-position: -314px -648px; }
.iedno23:hover { background-position: -314px -596px; }	
	

.smallmeta {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #aaa; }
	
.smallmeta a {
	color: #aaa;
	border-bottom: 1px dotted #aaa; }
	
.smallmeta a:hover photos
	
	
/*------------------------------------------------------------------------------------
	Blog
------------------------------------------------------------------------------------*/
.bloghead {
	width: 920px;
	height: 171px;
	float: left; }	
	
#blog {
	background: url(images/spriteblog.png) no-repeat 0px 0px;
	width: 98px;
	height: 80px;
	float: left;
	text-indent: -9999em;
	margin-top: 50px;
	margin-bottom: 15px; }
	
#catnav ul {
	margin-top: 69px;
	float: right;
	list-style: none; }
	
#catnav ul li {
	float: left; }

#catnav ul li a {
	margin: 0px 15px;
	display: block; }
	
.articles,
.resources,
.photos,
.multimedia,
.quotes,
.stuff,
.act,
.articles-o,
.resources-o,
.photos-o,
.multimedia-o,
.quotes-o,
.stuff-o {
	background: url(images/spriteblog.png) no-repeat;
	width: 38px;
	height: 52px;
	float: left; }
	
.allposts {
	background: url(images/spriteblog.png) no-repeat -10px -162px;
	width: 73px;
	height: 52px;
	float: left; }
	
.allposts:hover, 
#catact .allposts,
.allposts-o { background-position: -10px -214px; }
	
	
.articles-o { background-position: -111px -162px; }

.articles-o:hover, 
#catact .articles-o,
.articles { background-position: -111px -214px; }


.resources-o { background-position: -179px -162px; }

.resources-o:hover, 
#catact .resources-o,
.resources { background-position: -179px -214px; }


.photos-o,
.photos { background-position: -249px -162px; width: 44px; }

.photos-o:hover,
.photos,
#catact .photos-o { background-position: -249px -214px; }	
	
	
.multimedia-o,
.multimedia { background-position: -323px -162px; width: 44px; }

.multimedia-o:hover, 
.multimedia,
#catact .multimedia-o { background-position: -323px -214px; }
	
.quotes-o { background-position: -400px -162px; }

.quotes-o:hover, 
.quotes,
#catact .quotes-o { background-position: -400px -214px; }
	
.stuff-o { background-position: -466px -162px; }

.stuff-o:hover,
.stuff, 
#catact .stuff-o { background-position: -466px -214px; }	
	
.metacolt {
	background: url(images/metasep.png) no-repeat right top;
	width: 100px;
	height: 100px;
	padding: 25px 0px;
	text-align: center; }
	
.metacolt .articles,
.metacolt .resources,
.metacolt .quotes,
.metacolt .stuff {
	margin-left: 31px; }
	
.metacolt .photos,
.metacolt .multimedia {
	margin-left: 29px; }

.blogcols {
	background: url(images/vsep.gif) repeat-y right top;
	width: 520px;
	padding: 20px;
	float: left;
	line-height: 1.6em;
	font-size: 12px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	color: #555;
	text-shadow: #fff 1px 1px 1px; }

.blogcols h1 a {
	background: url(images/spriteblog.png) no-repeat -9999px -9999px;
	font-size: 22px;
	font-family: "Myriad Pro", Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	display: block;
	width: 515px;
	height: 40px;
	padding: 17px 0px 0px 5px;
	letter-spacing: -1px;
	text-shadow: #fff 1px 1px 0px;
	border-bottom: 0px; }

.blogcols h1 a:hover {
	background: url(images/spriteblog.png) no-repeat 0px -100px;
	width: 490px;
	padding-left: 15px;
	padding-right: 15px;
	color: #f8f8f8;
	text-shadow: #e75300 1px 1px 0px;
	border-bottom: 0px; }

.blogcols p {
	width: 500px;
	margin: 5px 0px;
	float: left; }
	
.post-data {
	font-size: 12px;
	font-style: italic;
	font-family: Georgia, serif;
	color: #aaa;
	text-shadow: #fff 1px 1px 0px;
	cursor: default; }

blockquote {
	background: url(images/quote5.png) no-repeat 480px bottom;
	width: 490px;
	padding: 0px 15px 5px 15px;
	float: left;
	margin-bottom: 10px;
	font-size: 18px;
	font-style: italic;
	font-family: Georgia, serif;
	text-shadow: #fff 1px 1px 0px;
	line-height: 1.5em; }
	
.bqa {
	float: left;
	text-align: right;
	width: 100%; }
	
.post-metabox {
	width: 520px;
	float: left;
	margin: 0px; }
	
.post-metabox a {
	font-size: 12px;
	font-style: italic;
	font-family: Georgia, serif;
	color: #aaa;
	text-shadow: #fff 1px 1px 0px;
	border-bottom: 0px; }
	
.post-metabox a:hover {
	color: #175EC0;
	border-bottom: 0px; }
	
.readmore {
	font-style: italic;
	font-family: Georgia, serif;
	color: #aaa;
	text-shadow: #fff 1px 1px 0px;
	border-bottom: 0px;
	font-size: 14px;
	color: #444; }
	
	
/* Comment form */
#comments #author,
#comments #email,
#comments #url {
	background: url(images/input.png) no-repeat; 
	width: 193px;
	height: 23px;
	float: left;
	border: 0px;
	clear: both;
	margin-bottom: 10px;
	padding: 8px 8px 0px 8px; }
	
#comments label {
	float: left;
	margin-top: 11px;
	margin-left: 6px;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif; }

#comments textarea {
	background: url(images/commentarea.png) no-repeat;
	width: 306px;
	height: 132px;
	padding: 8px;
	border: 0px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.5em;
	overflow: auto;
	float: left;
	margin-bottom: 15px; }
	
.gravatar-top {
	padding: 3px;
	background: #fff;
	border: 1px solid #c8c8c8;
	float: left;
	margin-left: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
	
#submit {
	background: url(images/commentsubmit.png) no-repeat left top;
	width: 62px;
	height: 31px;
	border: 0px;
	float: left;
	outline: 0px;
	cursor: pointer; }
	
#submit:hover { background-position: left bottom; }

#submit:active { background-position: left center; }
	 
#comments {
	background: url(images/vsep.gif) repeat-y right top;
	margin: 0px; }
	
#comments h3 {
	background: none;
	width: 620px;
	margin: 15px 5px;
	color: #333;
	text-shadow: #fff 1px 1px 1px;
	font-size: 20px;
	font-family: "Myriad Pro", Helvetica, Arial, Tahoma, sans-serif;
	font-weight: bold;
	display: block;
	letter-spacing: -1px; } 
	
.commentlist {
	list-style: none; }
	
.commentlist .ccnt p {
	float: left; 
	margin: 10px 0px; }
	
.author-info {
	width: 80px;
	height: auto;
	float: right;
	margin-right: 20px; }
	
.author-info img {
	padding: 3px;
	background: #fff;
	border: 1px solid #c8c8c8;
	float: left;
	margin-left: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
	
.authorLink a {
	float: left;
	margin-top: 5px;
	font-size: 11px;
	margin-left: 7px;
	color: #14A1E3;
	text-shadow: #fff 1px 1px 1px; }

.ctop {
	background: url(images/comment-top.png) no-repeat;
	width: 549px;
	height: 5px;
	float: left; }
	
.ccnt {
	background: url(images/comment-cnt.png) repeat;
	width: 519px;
	height: auto;
	float: left;
	padding: 10px 15px;
	line-height: 1.5em; }

.cbtm {
	background: url(images/comment-btm.png) no-repeat;
	width: 549px;
	height: 6px;
	float: left; }
	
.cbal {
	background: url(images/comment-arrow.png) no-repeat;
	width: 8px;
	height: 15px;
	position: absolute;
	top: 20px;
	right: 105px; }
	
.moderation {
	font-size: 11px;
	color: #1EA5E4;
	text-shadow: #DFF5FF 2px 2px 3px; }
	
.comment-date {
	font-size: 10px;
	color: #999; }
	
.sepshadow-cmt {
	background: url(images/sepshadow.png) no-repeat;
	width: 100%;
	height: 30px;
	float: left; }


/* Home page jCarousel */
.jcarousel-container {
    position: relative;
    float: left;
    width: 920px; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 920px; }

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 920px; }

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 210px;
    min-height: 250px;
    margin-right: 25px; }

.jc-controls {
	float: left;
	margin-left: 12px;
	margin-top: 93px; }
	
#jc-previous,
#jc-next {
	display:block;
	background:url(images/spritehome.png) -523px -782px;
	width:42px;
	height:42px;
	float: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; }
	
#jc-previous:hover,
#jc-next:hover {
	background-position: -523px -824px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1; }

#jc-next {
	background:url(images/spritehome.png) -565px -782px;
	margin-left: 5px; }
	
#jc-next:hover {
	background-position: -565px -824px; }
	
/*
#jc-previous {
	display:block;
	background:url(images/arrows-home.png) 0px 0px;
	width:31px;
	height:46px;
	position: absolute;
	bottom: 0px;
	left: 10px; }
	
#jc-previous:hover {
	background-position: 0px -92px; }
	
#jc-previous:active {
	background-position: 0px -46px; }

#jc-next {
	display:block;
	background:url(images/arrows-home.png) -31px 0px;
	width:31px;
	height:46px;
	position: absolute;
	bottom: 0px;
	right: 10px; }
	
#jc-next:hover {
	background-position: -31px -92px; }
	
#jc-next:active {
	background-position: -31px -46px; } */

	
/* Quick info */
.quickinfo-box {
	float: left; }
	
#quickinfo {
	background: url(images/spritehome.png) no-repeat -476px -574px;
	width: 164px;
	height: 100px;
	float: left;
	text-indent: -9999em;
	margin-top: 60px;
	margin-bottom: 15px; }

.qibox {
	width: 280px;
	float: left;
	margin-right: 23px; }
	
.qibox2 {
	width: 290px;
	float: left;
	margin-right: 23px; }
	
.qibox3 {
	width: 290px;
	float: left; }

.qibox #services {
	background: url(images/qi.png) no-repeat 0px 0px;
	width: 280px;
	height: 44px;
	float: left;
	text-indent: -9999em; }

.qibox2 #contacts {
	background: url(images/qi.png) no-repeat -308px 0px;
	width: 290px;
	height: 44px;
	float: left;
	text-indent: -9999em; }
	
.qibox3 #twitter {
	background: url(images/qi.png) no-repeat -627px 0px;
	width: 293px;
	height: 44px;
	float: left;
	text-indent: -9999em; }
	
.qibox .ful {
	list-style: none;
	float: left;
	margin-top: 5px; }
	
.qibox .ful li {
	background: url(images/qili.png) no-repeat left top;
	width: 250px;
	height: 19px;
	float: left;
	padding: 12px 15px 0px 15px; }
	
.qibox2 ul {
	list-style: none;
	float: left;
	margin-top: 5px; }
	
.qibox2 ul li {
	background: url(images/qili.png) no-repeat right top;
	width: 280px;
	height: 19px;
	float: left;
	padding: 12px 5px 0px 5px; }
	
.qibox2 ul li span {
	float: left; }
	
.qibox2 ul li strong {
	float: right;
	font-weight: normal;
	color: #222;
	text-shadow: #fff 1px 1px 0px; }
	
.qibox2 ul li strong a {
	color: #175ECC; }
	
.tweetboxh {
	background: url(images/tweets-home.png) no-repeat;
	width: 272px;
	height: auto;
	margin: 0px;
	padding: 15px;
	float: left;
	min-height: 145px; }
	
	
.tweetboxh div {
	float: left;
	line-height: 1.7em;
	color: #444;
	margin-top: 25px; }
	
.tweetboxh a,
.tweetboxh div a {
	color: #175ECC; }

#about_Page {
	position: relative; 
	/*height: 1370px;*/
	height: 1320px; }
	
#about_Page img {
	padding: 0px;
	border: 0px;
	background: none; }


/* Page 404 */
#page404 {
	background: url(images/notfoundsprite.png) no-repeat left -30px;
	width: 900px;
	height: 523px;
	float: left;
	margin-top: 40px; }
	
#page404 h5 {
	text-indent: -9999em; }
	
#page404search {
	background: url(images/notfoundsprite.png) no-repeat left bottom;
	width: 900px;
	height: 77px;
	float: left; }
	
#page404search #s {
	background: url(images/notfoundsprite.png) no-repeat -20px -573px;
	width: 745px;
	height: 27px;
	padding: 10px 10px 0px 15px;
	border: none;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 16px;
	font-family: Georgia, serif;
	color: #404040;
	text-shadow: #fff 1px 1px 0px;
	font-style: italic; }
	
#page404search #searchsubmit {
	background: url(images/notfoundsprite.png) no-repeat -791px -573px;
	width: 91px;
	height: 37px;
	float: left;
	border: none;
	margin-top: 20px;
	margin-left: 1px; }
	
.noposts {
	font-size: 34px;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #333;
	text-transform: uppercase;
	letter-spacing: -2px;
	text-shadow: #fff 1px 1px 0px;
	float: left;
	margin: 25px 0px 10px 0px; }
	
.noposts-fix {
	width: 100%;
	height: 400px;
	float: left; }