/*
Title:		Master styles for screen media
Author:		justine@gentlecode.net
*/


body {
	font: normal 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #797979;
	
}

p {
	margin-bottom: 13px;
}

/* Links */

a:link, a:visited {
	color: #0B8ECE;
	outline: none;
	text-decoration: none;
	text-decoration: underline;
}

a:hover {
	
}


/* PAGE STRUCTURE
------------------------------------------------------------- */

#container {
	width: 960px;
	margin: 0 auto;
}

/* HEADER
------------------------------------------------------------- */

.header h1 {
	float: left;
}

.header ul.social {
	float: right;
	width: 432px;
	height: 95px;

}

.header ul.social li {
	float: left;
	width: 50%;
}

.header ul.social li a {
	display: block;
	line-height: 96px;
	color: #999;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	text-transform: uppercase;
	font-size: 10px;
}

.header ul.social li a.fb {
	padding: 0 0 0 40px;
	background: url(../img/icon-social-fb.png) 14px 10px no-repeat;
}

.header ul.social li a.twitter {
	padding: 0 0 0 35px;
	background: url(../img/icon-social-twitter.png) 6px 10px no-repeat;
}


/* NAVIGATION
------------------------------------------------------------- */

.nav {
	background: url(../img/bg-nav.png) repeat-x;
	border-bottom: 4px solid #0B8ECE;

	position: relative;
	z-index: 10;
}

/* First level */

.nav ul {
	float: left;
}

.nav ul li {
	float: left;
	position: relative;
}

.nav ul li a {
	display: block;
	line-height: 47px;
	color: #303030;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-right: 1px solid #333333;
	text-decoration:none;
}

.nav ul li a:hover, .nav ul li.current a, .nav ul li.hover a {
	background-color: #0B8ECE;
	text-decoration: none;
	color: #ffffff;

}

.nav ul li a:hover, .nav ul li.hover a {
	color: #ffffff;

}

/* Second level */

.nav ul li ul {
	width: 145px;
	position: absolute;
	top: 47px; left: 0px;
	z-index: 50;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);

	display: none;
}

.nav ul li ul li {
	float: none;
	padding: 0;
	border: none;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #fff;
}

.nav ul li ul li:first-child {
	border-top: none!important;
}

.nav ul li ul li:last-child {
	border-bottom: none!important;
}

.nav ul li ul li a {
	display: block;
	line-height: 29px;
	padding: 0 22px;
	border: none!important;
	background: none;
	color: #ffffff!important;
	background-color: #ddd;
}

.nav ul li ul li a:hover {
	color: #ffffff !important;

	font-style: italic;
	background-color: #0B8ECE;	
}

/* Login area */

.nav div.login {
	float: right;
	margin: 4px 5px 0 0;
	position: relative;
	z-index: 10;
}

.nav .login a.button {
	display: block;
	width: 142px;
	height: 38px;
	padding: 0 0 0 15px;
	background: url(../img/btn-login.png) no-repeat;
	color: #303030;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav .login a.button:hover {
	text-decoration: none;
}

.nav .login a.button.hover {
	background: url(../img/btn1-login-active.png) no-repeat;
}

.nav .login .login-form {
	position: absolute;
	top: 36px; right: 0;
	width: 221px;
	padding: 5px 12px;
	background-color: #fcfcfc;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	z-index: 100;
	display: none;
}

.nav .login .login-form form label {
	display: block;
	color: #303030;
	margin: 0 0 3px -30px;
}

