/* Devia News stylesheet
------------------------------------------------------------------*/

#newspage #footer {
	background:none;
	padding:20px 0 20px 323px;
	background:url(graphics/plus-line.gif) repeat-x;
	}

/* @group title area */

#title-area .date {
	padding-left:5px;
	}	

#title-area {
	position:relative;
	padding-bottom:20px;
	}

#title {
	width:495px;
	float:left;
	padding:23px 70px 20px 32px;
	}
#title h2 {
	font-size:4em;
	font-weight:normal;
	line-height:100%;
	color:#8f9293;
	}	
#title h2 em {
	font-style:normal;
	color:#f2244d;
	}	
#title em.by {
	position:absolute;
	top:-10px;
	left:33px;
	}

/* @end */

/* @group article area */

#article-area {
	padding:20px 0 30px 4px;
	background:url(graphics/plus-line.gif) repeat-x;
	position:relative;
	}
#article-area p,
#article-area ul {
	margin:0 170px 2em 327px;
	}
#article-area h3,
#article-area h4,
#article-area h5 {
	margin:0 170px .5em 327px;
	}
#article-area h3 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.3em;
	line-height:100%;
	}		
#article-area h4 {
	color:#8f9293;
	font-weight:normal;
	font-size:1.8em;
	line-height:100%;
	}	
#article-area h5 {
	font-size:1.2em;
	font-weight:bold;
	}		
#article-area a:link {
	border-bottom:1px solid #f2244d;
	}
#article-area a:visited {
	font-style:italic;
	color:#f37190;
	border-bottom:1px solid #fdb6ba;
	}	
#article-area a:hover,
#article-area a:focus {
	color:#fff;
	background-color:#f2244d;
	border-bottom:1px solid #f2244d;
	}
#article-area li {
	background:url(graphics/icon-plus-hotpink.gif) no-repeat 0px 6px;
	padding:0 0 2px 12px;
	}
#article-area blockquote {
	margin:0 170px 0 320px;
	}	
#article-area blockquote p {
	font-style:italic;
	color:#8f9293;
	font-size:1.1em;
	padding:0 0 1em 12px;
	margin:0;
	border-left:5px solid #edede7;
	}		
#article-area blockquote p.by {
	font-size:100%;
	font-style:normal;
	color:#494b4d;
	text-align:right;
	padding-right:7px;
	border:none;
	}
.quote:after {
	content: ".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	}
.quote {
	display:inline-block;
	margin-bottom:1em;
	}
* html .quote {height:1%;}
.quote {display:block;}	
.quote div {
	width:303px;
	float:left;
	}	
.quote img {
	float:right;
	}	
#article-area ul.info {
	position:absolute;
	top:25px;
	left:-301px;
	width:280px;
	}	
#article-area ul.info li {
	padding:0 0 .2em 10px;
	line-height:140%;
	background:none;
	}
#article-area ul.info li.blue-plus,	
li.blue-plus {
	background:url(graphics/icon-plus-blue-tiny.gif) no-repeat 2px 7px;
	}	
#article-area .info a:link,
#article-area .info a:visited {
	border:none;
	}
#article-area em {
	background-color:#e3fefe;
	color:#357a95;
	padding:0 3px;
	}			
		
/* @end */

/* @group images */

#article-area img.right {
	margin:0 4px 10px 20px;
	}
#article-area img.left {
	margin:0 20px 10px 0;
	}	
#article-area .big-photo p {
	margin:20px 8px 0 0;
	}
#article-area .small-photo-right p,
#article-area .small-photo-left p {
	margin:0;
	text-transform:uppercase;
	}				
#article-area .small-photo-left p {
	clear:both;
	text-align:right;
	padding-right:3px;
	}


/* @end */

/* @group related */

#related {
	padding:20px 10px 10px 15px;
	margin:0 164px 2em 324px;
	position:relative;
	background-color:#f8f8f5;
	}
