/* - - - - - - - - - - - - - - - - - - - - -

Title : AS Fusion Version 2
Author : Nahuel Foronda
URL :  www.asfusion.com

Created : March 21 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

html{
	margin:0;
 	padding:0;
}	
body{
	/*087F9D*/
	background:#31ADCC url("../images/body_bg.png") -15px 0px repeat-y;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.5em;
}

/* ----- IDS ----- */

#container{
	background:url("../images/container_bg.png") repeat-y;
	margin-left:20px;
}
#languages{
	position:absolute;
	text-align:right;
	font-size:0.7em;
	top:10px;
	width:736px;
	left:0;
}
#sideBar{
	width:230px;
	float:left;
	margin-top:-1px;
}
#logo{
	margin:0;
	width:230px;
	height:96px;
	background:url("../images/logo.png") no-repeat;
}
#logo h1 { margin:0}
#logo h1 a {
	width:230px;
	height:96px;
	display:block;
}
#logo h1 span{
	margin:0;
	display:none;
}
#search{
	height:96px;
}
#search form{
	margin:0px;
	padding:0;
}
#search input{
	position:absolute;
	left:770px;
	top:50px;
	width:200px;
	
}
#mainContent{
	background:url("../images/content.gif") repeat-y;
	width:980px;
	padding:0;
	margin:0;
	padding-top:1px;
}
#content{
	background:url("../images/decorationSearch_ie.png")  no-repeat;
	width:720px;
	padding:15px;
	min-height:250px;
	float:right;
	margin-top:-1px;
}

.navAdds{
	padding-left:25px;
	padding-top: 25px;
	background:url("../images/adsBackground.png") no-repeat;
	width:229px;
}
#home #recentEntries{
	float:left;
	width:455px;
}
.projectPreview{
	float:left;
	margin-left:18px;
	width:218px;
}
#projects h3{
	font-size:1.1em;
}
#separator{
	background:url("../images/contentSeparator.gif") no-repeat;
	height:51px;
	margin-top:-15px;
}

#footer{
	background:#1C2424;
	width:960px;
	color:#627A85;
	padding:10px;
}
#valid{
	float:left;
	height:25px;
	width:210px;
}
#mango
{
	float:right;
	width:150px;
}


#xhtml,  #css, #rss{
	display:block;
	height:14px;
	float:left;
	margin-left:12px;
	margin-top:6px;
}

#xhtml{
	background:url("../images/validXhtml.gif") no-repeat;
	width:60px;
}
#css{
	background:url("../images/validCSS.gif") no-repeat;
	width:43px;
}
#rss{
	background:url("../images/feed.gif") no-repeat;
	width:46px;
}
/* ----- NAVIGATION ----- */
#navigation li{
	margin:0;
	padding:0;
	border:none;
	height:36px;
	display:block;
	list-style:none;
	width:197px;
}
#navigation{
	background:url("../images/navigation.gif") no-repeat;
	width:230px;
}
#navigation ul{
	margin:0;
	padding:28px 16px 0px 17px;
	list-style:none;
	height:339px;
}
#navigation a{
	color:#591B11;
	text-decoration:none;
	display:block;
	height:36px;
	background:no-repeat;
	width:197px;
}
#navigation a span{
	visibility:hidden;
	position:relative;
}
#navigation a:hover{
	color:#060605;
}
#nav_blog a:hover{
	background-image:url("../images/navBlog.gif");
}
#nav_projects a:hover{
	background-image:url("../images/navProjects.gif");
}
#nav_about  a:hover{
	background-image:url("../images/navAbout.gif");
}
#nav_articles a:hover{
	background-image:url("../images/navArticles.gif");
}
#nav_archives a:hover{
	background-image:url("../images/navArchives.gif");
}
#nav_examples a:hover{
	background-image:url("../images/navExamples.gif");
}
#nav_forums a:hover{
	background-image:url("../images/navForums.gif");
}
#nav_contact a:hover{
	background-image:url("../images/navContact.gif");
}
/*
#navFeeds a:hover{
	background-image:url("../images/navFeeds.gif");
}*/

#leaveComment{
	margin-top:4px;
	background-image:url("../images/leaveComment.gif") ;
}
#commentForm label{
	
	font-size:0.8em;
}
#commentForm label span{
	color:#999;
}
#commentForm textarea{
	width:500px;
}
#commentForm .textarea-handle{
	width:500px;
	border-top:4px solid #B8ECF5;
	background:url("../images/resize.gif") right top no-repeat;
	height:25px;
}
#comment_emailHint{
	/*display:none;*/
	position:absolute;
	margin-left:350px;
	width:320px;
	margin-top:-40px;
}

