@charset "utf-8";

/* HTML tags
----------------------------------------------------------*/

body,
input,
textarea
	{
	line-height:1.5;
	}
	
body
	{
	background:url(../images/monolito/monolito.jpg) #002640;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:'trebuchet ms',tahoma,arial,helvetica;
	color:#fff;
	margin:0;
	}
	
img
	{
	display:block;
	border:0;
	}
	
img,
ul a
	{
	display:block;
	}

h1,h2,h3,h4,h5,h6
	{
	color:#00426e;
        margin-top:0;
	}

h3
	{
	font-size:22px;
	}

h4,h5,h6
	{
	font-size:18px;
	}

input,
input:focus,
textarea,
textarea:focus
	{
	font-size:16px;
	}
	
h1,h2,h3,h4,h5,h6,
label
	{
	font-weight:700;
	}
	
blockquote
	{
	margin-left:20px;
	}
	
ul
	{
	list-style:none;
	padding:0;
	}

a:link,
a:visited
	{
	color:#5faee1;
	text-decoration:underline;
	}
	
a:hover,
a:visited:hover
	{
	text-decoration:none;
	}
	
input,
textarea,
input:focus,
textarea:focus
	{
	font-family:'trebuchet ms',tahoma,arial,helvetica;
	background:none;
	padding:5px;
	color:#fff;
	border:solid 1px;
	}

textarea,
input
	{
	border-color:#00426e;
	}

textarea:focus,
input:focus
	{
	border-color:#fff;
	}
	
blockquote
	{
	border:solid 1px;
	border-color:#00426e;
	}

blockquote p
	{
	padding:0 10px;
	}

	
em
	{
	color:#5faee1
	}
	
strong
	{
	color:#5faee1
	}
	
table
	{
	margin-bottom:1em;
	}
	
/* GLOBAL CONTAINER
----------------------------------------------------------*/

.global-container
	{
	border-right:solid 1px;
	border-color:#00426e;
	}
	
/* HEADER
----------------------------------------------------------*/

#header, #header p
	{
	color:#5faee1;
	}
	
#site_title_slogan
	{
	padding-bottom:20px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#00426e;
	}

#site_title_slogan h1,
#site_title_slogan span
	{
	font-size:62px;
        font-weight:700;
	line-height:1.2;
        color:#00426e;
	}
	
#site_title_slogan p
	{
	font-size:20px;
	font-style:italic;
	}
	
#site_title_slogan h1,
#site_title_slogan span,
#site_title_slogan p
	{
	margin:0;
	}
	
/* NAVIGATION
----------------------------------------------------------*/

#nav
	{
	font-size:20px;
	}
	
#nav a
	{
	padding:10px;
	display:block;
	}

#nav a:link,
#nav a:visited
	{
	border-bottom:solid 1px;
	border-color:#00426e;
	}

#nav a:hover,
#nav a:visited:hover
	{
	background:#00426e;
	}

#nav a.active_section
	{
	background:#00426e;
	}
	
#nav a:link,
#nav a:visited,
#nav a.active_section
	{
	text-decoration:none;
	}
	
#nav ul
	{
	margin-bottom:0;
	overflow:hidden;
	}
	
#nav ul li
	{
	float:left;
	display:inline;
	}

/* SIDEBAR */

#sidebar
	{
	text-align:right;
	}

#sidebar h2
	{
	background:#00426e;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	float:right;
	display:inline;
	padding:3px 5px;
	}
	
#search-tip,
#sidebar form p
	{
	margin:0;
	}

#sidebar ul
	{
	padding:5px 20px 5px 5px;
	border-right:solid 1px;
	border-color:#00426e;
	}

#sidebar>ul li
	{
	margin-bottom:5px;
	}

#sidebar ul,
#sidebar form
	{
	margin-bottom:25px;
	}

#sidebar ul,
#sidebar p
	{
	clear:both;
	}

#sidebar input
	{
	width:208px;
	}
	

/* ARTICLES
----------------------------------------------------------*/

#articles_container h2.first_article_title,
#articles_container h1#article_title
	{
	font-size:38px;
	}

#articles_container h2
	{
	font-size:28px;
	}

#articles_container .category_list h2
	{
	margin-left:20px;
	}

#articles_container>.article
	{
	background-image:url(../images/monolito/blue_bg.png);
	}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
#articles_container #prev_next_links p a
	{
	color:#5faee1
	}
	
.article
	{
	padding:20px 20px 0px;
	border-bottom:solid 1px;
	border-color:#00426e;
	position:relative;
	}
	
.article .category_list
	{
	padding:0;
	}

.article img /* by default all images inside a div.article will float to the left, to change this in images that aren't the image assigned to the article, add images to the article using <txp:image id="ID" class="img_right"/>, remember adding a white space before the tag so textile ignores it.*/
	{
	border:solid 1px;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	padding:9px;
	border-color:#00426e;
	}
	
