body
{
background:#252525;
color:#f1efd7;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Reset Starts */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
/* input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
a{text-decoration:none; outline:none; color:#f1efd7;}
/*Reset Ends */

li
{
list-style:none;
}

p
{
margin-bottom:15px;
color:#ccc;
}

em
{

}

.para-head
{
color:#f1efd7;
font-size:13px;
}

.clear
{
clear:both;
}

.no-padding
{
padding:0!important;
}

#wrapper
{
margin:0 auto;
width:1000px;
}

h1
{
font-weight:normal;
color:#fff;
float:left;
}

h1 a
{
display:block;
text-indent:-1500px;
width:400px;
height:90px;

}

ul#main-nav
{
float:right;
margin-top:50px;
}

ul#main-nav li
{color:#fff; 
float:left;
margin-right:15px;
}


ul#main-nav li a
{font-family:georgia; font-weight:bold;
float:left;
color:#b1c5b9;
text-decoration:none;
height:23px;
display:block;
font-size:18px;

}



#page-intro
{background-color:#363636;
padding:15px 10px 7px 20px;
margin-bottom:30px;
height:40px;
}



#page-intro p
{
font-size:170%;
color:#dfdede;
line-height:28px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;

}

#latest-work
{
border-bottom:1px solid #555;
height:205px;
margin-bottom:20px;
width:1000px;
}

#latest-work a
{
display:block;
float:left;
padding-right:16px;
color:#fff;
}

#latest-work a:hover
{
color:#626262;
}


#latest-work span
{
display:block;
}

/*

#latest-work a img{
border: none;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#latest-work a:hover img{
filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
}

*/

#latest-work span
{
position:relative;
top:10px;
left:0!important;
}

#about-me
{
width:410px;
float:left;
padding-right:30px;
}

a.click
{
border-bottom:1px dotted #f1efd7;
color:#f1efd7;
}

#skills
{
width:260px;
float:left;
}

ul#Skill-list
{
width:230px;
}

ul#Skill-list li
{
padding-bottom:10px;
margin-bottom:10px;

font-size:14px;
}

#contact
{
width:260px;
float:left;

}

#contact span
{
padding-left:20px;
display:block;
padding-bottom:5px;
}



/* All Titles */
h2
{ font-family:georgia, verdana;
background-repeat:no-repeat!important;
font-size:24px;
margin-bottom:10px;

}



#footer
{
border-top:1px dashed #555;
padding-top:10px;
}

#footer p
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

/* Portfolio Pages */
#portfolio
{
width:960px;
}

#portfolio div
{
padding-bottom:10px;
}

#portfolio a
{
display:block;
float:left;
padding-right:10px;
color:#dee594;
width:313px;
}

#portfolio a:hover
{
color:#626262;
}

/*
#portfolio a img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#portfolio a:hover img{
filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
}
*/

#portfolio span
{
left:0!important;
color:#ccc;
display:block;
}

#portfolio strong
{
display:block;
font-weight:bold;
top:10px;
padding-top:7px;
}

/* Porfolio Page Ends */


/* Services Starts */
#primary-content
{
width:640px;
float:left;
padding-right:20px;
border-right:1px solid #555;
height:400px;
}

#secondry-content
{
width:280px;
float:right;
}
/* Services Page Ends */



  
 ul#directory
	{
	width:100%;
	font-size:13px;
	padding-top:10px;
	}

ul#directory li
	{
	float:left;
	width:155px;
	}
	
ul#directory li a
	{
	float:left;
	width:150px;
	display:block;
	color:#e0c143;
	}	

ul#directory li a:hover
	{
	text-decoration:underline;
	}	

ul#nos
{
padding-bottom:15px;
}

ul#nos li
	{
	list-style:decimal;
	background:none!important;
	padding:0px;
	list-style-position:inside;
	}
	
	
dl
{
}

dt
{
margin:10px 0 4px 0;
}

dt a
{
text-decoration:underline;
color:#e0c143;
}

dt a:hover
{
text-decoration:none;
}


dd
{
color:#ccc;
padding-bottom:10px;
border-bottom:1px dashed #333;
}
#slidebottom {background:#252525; width:1000px;    position: relative;}
.slide {

}
 .inner { font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
border-top:10px solid #252525;
 background-color:#252525; width:1000px;  
  position: absolute;
  left: 0;
  bottom: 0;
}
h1.button {position:absolute; top:0px; left:0px;  color:#f1efd7; text-transform:uppercase;
 filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;  background-color:black; width:100%; margin:0px; font-size:40px;
  border-bottom:5px solid #fff;   border-top:5px solid #fff;  font-family:georgia; font-weight:bold;
  }
.expand {position:absolute; top:15px; right:30px;  color:#f1efd7; font-size:20px; font-family:georgia; font-weight:bold; cursor:pointer; cursor:hand;}
.logo {position:absolute; top:5px; left:150px; z-index:100; font-size:40px; 
color:#5C9AC2; font-weight:bold; letter-spacing:-2px; font-family:georgia;}

.wrapper h3 {
	font-size:105%;
	}
.notes, .commentList {
	width:600px;
	height:1000px;
	float:left;
	margin-bottom:100px;
	}
 .commentForm {
	margin-left:600px; 
	margin-bottom:100px;
	}
.content {
	padding:10px;
	line-height:160%;
	}
.commentList ul {
	margin:0;
	padding:0;
	list-style:none;
	}	
.commentList ul li {
	margin-bottom:10px;
	background-color:#222;
	border-left:3px solid #888;
	padding:8px;
	}
.comentaris { margin-top:20px;}
.comentaris p {background-color:#1e1f1f; padding:5px; margin-bottom:5px;}
#recents img {border:3px solid #ccc;}
.centre {margin-top:10px; background-color:#1e1f1f;}
#tag_cloud {font-size:12px;}
strong.verd {color:#acd100; display:block; }
span.verd {color:#acd100;  }
	textarea {width:350px; height:200px;} #name, #url, #email {width:300px;}
	textarea, input, select {background-color:#ccc;}
.showPhoto {background:green; padding:5px; color:#fff;}