/*
Theme Name: Celekt Blogs
Theme URI: http://celekt.nu
Description: Celekt blogs css theme
Version: 1.6
Author: Jorge Zapico
Author URI: http://verde.se/
*/

/*_____________________________*/
/*1. Layout boxes*/

body
{
	background-color: #FFFFFF;
	text-align:center;
	background-image:url('images/bg.jpg');
	background-repeat: repeat;
	font-size:62.5%;
}

#top_menu{
    width: 805px;
    height: 135px;
    margin-left: 20px;
    text-align: left;
	background-color: #FFFFFF;
}

#background{
	margin-right:auto;
	margin-left:auto;
	width:825px;
	height: auto;
	top: 0px;
	text-align:left;
	background-color: #FFFFFF;
}

#top_black{
    background-color: #333333;
    height: 14px;
    width: 825px;
    top: -2px;
    left: 0px;
}
		
#content_left {
	width:480px;
	float:left;
    background:#fff;
    padding-left: 25px;
}
	
#content_right {
	width:250px;
	padding-right: 40px;
	float:right;
	background:#fff;
}
#divpictures {
	height: 300px;
}

/* Column with textile help */
#help	 {
	width:250px;
	margin-left:30px;
	float:left;
	background:#fff;
	text-align: right;
}

/*_____________________________*/
/*2. Typography styles*/

#content_left p
{font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: justify; color: #545658;margin-right: 50px;	}

#content_right p 
{font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: justify; color: #545658;}

#help p 
{font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: right; color: #545658;}

#help h2
{font: 1.4em Georgia;color: #000000;text-align: right;}

#help h3{
font: 2.0em Georgia; text-align: right; color: #000000;}

#content_left h1
{font: 2.1em Georgia;color: #000000;}

#content_right h1
{font: 1.8em Georgia;color: #000000; text-align: left;}

#content_left h2
{font: 1.4em Georgia;color: #000000;text-align: justify; margin-right: 50px;	}

#content_right h2
{font: 1.4em Georgia;color: #000000;text-align: left;}

#content_right h3
{font: 1.5em Georgia;color: #000000;text-align: left;}

#content_left h3
{font: 2.6em Georgia;color: #000000; margin-right: 200px;}

#content_left h4
{font-family: Verdana, Lucida, Arial, Helvetica, sans-serif; 
font-size: 1.1em;
color: #111111; text-decoration: none; margin-right: 20px;}

#content_right h3{
font: 2.6em Georgia; text-align: right; color: #000000;}

#content_right a{text-decoration: none; font-size: 1.1em;}
#content_right a:link{font-size: 1.1em; color: #333333;text-decoration: none;}
#content_right a:visited{color: #333333;}
#content_right a:hover{color:#99CC66;text-decoration: none;}

p a{text-decoration: none; font-size: 1.1em;}
p a:link{font-size: 1.1em; color: #333333;text-decoration: none;}
p a:visited{color: #333333;}
p a:hover{color:#99CC66;text-decoration: none;}

h1,h2,h3 a{text-decoration: none;color: #000000;}
h1,h2,h3 a:hover{color: #99CC66;}

/*Projects special three column layout*/
#projects { 
  width: 775px;
  float:left;
  margin-left: 25px;
}
#column1 { 
  float:left;
  top: 0px;
  width: 225px;
  left: 0px;
}
#column2 { 
  float: left;
  top: 0px;
  width: 225px;
  left: 275px;
  margin-left: 25px;
}
#column3 { 
  float: right;
  top: 0px;
  width: 225px;
  margin-right: 25px;
  text-align: left;
}
#projects h1
{font: 1.7em Georgia;color: #000000;}
#projects h1 a{text-decoration: none;color: #000000;}
#projects h1 a:hover{text-decoration: none; color: #99CC66;}
#projects h2
{font: 1.3em Georgia;color: #000000;}
#projects h2 a{text-decoration: none;color: #000000;}
#projects h2 a:hover{color: #99CC66;}
#projects h3 
{font: 1.2em Georgia; text-align: justify; color: #333333;}
#projects p 
{font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: justify; color: #333333;}


a img {
	border: none;
	}
/*The titles styles*/

#title{position: relative; left:25px; width: 500px; top: 0px; height: 45px;} /**/
#title h2{font: 2.0em Georgia;color: #F05B23; text-align: left; margin-top: 0px; padding-right: 200px;} /*title_research*/
#title h3{font: 3.6em Georgia;color: #F05B23; text-align: left; margin-top: 0px;} /*title_projects*/
#title h4{font: 3.6em Georgia;color: #F8951E; text-align: left; margin-top: 0px;} /*title_news*/
#title h5{font: 3.6em Georgia;color: #DD242C; text-align: left; margin-top: 0px;} /*title_pub*/
#title h1{font: 3.6em Georgia;color: #38B64A; text-align: left; margin-top: 0px;} /* Contact */
#title h6{font: 3.6em Georgia;color: #8BC636; text-align: left; margin-top: 0px;} /*title_partners*/
#title2{position: relative; left:25px; width: 500px; top: 0px; height: 45px;} /**/
#title2 h1{font: 3.6em Georgia;color: #036B3A; text-align: left; margin-top: 0px; padding-right: 200px;} /*title_members*/
#title2 h2{font: 2.8em Georgia;color: #99CC66; text-align: left; margin-top: 0px;} /*title_account*/


/* Sidebar */
#content_right ul, #content_right ul ol {
	margin: 0;
	padding: 0;
	}

#content_right ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#content_right ul p, #content_right ul select {
	margin: 5px 0 8px;
	}

#content_right ul ul, #content_right ul ol {
	margin: 5px 0 0 10px;
	}

#content_right ul ul ul, #content_right ul ol {
	margin: 0 0 0 10px;
	}

ol li, #content_right ul ol li {
	list-style: decimal outside;
	}

#content_right ul ul li, #content_right ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
	/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */