/*
  Theme Name: CUOMA v1 - English
  Author: CUOMA
*/
* {
  margin:		0px;
  padding:		0px;
  border:		0px;
  outline:		0px;
}
body {
  font:			14px trebuchet ms, tahoma, arial;
  color:		#999999;
  background:		#586264 url(/img/bg-blog-footer_repeat.jpg) repeat-x center bottom;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.content {
  position:		relative;
  width:		900px;
  margin:		0px auto;
  z-index:		50;
}
.content .block {
  position:		relative;
  width:		860px;
  padding:		30px 20px 0px 20px;
  background:		#FFFFFF;
  float:		left;
}
.content .block h1 {
  color:		#FF2E00;
  margin-bottom:	1em;
}
.commentlist a,
.content .block p a {
  color:		#666666;
  text-decoration:	none;
  border-bottom:	1px dotted #AAAAAA;
}
.commentlist a:hover,
.content .block p a:hover {
  color:		#000000;
  border-bottom:	1px dotted #000000;
}
.content .block .info {
  position:		relative;
  width:		510px;
  float:		left;
}
.content .block .info .commentsCount a {
  color:		#AAAAAA;
  text-decoration:	none;
  border-bottom:	0px;
  font-size:		11px;
  display:		block;
  padding-left:		22px;
  height:		15px;
  line-height:		15px;
  background:		url(/img/icon-comments.gif) no-repeat left top;
}
.content .block .info .commentsCount a:hover {
  color:		#494949;
  background:		url(/img/icon-comments.gif) no-repeat left bottom;
}
.content .block .column {
  position:		relative;
  width:		290px;
  font-size:		12px;
  padding-top:		6px;
  float:		right;
}
.content .block .column p {
  clear:		both;
  color:		#ADADAD;
  margin-bottom:	3em;
}
.content .block .column ul {
  list-style:		none;
}
.content .block .column ul li a {
  text-decoration:	none;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#header {
  position:		relative;
  width:		900px;
  height:		280px;
  margin:		0px auto;
}
#header #logo {
  position:		absolute;
  top:			90px;
  left:			0px;  
}
#header #feed {
  position:		absolute;
  bottom:		-34px;
  right:		0px;  
  z-index:		100;
}
#header #head {
  position:		absolute;
  top:			0px;
  left:			-100px;
  width:		1100px;
  height:		510px;
  background:		#586264 url(/img/bg-blog-header.jpg) no-repeat center top;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#footer {
  clear:		both;
  height:		950px;
  background:		url(/img/bg-blog-footer.jpg) no-repeat center bottom;
}
#footer .areas {
  padding-top:		500px;
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.post {
  margin-bottom:	3em;
  border-bottom:	1px solid #EEEEEE;
}
.post p {
  line-height:		1.5em;
  margin-bottom:	1.5em;
  text-align:		justify;
}
.post small {
  color:		#ADADAD;
}
.post h2,
.post h2 a {
  font-size:		18px;
  color:		#FF2E00;
  text-decoration:	none;
  margin-bottom:	1em;
  font-weight:		normal;
}
.post h2 a:hover {
  color:		#FF9600;
}
.post img {
  padding:		10px;
  background:		#EEEEEE;
  border:		1px solid #DDDDDD;
}
.post blockquote {
  width:		170px;
  padding:		10px;
  margin:		0em 0em 0.5em 1em;
  float:		right;
  color:		#FFFFFF;
  background:		#D5D5D5 url(/img/bg-quote.gif) no-repeat right bottom;
}
.post blockquote p {
  font-style:		italic;
  text-align:		left;
  margin-bottom:	0em;
}
.post .tags {
  font-size:		11px;
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.widget_tag_cloud,
.widget_archive,
.widget_categories {
  width:		120px;
  float:		left;
}
.widget_categories {
  margin-right:		40px;
}
#commentform h3,
.widget_tag_cloud h2,
.widget_archive h2,
.widget_categories h2,
.widget_featured_projects h2 {
  width:		100%;
  height:		30px;
}
.widget_tag_cloud h2 span,
.widget_archive h2 span,
.widget_categories h2 span,
.widget_featured_projects h2 span {
  display:		none;
}
.widget_archive ul li,
.widget_categories ul li {
  border-bottom:	1px dotted #AAAAAA;
}
.widget_archive ul li a,
.widget_categories ul li a {
  color:		#333333;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover {
  color:		#999999;
}
/*----------------------------------------------------------------------*/
.widget_tag_cloud {
  width:		257px;
  position:		relative;
  padding:		20px 10px 40px 10px;
  margin:		60px 0px 30px 0px;
  background:		#C5C5C5;
}
.widget_tag_cloud h2 {
  position:		absolute;
  top:			-30px;
  left:			0px;
}
.widget_tag_cloud a {
  color:		#FFFFFF;
  font-weight:		bold;
}
.widget_tag_cloud a:hover {
  color:		#000000;
}
/*----------------------------------------------------------------------*/
.widget_featured_projects {
  clear:		both;
  margin-bottom:	30px;
}
.widget_featured_projects ul {
  list-style:		none;
  line-height:		0px;
  margin-bottom:	2em;
  float:		left;
}
.widget_featured_projects ul li {
  position:		relative;
  float:		left;
}
.widget_featured_projects ul li a {
  width:		120px;
  height:		80px;
  padding:		6px;
  margin:		0px 8px 8px 0px;
  background:		#EEEEEE;
  border:		1px solid #DEDEDE;
  text-decoration:	none;
  display:		block;
}
.widget_featured_projects ul li a img {
  width:		120px;
  height:		80px;
}
.widget_featured_projects ul li a:hover {
  background:		#DEDEDE;
}
.widget_featured_projects .shadow {
  position:		absolute;
  top:			7px;
  left:			7px;
  width:		120px;
  height:		80px;
  display:		block;
  background:		url(/img/bg-featured-mini.png) no-repeat left top;
}
/*----------------------------------------------------------------------*/
.widget_go_back {
  clear:		both;
  width:		274px;
  height:		200px;
  border:		1px solid #AAAAAA;
}
.widget_go_back ul {
  position:		relative;
  top:			80px;
  left:			40px;
  list-style:		none;
}
.widget_go_back ul li {
  margin-bottom:	10px;
}
.widget_go_back ul li a {
  height:		17px;
  display:		block;
}
.widget_go_back ul li a span {
  display:		none;
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#footer {
  font-size:		12px;
}
#footer h3 {
  width:		100%;
  height:		32px;
  color:		#8F6034;
  border-bottom:	1px solid #8F6034;
}
#footer h3 span {
  display:		none;
}
/*----------------------------------------------------------------------*/
#footer #recent-posts {
  width:		300px;
  float:		left;
}
#footer #recent-posts ul {
  list-style:		none;
  margin-bottom:	3em;
}
#footer #recent-posts ul li a {
  width:		290px;
  color:		#000000;
  font-weight:		bold;
  text-decoration:	none;
  padding:		5px;
  font-size:		13px;
  display:		block;
  border-bottom:	1px solid #764E30;
}
#footer #recent-posts ul li a:hover {
  color:		#FFFFFF;
  background:		#67462C;
}
#footer #recent-posts ul li a small {
  color:		#A99573;
  font-size:		11px;
  line-height:		11px;
}
#footer #recent-posts .viewMore {
  color:		#000000;
  float:		right;
  text-decoration:	none;
}
#footer #recent-posts .viewMore:hover {
  color:		#FFFFFF;
}
/*----------------------------------------------------------------------*/
#footer #downloads {
  width:		260px;
  margin-left:		70px;
  float:		left;
  color:		#FFFFFF;
}
#footer #downloads h3 {
  margin-bottom:	10px;
}
/*----------------------------------------------------------------------*/
#footer #flickr {
  width:		190px;
  margin-left:		70px;
  float:		left;
}
#footer #flickr ul {
  position:		relative;
  top:			10px;
  left:			-10px;
  width:		240px;
  list-style:		none;
}
#footer #flickr ul li {
  float:		left;
  margin:		0px 0px 5px 10px;
}
#footer #flickr ul li a img {
  border:		3px solid #000000;
  width:		50px;
  height:		50px;
}
#footer #flickr ul li a img:hover {
  border:		3px solid #FF6600;
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.commentlist {
  margin-top:		1em;
  list-style:		none;
}
.commentlist li {
  float:		left;
  width:		488px;
  padding:		10px 10px 15px 10px;
  font-size:		12px;
  line-height:		15px;
  margin-bottom:	15px;
  border:		1px solid #CCCCCC;
}
.commentlist li img {
  display:		none;
}
.commentlist div {
  float:		right;
}
.commentlist p {
  clear:		both;
  float:		left;
  margin-top:		1em;
}
/*----------------------------------------------------------------------*/
#commentform {
  width:		510px;
  height:		610px;
  margin-top:		1em;
  float:		left;
}
#commentform fieldset {
  padding:		20px;
}
#commentform h3 span {
  display:		none;
}
#commentform #thanks {
  position:		absolute;
  left:			0px;
  top:			50px;
  width:		100%;
  height:		100%;
}
#commentform #thanks span {
  display:		none;
}