.nav .login .login-form form input[type=text], .nav .login .login-form form input[type=password] {
	width: 205px;
	background: #646b73;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#eee));
	background: -moz-linear-gradient(0% 0% 90deg, #fafafa, #eee);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	padding: 7px 5px;
	margin-bottom: 5px;
}

.nav .login .login-form form input[type=submit] {
	width: 66px;
	height: 32px;
	border: 0;
	background: url(../img/btn3-formlogin.png) no-repeat; 
	font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	float: right;
	margin: 5px 2px 5px 0;
	cursor: pointer;
	
} 

.nav .login .login-form form span a {
	display: block;
	float: left;
	color: #303030;
	line-height: 37px;
}

/* FEATURED SECTION
------------------------------------------------------------- */

.featured {
	width: 958px;
	height: 190px;
	margin: 0 0 0 -3px;
	padding: 9px 0 0 8px;
	background: url(../img/bg-featured.png) 0 0 no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

.featured-nav {
	height: 110px;
	/*background: url(../img/bg-slider-nav.png) 0 0 no-repeat; */
	margin-bottom: 20px;
	position: relative;
	display: none;
}

.featured-nav ul {
	float: left;
	margin: 15px 0 0 10px;
}

.featured-nav ul li {
	float: left;
	margin: 0 20px 0 20px;
}

.featured-nav ul li a {
	display: block;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	opacity: 0.6;
}

.featured-nav ul li a:hover, .featured-nav ul li.activeSlide a {
	opacity: 1;
}

.featured-nav ul li a img {
	display: block;
	width: 120px;
	height: 75px;
	border: 1px solid #aaa;
}

/* MAIN KITCHEN SINK SECTION
------------------------------------------------------------- */

.main h2 a { 
	color:#999; }
.main h1 {
	color:#0B8ECE;
	font-size:19px;
	font-weight:bold;
	line-height:1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.main h2 {
	color:#666666;
	font-size:17px;
	clear:both;
	line-height:1.3em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.main h3 { 
	color:#303030; 
	font-size:18px; 
	margin:16px 0px 10px; 
	font-weight:normal; 
	line-height:1.2em; 
}
.main h4 { 
	color:#303030; 
	font-size:14px; 
	margin:16px 0px 10px; 
	font-weight:normal; 
}
.main h5 { 
	color:#303030;
	font-size:11px; 
	margin:16px 0px 10px; 
	font-weight:normal; 
}
.main h6 { 
	color:#303030; 
	font-size:11px; 
	margin:0px 0px 10px; 
	font-weight:normal; 
}

.main blockquote.left p { 
	width: 220px; 
	padding: 0px 20px 0px 0px; 
	margin:0px 20px 20px; 
	font-size: 15px; 
	line-height: 20px; 
	float:left; 
	border-right:1px solid #dbdbdb; 
	text-align:right; 
	font-style:italic; 
}
.main blockquote.right p { 
	width: 220px; 
	padding: 0px 0px 0px 20px; 
	margin:0px 0px 20px 20px; 
	font-size: 15px; 
	line-height: 20px; 
	float:right; 
	border-left:1px solid #dbdbdb; 
	text-align:left; 
	font-style:italic; 
}


/* CONTENT TAB STYLES
------------------------------------------------------------- */

.main ul.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main ul.tabNavigation li {
    display: inline;
}

.main ul.tabNavigation li a {
    padding: 7px 15px;
    background-color: #ddd;
    border: 1px solid #aaa;
    color: #303030;
    text-decoration: none;
}

.main ul.tabNavigation li a.selected,
.main ul.tabNavigation li a:hover {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    color: #999;
    padding-top: 7px;
}
                
.main ul.tabNavigation li a:focus {
    outline: 0;
}

.main div.content-tab > div {
    padding: 15px;
    margin-top: 3px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}
                
.main div.content-tab > div h2 {
    margin-top: 10px;
}

.main #first {
    background-color: #fff;
}

.main #second {
    background-color: #fff;
}

.main #third {
    background-color: #fff;
}
                
                
/* CONTENT TOGGLE STYLES
------------------------------------------------------------- */

.main #toggle-view {
	list-style:none;
	font-family:arial;
	font-size:12px;
	margin:0;
	padding:0 0 20px 0;
	width:630px;
}

	.main #toggle-view li {
		margin:10px;
		border-bottom:1px solid #ccc;
		position:relative;
		cursor:pointer;
	}
	
	.main #toggle-view h3 {
	margin:0;
	font-size:12px;
	padding: 5px 0 10px;
	color: #0B8ECE;
	font-weight: bold;
	}

	.main #toggle-view span {
		position:absolute;
		right:5px; top:0;
		color:#ccc;
		font-size:13px;
	}
	
	.main #toggle-view p {
		margin:5px 0;
		display:none;
	}
	
/* CONTENT STYLES
------------------------------------------------------------- */
	
/*.main table {
	margin: 210px 0;
	width: 100%;
}

.main table th {
	border: 1px solid #e5e5e5;
	padding: 10px 0;
	color: #17222d;
	font-weight: normal;
}

.main table td {
	border: 1px solid #e5e5e5;
	text-align: center;
	padding: 3px 0;
}*/