#related h2 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.3em;
	line-height:100%;
	margin-bottom:.5em;
	}	
#related li {
	background:url(graphics/icon-plus-hotpink.gif) no-repeat 0px 6px;
	padding:0 0 2px 12px;
	}
#related a:link {
	color:#878782;
	border-bottom:1px solid #bfbfbb;
	}	
#related a:visited {
	color:#878782;
	border-bottom:1px solid #e1e1db;
	}
#related a:hover,
#related a:focus {
	color:#fff;
	background-color:#f2244d;
	border-bottom:1px solid #f2244d;
	}			

/* @end */

/* @group comments */

#comments {
	background:url(graphics/bg-comments.gif) no-repeat 110px 0px;
	margin:0 0 2em 163px;
	}
#comments p.indent {
	margin:0 0 1em 170px;
	}	
#comments h2 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.8em;
	line-height:100%;
	margin:0 0 50px 170px;
	padding-top:40px;
	}
#comments ol {
	margin:0 163px 0 0;
	}
#comments li:after {
	content: ".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	}		
#comments li {
	display:inline-block;
	border-top:1px solid #edede7;
	padding:10px 0 5px 0;
	}
* html #comments li {height:1%;}
#comments li  {display:block;}

#comments li p a:link {
	border-bottom:1px solid #f2244d;
	}
#comments li p a:visited {
	border-bottom:1px solid #fdb6ba;
	}
#comments li p a:hover,
#comments li p a:focus {
	color:#fff;
	background-color:#f2244d;
	border-bottom:1px solid #f2244d;
	}			
#comments li div {
	float:right;
	width:472px;
	position:relative;
	}
#comments li p {
	margin:0 10px 1em 0;
	}
#comments li blockquote {
	font-style:italic;
	color:#8f9293;
	padding:0 0 0 10px;
	margin:0 0 .5em 10px;
	border-left:5px solid #edede7;
	}			
span.nr {
	font:bold 2.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#cbeff4;
	width:40px;
	text-align:right;
	position:absolute;
	top:-8px;
	left:-58px;
	}
#comments .date {
	display:block;
	padding:0 0 0 10px;
	font-weight:normal;
	}
#comments em {
	padding-left:10px;
	font-weight:bold;
	line-height:100%;
	}			
#comments li.devia {
	border-right:6px solid #f2244d;
	}		
#comments li.devia span.nr {
	color:#fcd1d7;
	}	
#comments li.devia div {
	width:466px;
	}	

#comments li.devia em {
	color:#f2244d;
	}	
#comments p em,
#comments li.devia p em  {
	background-color:#e3fefe;
	color:#357a95;
	padding:0 3px;
	font-weight:normal;
	}	

/* @end */

/* @group comment form */

#comment-form {
	padding:20px 10px 10px 15px;
	margin:0 164px 2em 324px;
	position:relative;
	background-color:#f8f8f5;
	color:#6b6f71;
	clear:both;
	}
#comment-form h2 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.8em;
	line-height:100%;
	margin:0 0 .5em 0;
	height:auto;
	}
#comment-form h4 {
	font-size:1.1em;
	margin-bottom:.5em;
	}	
#comment-form span {
	font-size:.8em;
	color:#878782;
	}
#comment-form p {
	margin-bottom:1.3em;
	}
#comment-form p.check {
	margin:1.5em 0 2.5em 0;
	}
ul#hidetext {
	padding:10px 0;
	}	
ul#hidetext li {
	font-style:italic;
	padding:0 0 .2em 10px;
	background:url(graphics/icon-plus-hotpink.gif) no-repeat 0 7px;
	}				

/* @end */

/* @group archive area */

#archive-area {
	padding-top:40px;
	margin:0 0 4em 327px;
	}
#archive-area h2 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.8em;
	line-height:100%;
	margin:0 0 .5em 10px;
	}
#archive-area h3 {
	color:#8f9293;
	font-weight:normal;
	font-size:1.8em;
	margin:0 0 .5em 10px;
	}