/*----------------------------------------------------------------------*/
.form {
  position:		relative;
  font-size:		12px;
  color:		#9A9A9A;
  background:		#DCDCDC;
}
.form fieldset {
  padding:		25px 15px 50px 15px;
}
.form fieldset label {
  width:		100%;
  height:		20px;
  display:		block;
}
.form fieldset label span {
  display:		none;
}
.form .inline {
  display:		inline;
}
.form a {
  color:		#666666;
}
.form a:hover {
  color:		#000000;
}
.form .field,
.form .textarea {
  width:		450px;
  font:			14px trebuchet ms, tahoma, arial;
  color:		#999999;
  padding:		8px;
  border:		1px solid #D0CECE;
  margin-bottom:	20px;
}
.form .field:hover,
.form .textarea:hover,
.form .field:focus,
.form .textarea:focus {
  background:		#FFEDAE;
  color:		#777777;
}
.form .checkbox {
  position:		relative;
  top:			-2px;
  margin:		10px 5px 0px 0px;
}
.form .error {
  position:		relative;
  top:			-18px;
  padding-right:	3px;
  height:		8px;
  color:		#FF0000;
  float:		right;
}
.form .notice {
  position:		absolute;
  bottom:		15px;
  right:		55px;
  color:		#009933;
}
.btnSubmit {
  position:		absolute;
  right:		0px;
  bottom:		0px;
  width:		48px;
  height:		48px;
  font-size:		0px;
  color:		#9A9A9A;
  cursor:		pointer;
  display:		block;
  border:		0px;
}
.btnTop {
  clear:		both;
  width:		45px;
  height:		16px;
  float:		right;
  margin-right:		19px;
  border:		0px;
}
.btnTop span {
  display:		none;
}

.pagenav {
  float:		left;
  margin-left:		19px;
  border:		0px;
}