.main p.box {
	padding: 12px 12px 12px 35px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	background: url(../img/icon-boxes.png) no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main p.download {
	border: 1px solid #dddfa4;
	background-color: #eff1b9;
	color: #737624;
	background-position: 5px 2px;
}

.main p.warning {
	border: 1px solid #f28f8b;
	background-color: #ffcfcd;
	color: #e10000;
	background-position: 7px -40px;
}

.main p.info {
	border: 1px solid #9acbef;
	background-color: #caecff;
	color: #0468b0;
	background-position: 8px -82px;
}

.main a.button {
	display: inline-block;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
	margin: 0 0 17px 0;
}

.main a.button:hover {
	text-decoration: underline;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

.main a.button span {
	display: block;
	padding: 0 17px;
	line-height: 32px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.main span.high_dark {
	background-color: #ddd;
	color: #303030;
	padding: 1px 3px;
}

.main span.high_red {
	background-color: #a81632;
	color: #fff;
	padding: 1px 3px;
}

.main img.right {
	float:right;
	margin: 10px 20px 10px 20px;
}

.main img.left {
	float:left;
	margin: 10px 20px 10px 20px;
}
	

/* HOMEPAGE STYLES
------------------------------------------------------------- */

div.col {
	width: 203px;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	padding: 25px;
	float: left;
	margin: 0 23px 0 0;
}

div.clients ul.group img {
	border: 1px solid #d5d2d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 4px;
	background-color: #fff;
}

div.clients {
	width: 357px;
	margin-right: 0;
}

div.col h3 {
	font-size: 24px;
	font-weight: normal;
	color: #999;
	margin-bottom: 20px;
}

div.col h4 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	margin: -10px 0 15px -24px;
	padding: 0 0 20px 24px;
	background: url(../img/bg-col-h4.png) bottom left no-repeat;
}

div.col h5 {
	color: #999;
	margin-bottom: 18px;
}

div.col img.right {
	float: right;
	margin: 3px 0 4px 14px;
	border: 1px solid #d5d2d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding: 4px;
	background-color: #fff;
}

div.col a.more {
	display: block;
	float: right;
	padding: 0 17px;
	line-height: 28px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

div.clients ul {
	overflow: hidden;
	margin: 30px 10px 8px;
}

div.clients ul li {
	float: left;
	margin: 0 15px 17px 0;
}

div.clients ul li:nth-child(3n+3) {
	margin-right: 0;
}

/* MAIN STYLES
------------------------------------------------------------- */

div.title {
	background-color: #ddd;
	border-top: 1px solid #aaa;
	position: relative;
	font-size: 12px;
	color: #303030;
	text-shadow: 1px 1px 1px #fff;
	padding: 12px 12px 12px;
}

div.title:before {
	content: '';
	display: block;
	height: 1px;
	width: 960px;
	background-color: #ddd;
	position: absolute;
	top: 0; left: 0;
}

div.title h2 {
	border: none!important;
	font-size: 18px;
	font-weight: normal;

	text-shadow: none;
}

/* Content */

div.content {
	background: #fff url(../img/bg-content.png) repeat-y;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

div.content-full {
	background: #fff;
	padding: 25px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

div.content pre {
	display: block;
	margin-bottom: 15px;
	background: url(../img/bg-code.png) 100% 100% repeat-x;
}

div.content code {
	display: block;
	padding: 15px 5px;
	background: url(../img/bg-code.png) 0 0 repeat-x;
	letter-spacing: -1px;
}

div.content h3 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 2px;
}

div.content-full .column {
	float: left;
}

div.content-full .one_third {
	width: 265px;
	margin: 0 55px 25px 0;
}

div.content-full .two_third {
	width: 585px;
	margin: 0 55px 25px 0;
}

div.content-full .one_half {
	width: 435px;
	margin: 0 40px 25px 0;
}

div.content-full .one_fourth {
	width: 201px;
	margin: 0 35px 25px 0;
}

div.content-full .three_fourth {
	width: 673px;
	margin: 0 35px 25px 0;
}

div.content-full div.final {
	margin-right: 0 !important;
}

div.content .one_third {
	width: 265px;
	margin: 0 55px 25px 0;
}

div.content .two_third {
	width: 585px;
	margin: 0 55px 25px 0;
}

div.content .one_half {
	width: 435px;
	margin: 0 40px 25px 0;
}

div.content .one_fourth {
	width: 201px;
	margin: 0 35px 25px 0;
}

div.content .three_fourth {
	width: 673px;
	margin: 0 35px 25px 0;
}

div.content div.final {
	margin-right: 0 !important;
}

div.content ul.good {
	margin: 20px 10px;
}

div.content ul.good li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0 4px no-repeat;
}
div.content ul.good1 {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 18px;
}

div.content good1  {
	line-height: 24px;
	padding: 0 0 0 30px;
	background: url(../img/good1.png) 0 4px no-repeat;
}

div.content ul.bad {
	margin: 20px 10px;
}

div.content ul.bad li {
	line-height: 24px;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows-colored.png) 0px -20px no-repeat;
}

div.content a.btn_link {
	display: inline-block;
	margin: 0 0 15px 0;
	background: url(../img/btn-grey.png) 0 0 no-repeat;
}

div.content a.btn_link span {
	display: block;
	height: 32px;
	line-height: 30px;
	padding: 0 17px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	background: url(../img/btn1-grey.png) 100% 100% no-repeat;
}

div.content a.btn_link:hover {
	text-decoration: none;
}


/* Main styles */

div.content div.main {
	width: 680px;
	float: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 25px;
}

/* Post styles */

.post {
	padding: 0 0 30px 0;
	margin: 0 0 20px 0;
	background: url(../img/bg-post.png) 50% 100% no-repeat;
}

.post img.main-thumb {
	border: 1px solid #d5d2d1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	float: left;
	padding: 8px;
	background-color: #fff;
	margin: 0 0 15px 0;
	
}

.post h2 {
	font-size: 24px;
	font-weight: normal;
	color: #797979;
	margin-bottom: 15px;
}

.post ul.meta {
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	margin: 0 0 15px 0;
}

.post ul.meta li {
	float: left;
	margin: 0 15px 0 0;
	line-height: 32px;
	padding: 0 0 0 18px;
	background: url(../img/bg-arrows.png) 0 1px no-repeat;
}

.post ul.meta li a {
	color: #797979;
}

.post ul.meta li a:hover {
	color: #999;
}

.post a.more {
	display: block;
	float: right;
	padding: 0 17px;
	line-height: 28px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

.post .author,
.post .share {
	border: 1px solid #d5d2d1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #fafafa);	
	padding: 12px;
	line-height: 16px;
	margin: 30px 0 0 0;
}

.post .author img.avatar {
	border: 1px solid #d5d2d1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	float: left;
	padding: 4px;
	background-color: #fff;
	margin: 0 20px 0 0;
}

.post .author h4,
.post .share h4 {
	color: #999;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.post .author p:last-child,
.post .share p:last-child {
	margin-bottom: 0;
}

.post .share {
	padding: 15px 0 0 25px;
}

.post .share h4,
.post .share p {
	float: left;
}

.post .share ul {
	overflow: hidden;
	float: right;
	width: 385px;
}

.post .share ul li {
	float: left;
	margin: 0 27px 14px 0;
}

.post .share ul li a {
	display: block;
	width: 28px;
	height: 28px;
	background: url(../img/icon-social.png) 0 0 no-repeat;
}

.post .share ul li.fb a {
	background-position: -55px 0;
}

.post .share ul li.buzz a {
	background-position: -110px 0;
}

.post .share ul li.bump a {
	background-position: -163px 0;
}

.post .share ul li.reddit a {
	background-position: -216px 0;
}

.post .share ul li.email a {
	background-position: -268px 0;
}

.post .share ul li.linked a {
	background-position: -319px 0;
}

.post .share ul li.digg a {
	background-position: 0 -42px;
}

.post .share ul li.deli a {
	background-position: -55px -42px;
}

.post .share ul li.stumble a {
	background-position: -110px -42px;
}

.post .share ul li.technorati a {
	background-position: -163px -42px;
}

.post .share ul li.float a {
	background-position: -216px -42px;
}

.post .share ul li.ms a {
	background-position: -268px -42px;
}

.post .share ul li.rss a {
	background-position: -319px -42px;
}


/* COMMENTS
------------------------------------------------------------- */

h3#comments {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}

#author,#email,#comment,#url,#searchfield {
	background:#FFF !important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-color:#6d6d6d #bfbfbf #bfbfbf #6d6d6d;
	border-style:solid;
	border-width:1px;
	padding:5px;
}

#author,#email,#url {
	width:220px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin: 0 10px 0 0;
	font: normal 12px/18px Arial, sans-serif;
	color: #767676;
}

#commentform textarea {
	width:98%;
	height:250px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font: normal 12px/18px Arial, sans-serif;
	color: #767676;
}

#commentform label {
	font:12px Arial, sans-serif;
}