.article img.right /* for floating the image to the right <txp:image id="ID" class="img_right"/>  */
	{
	float:right;
	display:inline;
	margin:0 0 10px 10px;
	}

.article img.no_float /* not apply float to the image <txp:image id="ID" class="no_float"/>  */
	{
	float:none;
	display:inline;
        clear:both;
	}

.article ul
	{
	list-style-type:square;
	}

.article ul,
.article ol
	{
	padding:0 0 0 2em;
	}

.posted
	{	
	background:#00426e;	
	color:#fff;
	}
	
.read
	{
	float:right;
	display:inline;
	}
	
#prev_next_links
	{
	overflow:hidden;
	margin:10px 0;
	}
	
#prev_next_links a
	{
	padding:5px 10px;
	}

#prev_next_links p
	{
	text-align:right;
	}
	
.published
	{
	margin:5px 0;
	padding-top:20px;
	clear:both;
	font-size:13px;
	}

.published span
	{
	font-size:16px;
	}

.posted
	{
	padding:3px 5px;
	text-transform:uppercase;
	font-size:11px;
	}
	
.article>.posted /* for modern browsers */
	{
	position:absolute;
	z-index:5;
	display:block;
	top:-12px;
	right:0;
	}
 
*:first-child+html .article>.posted /* for IE7 */
	{
	position:absolute;
	z-index:5;
	display:block;
	top:0;
	right:0;
	}	
.posted /* for IE6 */
	{
	position:absolute;
	z-index:5;
	display:block;
	top:0;
	right:0;
	}
	
.published,
.read
	{
	margin-top:0;
	}
	
/* COMMENTS */

h2#comment
	{
	margin:0.5em 0;
	}

.comments li
	{
	border-bottom:solid 1px;
	border-color:#00426e;
	}
	
#txpCommentInputForm textarea
	{
	height:150px;
	}

/* ARCHIVE
----------------------------------------------------------*/

.archive_list a
        {
        display:inline;
        }

.archive_list li
        {
        padding:5px 0;
        }

.archive_list span
        {
	font-size:16px;
	font-style:normal;
        }

/* FOOTER
----------------------------------------------------------*/

#footer
	{
	border-top:solid 1px;
	text-align:right;
	padding-top:20px;
	border-color:#00426e;
	}

#footer h2
	{
	background:#00426e;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	float:right;
	display:inline;
	padding:3px 5px;
	}
	
#footer ul
	{
	color:#5faee1;
	border-right:solid 1px;
	padding:5px 20px 5px 5px;
	border-color:#00426e;
	}
	
#footer ul li
	{
	margin-bottom:5px;
	}
	
	
div#footer h2,
#credits
	{
	text-transform:uppercase;
	font-size:11px;
	}
	
#footer ul,
#footer p
	{
	clear:both;
	}

#credits p
	{
	font-weight:400;
	margin:0;
	}

/* FRAMEWORK 
----------------------------------------------------------*/

/* grid */
.box-16b{width:980px;margin:0 auto;overflow:hidden;}

.clr{clear:both}
.box-16b .clr{height:20px;}

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c13,
.c14,.c15,.c16{float:left;display:inline;}

.box-16b .c16,.box-16b .c15,.box-16b .c14,.box-16b .c13,
.box-16b .c12,.box-16b .c11,.box-16b .c10,.box-16b .c9,
.box-16b .c8,.box-16b .c7,.box-16b .c6,.box-16b .c5,
.box-16b .c4,.box-16b .c3,.box-16b .c2,.box-16b .c1{margin-left:20px;}

.box-16b div.first{margin-left:0;}

.box-16a .c16{width:950px;}.box-16b .c16{width:940px;}
.box-16a .c15{width:890px;}.box-16b .c15{width:880px;}
.box-16a .c14{width:830px;}.box-16b .c14{width:820px;}
.box-16a .c13{width:770px;}.box-16b .c13{width:760px;}
.box-16a .c12{width:710px;}.box-16b .c12{width:700px;}
.box-16a .c11{width:650px;}.box-16b .c11{width:640px;}
.box-16a .c10{width:590px;}.box-16b .c10{width:580px;}
.box-16a .c9{width:530px;}.box-16b .c9{width:520px;}
.box-16a .c8{width:470px;}.box-16b .c8{width:460px;}
.box-16a .c7{width:410px;}.box-16b .c7{width:400px;}
.box-16a .c6{width:350px;}.box-16b .c6{width:340px;}
.box-16a .c5{width:290px;}.box-16b .c5{width:280px;}
.box-16a .c4{width:230px;}.box-16b .c4{width:220px;}
.w170,.box-16a .c3{width:170px;}.box-16b .c3{width:160px;}
.w110,.box-16a .c2{width:110px;}.box-16b .c2{width:100px;}
.w50,.box-16a .c1{width:50px;}.box-16b .c1{width:40px;}

.box-16b div.prev4{margin-left:260px;}