#comment_emailHint span{
	font-size:0.85em;
	display:block;
}
#comment_content{
	display:block;
}
#comment_contentHint{
	position:absolute;
	margin-left:520px;
	width:173px;
}
#comment_contentHint h5{
	margin:0;
	padding:0;
}
#comment_contentHint p{
	margin-top:0px;
}
#commentPreview{
	border-top:1px dotted #aaa;
	padding-top:10px;
	margin-top:10px;
}
#postComment{
	background:#E0F5F9;
	border:1px outset #B8ECF5;
}
.refreshPreview{
	text-decoration:none;
	background:url("../images/refreshPreview.gif") right center no-repeat;
	font-size:0.9em;
	display:block;
	height:30px;
	width:118px;
}
.refreshPreview span{
	display:none;
}
.labelForm{
	display:block;
}
.inputText{
	width:300px;
	font-size:1em;
}
#shortcuts4groups, #shortcuts3groups {
	font-size:0.8em;
	width:996px;
	margin:0;
	padding:0;
}

#shortcuts4groups{
	background:url("../images/shortcuts4columns.gif") repeat-y;
}
#shortcuts3groups{
	background:url("../images/shortcuts3columns.gif") repeat-y;
}
#shortcuts4groups  h3 span, #shortcuts3groups h3 span{
	display:none;
}
#shortcuts4groups, #shortcuts3groups h3{
	height:47px;
	margin:0;
	background:#D9F1F8;
	border-left:1px solid #8DD2E4;
	background-repeat: no-repeat;
	background-position: 20px 12px;
}
#shortcuts4groups, #shortcuts3groups ul{
	margin-bottom:0;
	list-style:none;
}
.group1, .group2, .group3, .group4{
	float:left;
	width:250px;
}
.group1{
	width:229px;
}
#blog .group4 h3, #shortcuts3groups .group4 h3{
	border-left:none;
}
#home .group1 h3 {
	border-left:none;
}
.shortcutsContent{
 padding:5px 20px;
}
.shortcutsContent a{
	display:inline;
}
.shortcutsContent img{
	border:1px solid #48B8D1;
	margin-right:15px;
}
.shortcutsContent img:hover{
	border-color:#FF7106;
}
.group2 a, .group3 a, .group4 a{
	color:#347E91;
}
.group2 li a, .group3 li a, .group4 li a{
	display:block;
	padding-left:5px;
	text-decoration:none;
}
.group2 li a:hover, .group3 li a:hover, .group4 li a:hover{
	background:#D9F1F8;
	color:#1D353B;
}
.group2 ul, .group3 ul, .group4 ul{
	padding-right:20px;
	padding-left:20px;
	margin-left:0;
}
.group2 li, .group3 li, .group4 li{
	text-transform:uppercase;
	font-family: "Trebuchet MS", verdana,arial, sans-serif;
	font-size:0.9em;
	border-bottom:1px dotted #4F91DA;
}
#comments{
	margin-top:10px;
	font-size:0.9em;
}
#comments h3{
	display:inline;
}
/* ----- CLASSES ----- */


.clear{
	clear:both;
}
.oddComment, .evenComment, .asfComment{
	/*border:8px solid #fff;
	border:1px solid #fff;*/
	margin-top:10px;
	background-color:#F6F6EC;
	background-repeat:repeat-y;
	background-position:0 0;
	padding-left:70px;
}
.commentHeader{
	background:#C5E4ED;
	/*margin-left:70px;*/
	padding:6px 5px 5px 10px;
	font-size:0.9em;
}
.commentHeader a{
	text-decoration:none;
}
.commentDate{
	background:url("../images/dateComment.gif")  no-repeat;
	padding-left:18px;
}
.writeYours{
	text-decoration:none;
	padding-right:20px;
	background:url("../images/writeYours.gif") right center no-repeat;
	margin-left:15px;
}
.oddComment{
	background-image: url("../images/oddComment.gif");
	background-color:#E5F7FC;
}
.asfComment{
	background-image: url("../images/asfComment.gif");
	
}
.evenComment{
	/*background-image: url("/assets/images/evenComment.gif");*/
	background-image: url("../images/oddComment.gif");
}
.commentContent{
	padding:5px 10px 5px 10px;
}
.gravatar{
	position:absolute;
	margin: 10px 0 0 -58px;
	background:#fff;
	padding:4px;
	padding-bottom:0;
}
.asfLabel{
	position:absolute;
	margin: 62px 0 0 -58px;
	background:url("../images/asfLabel.gif") no-repeat;
	width:48px;
	height:10px;
}
.asfLabel span{
	display:none;
}
#comments .gravatar img, #commentForm .gravatar img{
	border:none;
}