.reply {
	overflow: hidden;
}

.reply a,.reply a:visited {
	color:#17222d;
	display:block;
	text-align:right;
	text-decoration:none !important;
	font:bold 11px Arial, sans-serif;
	position:relative;
	float:right;
	padding:5px !important;
	margin-bottom: 10px;
}

.reply a:hover {
	text-decoration:none;
	color:#777;
}

.commentlist {
	margin: 0 0 20px !important;
}

.commentlist li {
	font:13px Arial, sans-serif;
	line-height:160%;
	background:#fff;
	border-bottom:1px solid #DDD;
	list-style:none;
	margin:0;
	padding:20px 15px 5px;
}

.commentlist li ul {
	margin: 0 0 20px 40px !important;
}

.commentlist li img.avatar {
	padding: 5px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.commentlist li h3 {
	font:16px Arial, sans-serif;
	font-weight:700;
	line-height:24px;
	border-bottom:2px solid #303030;
	color:#17222d;	
}

.commentlist li li {
	border-bottom:none;
	border-left:3px solid #e5e5e5;
	padding-left:25px;
	padding-bottom:10px;
	padding-top:20px;
	margin:0 0 20px 20px;
}

.commentlist code {
	background:#fff;
	color:#777;
	margin:10px;
	padding:6px;
}

.avatar {
	float:left;
	border:none;
	margin:0 15px 20px 0;
	padding:2px;
}

#trackbacklist li {
	margin:10px 0 10px 35px;
}

#trackbacklist {
	margin:10px 0 20px;
}

#trackbacklist cite {
	font-style:normal;
}

cite.fn {
	font:18px Arial, sans-serif;
	font-weight:700;
	letter-spacing:-0.05em;
	display:block;
	padding:3px 0 0;
}

.says {
	display:none;
}

.comment-author {
	overflow:hidden;
}

.commentmetadata {
	float:left;
}

.comment-date a,.comment-date a:visited {
	color:#9f9f9f;
	font-size:10px;
	text-decoration:none;
}

.commentmetadata a:hover,.commentmetadata a:active {
	text-decoration:underline;
	color:#333;
}

#respond {
	padding-top:15px;
}

#respond #submit {
	border: none;
	background-color: #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 20px;
	cursor: pointer;
	font: bold 20px Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

#respond #submit:hover {
	color: #eee;
}

p#cancel-comment-reply {
	font:10px Arial, sans-serif;
	font-weight:700;
	text-decoration:none;
	float:right;
	background:#c61818;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	color:#fff;
	line-height:22px;
	margin-top:-25px;
	padding:0 10px;
}

p#cancel-comment-reply a {
	color:#fff;
	text-decoration:none;
}

p.love {
	font:12px Arial, sans-serif;
	color:#777;
	line-height:160%;
	padding:10px 0;
}


/* SIDEBAR AND WIDGETS
------------------------------------------------------------- */

div.content div.sidebar {
	width: 170px;
	float: left;
	background: url(../img/bg-sidebar.png) 0 0 repeat-y;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
}

.sidebar .widget {
	margin: 0 0 30px 0;
}

.sidebar .widget h4 {
	color: #999;
	font-weight: normal;
	font-size: 18px;
	padding: 0 0 25px 0;
	margin: 0 0 10px 0;
	background: url(../img/bg-col-h4.png) 0% 100% no-repeat;
}

.sidebar div.widget ul {
	margin: 0 0 0 10px;
}

.sidebar div.widget ul li {
	line-height: 28px;
	background: url(../img/bg-dots.png) 0 100% repeat-x;
}

.sidebar div.widget ul li a {
	display: block;
	color: #0B8ECE;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows.png) 0 0 no-repeat;
	text-decoration:none;
}

.sidebar div.widget ul li a:hover {
	color: #999;
	background-position: 0 -28px;
	text-decoration: none;
}

.sidebar div.twitter ul li {
	line-height: 18px;
	padding: 15px 0 15px 0;
}