#prev {
	width:472px;
	margin:0 10px 0 0;
	float:left;
	}
#cat {
	/*width:155px;*/
	float:left;
	}
#prev ul, #cat ul {
	margin-bottom:.5em;
	}	
#cat ul ul ul {
	margin:0 0 0 -10px;
	}
#cat ul ul ul li {
	background:url(graphics/bullet-sub-blue.gif) no-repeat 0 0;
	padding-left:15px;
	}					
#archive-area li {
	background:url(graphics/icon-plus-hotpink.gif) no-repeat 0px 6px;
	padding:0 0 2px 12px;
	}
#archive-area a:link {
	color:#878782;
	border-bottom:1px solid #bfbfbb;
	}	
#archive-area a:visited {
	color:#878782;
	border-bottom:1px solid #e1e1db;
	}
#archive-area a:hover,
#archive-area a:focus {
	color:#fff;
	background-color:#f2244d;
	border-bottom:1px solid #f2244d;
	}
#archive-area .view-all a:link,
#archive-area .view-all a:visited {
	border:none;	
	}				

/* @end */

/* @group archive page */	

h2#archive {
	background:url(graphics/t-news-archive.gif) no-repeat 5px 0px;
	text-indent:-9999px;
	height:60px;
	margin:0 0 20px 160px;
	}	
#content-news h3 {
	color:#53c9db;
	font-weight:normal;
	font-size:2.8em;
	margin:0 0 1em 170px;
	}
#content-news h4 {
	color:#8f9293;
	font-weight:normal;
	font-size:1.8em;
	line-height:100%;
	margin:0 0 1em 170px;
	}			
#content-news {
	padding:0 0 30px 160px;
	position:relative;
	}
.news-block {
	margin-bottom:2em;
	}			
.news-block li {
	display:block;
	min-height:8em;
	padding:0 0 20px 10px;
	background:url(graphics/icon-plus-blue.gif) no-repeat;
	}	
.archive .news-block li {
	min-height:7em;
	padding:0 0 0 10px;
	}		
.news-block a:link,
.news-block a:visited {
	border-bottom:1px solid #ffd5dd;
	}
.news-block a:hover,
.news-block a:focus {
	color:#fff;
	background-color:#f2244d;
	border-bottom:1px solid #f2244d;
	}		
.news-block div {
	float:right;
	}	
#content-news .news-block h3 {
	width:305px;
	float:left;
	padding:0 10px 0 5px;
	margin:0;
	font-size:1.8em;
	font-weight:normal;
	line-height:120%;
	}
.news-block em {
	float:left;
	}	
.news-block p {
	width:310px;
	float:left;
	padding:0 5px;
	}		
.news-block .date {
	display:block;
	}	
	

/* @end */

/* @group news page */

h2#t-news {
	background:url(graphics/t-news.gif) no-repeat 5px 0px;
	text-indent:-9999px;
	height:60px;
	margin:0 0 20px 167px;
	}

/* @end */

/* @group bron code */

pre {
	margin:0 4px 2em 160px;
	background-color:RGBa(255,255,255,0.6);
	border-top:1px dashed #eee;
	border-bottom:1px dashed #eee;
	padding-left:168px;
	}		
pre span, code span {font:12px "Courier New", Courier, mono;}
.pas1-assembler {color:#000;}
.pas1-character {color:#999;}
.pas1-comment {color:#709c53; font-style: italic;}
.pas1-float {color:#800080;}
.pas1-hexadecimal {color:#800080; }
.pas1-identifier{color:#000;}
.pas1-number {color:#800080;}
.pas1-preprocessor {color:#709c53; font-style:italic;}
.pas1-reservedword {color:#5a9bb7; font-weight:bold;}
.pas1-space {color:#000;}
.pas1-string {color:#999;}
.pas1-symbol {color:#f2244d;}

/* @end */	