.box{
	border:2px solid #B5EBF5;
	background:#D6F5FB;
	padding:4px;
	font-size:0.85em;
}


.innerEvenBox , .innerOddBox, .footerBox{
	border-bottom:1px solid #D4DDDE;
	padding:10px;
	display:block;
}
.innerEvenBox{
	background:#F3FDFF;
}
.innerOddBox{
	background:#fff;
}
.innerEvenBox .date{
	background:url("../images/dateEven.png") no-repeat;
}
.innerOddBox .date{
	background:url("../images/dateOdd.png") no-repeat;
}
.footerBox{
	font-size:0.8em;
	background:#fff;
}
.post{
	margin-left:48px;
	
}
.update{
	border:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:5px;
	padding-left:25px;
	background:#FFFFCC url("../images/information.gif") 6px 8px no-repeat;
}

.date{
	width:40px;
	height:53px;
	color:#52B0C7;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	display: block;
	padding-top:5px;
	position:absolute;
	line-height: 1.4em;
}
.day{
	font-size:1.8em;
}
.button{
	/*border:1px solid #D5E2ED;
	padding: 6px 6px;
	
	background:url("/assets/images/button.gif") center left repeat-x;*/
	color:#186DCD;
	text-decoration:none;
	border-bottom:1px solid #D5E2ED;
	/*line-height:34px;*/
	white-space: nowrap;
	margin-right:10px;
}
.download{
	padding-left:20px;
	background:url("../images/download.gif") center left no-repeat;
	/*padding-bottom:2px;
	padding-top:2px;*/
}
.liveExample{
	padding-left:20px;
	background:url("../images/liveExample.gif") center left no-repeat;
	/*padding-bottom:2px;
	padding-top:2px;*/
}
.comments{
	background:url("../images/comments.gif") top left no-repeat;
	color:#186DCD;
	/*display:block;*/
	padding-left:19px;
}
.comments a{
	color:#186DCD;
	text-decoration:none;
}
.postedBy{
	color:#52BE0F;
	padding-left:19px;
}
.category{
	color:#777;
	font-size:0.9em;
	clear:left;
	display:block;
	border-top:1px dotted #ccc;
	padding-top:4px;
	margin-top:8px;
	text-align:right;
}

.readMore{
	padding-right:16px;
	background:url("../images/arrowRight.gif") center right no-repeat;
	white-space: nowrap;
	padding-bottom:1px;
	font-weight:bold;
}
.titleLink:link{
	color:#FF7106;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
.titleLink:hover{
	color:#008BFF;
}
.linkBox{
	color:#FF7106;
	text-decoration:none;
	/*font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;*/
}
.linkBox:hover{
	background:#FEF9E6;
	color:#008BFF;
}



.footerDisplay{
	background:url("../images/footerDisplay.gif") top right no-repeat;
	font-size:0.8em;
	text-align:center;
}
.displayCap{
	background:url("../images/footerDisplayCap.gif") top left no-repeat;
	display:block;
	height:25px;
	padding-top:1px;
}
.relatedPosts{
	list-style:none;
}
.relatedPosts h5{
	margin-bottom:0px;
	margin-top:5px;
}
.relatedPosts ul{
	margin-top:0px;
	padding-left:10px;
	list-style:none;
}
.relatedPosts a{
	background:url("../images/bulletArrow.gif") center left no-repeat;
	padding-left:12px;
	text-decoration:none;
}
.pageNav{
	text-align:right;
	padding:5px 10px 0 10px;
	font-size:0.85em;
}
.next{
	padding-right:14px;
	background:url("../images/arrowRight.gif")  center right no-repeat;
	text-decoration:none;
}
.previous{
	padding-left:14px;
	background:url("../images/arrowLeft.gif")  center left no-repeat;
	float:left;
	text-decoration:none;
}
.cfform{
	clear:both;
}
/* ----- HEADINGS ----- */

h1{
}
h2{
}
.box h2{
	background:#EFF8F9  no-repeat 10px 10px;
	border:1px solid #CAEDF6;
	margin:0;
	height:44px;
	margin-bottom:4px;
	padding: 0.4em 0 0 0.5em;
	font-weight:normal;
	color:#2F91AA;
}
/*
.box h2 span{
	display:none;
}
*/

#recentEntries h2 span, #projects h2 span, #articles h2 span, #about h2 span, #archivesTitle h2 span, #contact h2 span, #examples h2 span, #leaveComment span{
	display:none;
}