.sidebar div.twitter ul li a {
	background: none;
	padding: 0;
	color: #999;
	font-style: italic;
}

/* Popular posts */

.sidebar .popular ul li {
	overflow: hidden;
	padding: 15px 0 10px 0;
	line-height: 18px !important;
}

.sidebar .popular ul li h5 a {
	color: #434343;
	font-size: 12px;
	
}

.sidebar .popular ul li a {
	padding: 0 !important;
	background: none !important;
}

.sidebar .popular ul li img {
	float: left;
	margin: 0 9px 15px 1px;
}

.sidebar .popular ul li em {
	font-size: 10px;
	color: #797979;
}

.sidebar .popular ul li small a {
	color: #797979;
}

/* BOTTOM SECTION - TABS
------------------------------------------------------------- */

div.tab-nav {
	margin: 20px 0;
	clear: both;
}

div.tab-nav ul li {
	float: left;
	margin: 0 13px 0 0;
	background: url(../img/btn-grey.png) 0 0 no-repeat;
}

div.tab-nav ul li a {
	display: block;
	height: 32px;
	line-height: 30px;
	padding: 0 17px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	background: url(../img/btn-grey.png) 100% 100% no-repeat;
}

div.tab-nav ul li.hover {
	background: url(../img/btn-light.png) 0 0 no-repeat;
}

div.tab-nav ul li a:hover {
	text-decoration: none;
	color: #797979;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	background: url(../img/btn-light.png) 100% 100% no-repeat;
}

div.tabs {
	background-color: #fff;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	padding: 20px;
}

div.tabs h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

div.tabs div.widget {
	float: left;
	width: 190px;
	padding: 0 20px;	
}

div.tabs div.widget h4 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #797979;
	padding: 0 0 15px 0;
	background: url(../img/bg-col-h4.png) 0% 100% no-repeat;
}

div.tabs div.widget ul {
	margin: 0 35px 0 15px;
}

div.tabs div.widget ul li {
	line-height: 28px;
	background: url(../img/bg-dots.png) 0 100% repeat-x;
}

div.tabs div.widget ul li a {
	display: block;
	color: #797979;
	padding: 0 0 0 20px;
	background: url(../img/bg-arrows.png) 0 0 no-repeat;
}

div.tabs div.widget ul li a:hover {
	color: #999;
	background-position: 0 -28px;
	text-decoration: none;
}

div.tabs div.widget a.more {
	display: block;
	float: right;
	padding: 0 17px;
	line-height: 28px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

/* COLORTIP STYLINGS
------------------------------------------------------------- */

.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}


/* 6 Available Color Themes */

.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}

.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.blue .pointyTip{ border-top-color:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
	background-color:#d9f1fb;
	border:1px solid #7fcdee;
	color:#1b475a;
}

.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}

.red .pointyTip{ border-top-color:#bb3b1d;}
.red .pointyTipShadow{ border-top-color:#8f2a0f;}
.red .colorTip{
	background-color:#bb3b1d;
	border:1px solid #8f2a0f;
	color:#fcfcfc;
	text-shadow:none;
}

.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
	text-shadow:none;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* PORTFOLIO
------------------------------------------------------------- */

ul#filter { 
	float: left; 
	font-size: 16px; 
	list-style: none; 
	margin-left: 20px; 
	margin-top: 30px;
	width: 100%; 
}

ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { 	
	color: #797979;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase; 
}
ul#filter df3f00 { 	
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase; 
}
ul#filter li.current a { 
	padding: 10px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

ul#portfolio { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	margin-top: 40px;
	width: 900px; 
}

ul#portfolio li {  
	float: left; 
	margin: 0 16px 30px 16px; 
	padding: 5px;
	width: 180px;
}

ul#portfolio li p{  
	float: left; 
	margin: 3px 0 10px 0; 
	padding: 5px;
	line-height: 18px;
}

ul#portfolio li a.more {
	display: block;
	float: right;
	padding: 0 17px;
	line-height: 28px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #999;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

ul#portfolio a { display: block;  }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { 
	border: 1px solid #eee;
	display: block;
	padding: 8px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.nivoZoomHover {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	width:100%;
	height:100%;
	cursor:pointer;
}
.nivoCaption {
	display:none;
	position:absolute;
	z-index:110;
	text-align:center;
	background:#010101;
	color:#fff;
	padding:4px 0;
	overflow:hidden;
}