#recentEntries h2{
	background-image:url("../images/recentEntries.gif");
	padding: 0;
}
#projects h2{
	background-image:url("../images/projects.gif");
	padding: 0;
}
#articles h2{
	background-image:url("../images/articles.gif");
	padding: 0;
}
#about h2{
	background-image:url("../images/about.gif");
	padding: 0;
}
#archivesTitle h2{
	background-image:url("../images/archivesTitle.gif");
	padding: 0;
}
#contact h2{
	background-image:url("../images/contact.gif");
	padding: 0;
}
#examples h2{
	background-image:url("../images/examples.gif");
	padding: 0;
}
h3{
	
}
.box h3{
	margin:0 3px 5px 0px;
	font-weight:normal;
	font-size:1.22em;
	color:#333;
}


h3 a{
	color:#FF7106;
	text-decoration:none;
	font-weight:normal;
}
h3 a:hover{
	color:#008BFF;
}
h3 a:visited{
	color:#AA6E40;
}

#links h3{
	background-image:url("../images/links.gif");
	
}
#categories h3{
	background-image:url("../images/categories.gif");
}
#recommended h3{
	background-image:url("../images/recommended.gif");
}
#events h3{
	background-image:url("../images/events.gif");
}
#archives h3{
	background-image:url("../images/archives.gif");
}

h4{
}

/* ----- PARAGRAPHS ----- */

p{
}
.box p, .box blockquote{
	font-family: "Trebuchet MS", verdana,arial, sans-serif;
}
.post p, .boxContent p{
	margin:5px 0;
	padding-bottom:4px;
	line-height: 1.8em;
}

/* ----- QUOTES ----- */

blockquote{
	border-left:6px solid #C1EEF7;
	padding-left:8px;
	margin-left:12px;
	font-style:italic;
	color:#444;
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
	border:1px solid #B5EBF5;
	border-left:22px solid #E1F2F6;
	display:block;
	padding:14px;
	background:#FFFBED;
	font-size:1.1em;
	overflow:auto;
	width:580px;
}
#comments code{
	background:#fff;
	border-left:22px solid #DADADA;
	width:540px;
}
#home code{
	width:336px;
}
p code{
}
pre code{
}

/* ----- LISTS ----- */
.listImage{
	list-style-image: url(../images/bulletArrow.gif);
}
li{
	
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}


/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}
.postImg{
	/*float:left;*/
}
.post img, .boxContent img{
	/*float:left;*/
	display:block;
	margin-top:5px;
	margin-right:12px;
	margin-bottom:6px;
}
.linkBox img{
	margin-top:4px;
}
.group2 img, .group3 img, .group4 img{
	border:none;
	margin-top:10px;
}

.blingo img{
	border:none;
	margin-right:0;
}
.box img{
	border:1px solid #2DC5ED;
}
.box a img{
	border:1px solid #2DC5ED;
}
.box a img:hover{
	border:1px solid #FF7106;
}
/* ----- LINKS ----- */

a{
	color:#186DCD;
	/*font-weight:bold; 00CAFF*/
}
a:hover{
	color:#FF7106;
	/*008BFF*/
}
a:visited, a:active, a:focus{
}
a:visited{
	color:#AA6E40;
}
a:active{
}
a:focus{
}
#footer a{
	color:#627A85;
	text-decoration:none;
}
#valid a span{
	display:none;
}
.category a{
	text-decoration:none;
	font-weight:normal;
}

p a{
}
cite a{
}
li a{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
	padding:3px;
}
textarea{
	padding:3px;
}
.textarea-handle {
	height: 5px;
	display: block;
	background: #B5EBF5;
}
input, textarea{
	border-width:1px;
	border-color:#B5EBF5;
	background:#FFFFF8;
}
input:focus, textarea:focus{
	border-color:#05BBEC;
	background:#FFFFE1;
	
}
select{
}
optgroup{
}
option{
}

/* validation */
.errFld {
	border: 1px solid #F00;
}

.field-hint-inactive {
	display:none;
}

.field-hint {
	display:block;
}

.errMsg {	
	color: #CC3333 !important;
	display: block;
	font-size:0.8em;
}