a.nivoZoom {
	border:0 !important;
}
a.nivoZoom img {
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
}
a.nivoZoom img.nivoLarge {
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
	z-index: 5000;
}
.nivoZoomHover {
	background:url(../img/zoom.png) no-repeat 50% 50%;
}
.nivoZoomHover.loading {
	background:url(../img/loading.gif) no-repeat 50% 50%;
	border:4px solid #000;
	width:16px;
	height:16px;
	top:43%;
	left:43%;
	opacity:0.8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* PORTFOLIO SLIDER 
---------------------------------------------------------------*/

#portfolio-slider {
	width:619px;
	overflow:hidden;
	position: relative;
	height:570px;
	margin:20px 10px 20px 10px;
}
 
#portfolio-slider .cover {
	width:1857px; /*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */
	position: absolute;
	height:570px;
}
 
#portfolio-slider .portfolio-img {
	width:619px;
	float:left;
	padding:20px 0;
}
 
.button1,.button2,.button3 {
	margin: 10px 10px -10px 10px;
	display: block;
	float: left;
	padding: 2px 20px;
	line-height: 28px;
	border: 1px solid #d9dfe4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #797979!important;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);

}
.active {
	display: block;
	float: left;
	padding: 2px 20px;
	color: #999!important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));
	background: -moz-linear-gradient(0% 0% 90deg, #f7f8f9, #fff);
}
.clear {
	clear:both;
}

#contact-area {
	width: 600px;
	margin-top: 45px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f8f9));
	background: -moz-linear-gradient(0% 0% 90deg, #fff, #f7f8f9);
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #31353c;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff));
	background: -moz-linear-gradient(0% 0% 90deg, #f7f8f9, #fff);
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

label.error { 
	float: left;
	text-align: right;
	margin-right: 15px;
	margin-top: -10px;
	width: 600px;
	padding-bottom: 15px;
	font-size: 1.1em;
	color: #f00;
}
#contact-area p { clear: both; }
#contact-area .submit { margin-left: 12em; }
#contact-area em { font-weight: bold; padding-left: 5px; vertical-align: top; }

/* FOOTER
------------------------------------------------------------- */

.footer {
	margin: 20px;
}

.footer p {
	float: left;
}

.footer ul {
	float: right;
	overflow: hidden;
}

.footer ul li {
	float: left;
	margin: 0 40px 0 0;
}

.footer ul li:last-child {
	margin-right: 0;
}

.footer ul li a {
	color: #797979;
}


/* MISC.
------------------------------------------------------------- */

.hide {
	display: none;
}

.clear {
	clear: both;
}


/* self-clear floats */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ---- Breadcrumbs ---- */

#breadcrumbs	{
	width:960px;
	font:11px Arial, Helvetica, sans-serif;
	color:#0B8ECE;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
				}
				
#breadcrumbs a	{
				color:#8c8c8c;
				text-decoration:none;
				}
				
#breadcrumbs a:hover	{
				color:#FFF;
				text-decoration:none;
				}


.alignleft		{float:left;}
.alignright		{float:right;}
.aligncenter	{
				width:auto;
				display:block;
				margin:0 auto;
				}

.alignleft 		{
				margin-right:10px;
				
				}
				
.alignright		{
				margin-left:10px;
				margin-bottom:5px;
				}

.aligncenter	{margin:0 auto 10px;}

.pagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	}
	
td img {display: block;}
</style>
<script type="text/javascript">	
fondo_tabla {
	background-color: #FF0000;
}
.fondo_tabla_azul {
	background-color: #0B8ECE;
	font-weight: bold;
	color: #FFFFFF;
	line-height: normal;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 3px 0;
}
.fondo_tabla_contenido {
	background-color: #EEEEEE;
	border: 1px solid #FFFFFF;
	text-align: center;
	padding: 3px 0;
	line-height: normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

ul.unordered li	{
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 29px;
				}
ul.unordered.good1 li	{background:url(../img/good1.png) 0 5px no-repeat;}	
ul.unordered.chico li	{background:url(../img/bullet.png) 0 5px no-repeat; padding-left:16px; padding-top: 4px;}				

.fin-modulo {
	border: thin dashed #66CC33;
	font-style: italic;
	font-weight: bold;
	color: #3399FF;
}