/*  
Title: cblunet
Description: css rules for fixed base, base+h, three, three+h, four, four+h
Version: 0.3
Author: www.cblu.net
License    http://www.gnu.org/licenses/agpl.htm
*/

@font-face {
	font-family: 'UbuntuTitlingBold';
	src: url('UbuntuTitling-Bold-webfont.eot');
	src: local('☺'), url('UbuntuTitling-Bold-webfont.woff') format('woff'), url('UbuntuTitling-Bold-webfont.ttf') format('truetype'), url('UbuntuTitling-Bold-webfont.svg#webfont') format('svg');
}


/* HTML */
body {font-size:0.8em;font-family:arial,lucida,helvetica,sans-serif;color:#666;line-height:1.5em;background:#445;}
h1, h2, h3, h4, h5, h6 {font-family:'UbuntuTitlingBold', arial, lucida, helvetica, sans-serif;margin:25px 0 8px 0;font-weight:normal;}
body, div, fieldset {margin:0;padding:0;}
h1 {font-size:2em;color:#999;}
h2 {font-size:1.8em;color:#888;margin:25px 0 8px 0;background:url(../img/yellow.png) left no-repeat;padding-left:20px;}
h3 {font-size:1.6em;color:#777;margin:25px 0 8px 0;background:url(../img/blue.png) left no-repeat;padding-left:20px;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}
a {text-decoration:none;color:#8a0;font-family:'UbuntuTitlingBold', arial, lucida, helvetica, sans-serif;}
a:hover {text-decoration:underline;}
a img {border:none;}
p {margin:15px 0;}
ul {list-style:square;}
ul li ul {margin-bottom:5px;}

ul, ol {margin-top:10px;padding-left:20px;}
li {margin-bottom:5px;}
strong {color:#444;}

/* FORMS */
fieldset {width:auto;padding:0 10px 5px 10px;border:none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
input, textarea, select {border:1px solid #999;padding:1px 3px;margin:1px;font-family:inherit;font-size:1.2em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;behavior:url(files/files/pie.php);}
input:focus, textarea:focus, select:focus {border:1px solid #e60;}
input.noborder {border:none;background:none;}
input.large {width:98%;}
button {padding:4px 8px;margin:0 5px;font-family:inherit;font-size:1em;font-weight:bold;border:none;background:#9b1;color:#fff;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(files/files/pie.php);}
textarea {width:98%;height:100px;}

/* TABLES */
table {width:100%;padding:0;border-spacing:0;font-size:inherit;}
th {border-bottom:1px dotted #ccc;}
td {margin:1px;padding:5px;vertical-align:top;color:#333;}
table.bdot tr td {border-bottom:1px dotted #ccc;}

/* COMMON (required) */
.edit {margin:5px 0;padding:3px 10px;text-align:right;border:1px dotted #ccc;font-size:0.9em;}
.clear {clear:both;}
.odd {background:#fff;}
.even {background:#eee;}
.even:hover, .odd:hover {background:#004f77;color:#fff;}
.xcenter {width:auto;margin:10px auto;text-align:center;}
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall {font-size:0.9em;}
.aright {text-align:right;}
.acenter {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.middle {vertical-align:middle;}
.block {margin-bottom:10px;}
.block img {margin:0 5px 5px 5px;}
.block ul {margin-left:10px;list-style:square;}
.thumb {width:80px;}
.minw {width:30px;}

.green {color:#9b1;}
.yellow {color:#fa0;}
.blue {color:#2ac;}
.xxl {font-size:2em;font-weight:bold;}

/* BLOCKS OPTIONS */
.blockdata {font-size:0.9em;text-align:right;margin:0;}
.blockdata span {display:block;margin-bottom:-5px;}
span.date {font-size:0.8em;margin-bottom:-10px;}
span.author {margin-bottom:5px;}


/* SPECIAL CLASSES */
.bt {border-top:1px dotted #666;}
.mtb0 {margin:5px 0 -5px 0;}
.p5 {padding:10px;}

/* HORIZONTAL MENUS */
ul.hmenu {list-style:none;margin:0;padding:0;}
ul.hmenu li {display:inline;padding:0 20px;}
/* TABS */
ul.hmenu li.tab {padding:5px 10px;margin:5px;background:#fa0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(files/files/pie.php);}
ul.hmenu li.tab a {color:#fff;font-weight:bold;}
/* VERTICAL MENUS */
ul.vmenu {list-style:disc;margin:0;padding:0;font-size:1.2em;}
ul.vmenu li {padding:0 20px;}

/* HIGHLIGHT */
.bbottom {padding-bottom:6px;border-bottom:1px dotted #ccc;}

/* BUTTONS */
a.button {font-weight:bold;background:#e60;font-size:1.2em;padding:5px 10px;color:#fff;}

/* BOXES */
.box {margin:10px 0;border:1px solid #ccc;}


/* LAYOUT */
#main {background:#fff url(../img/under.gif) bottom left repeat-x;padding-bottom:20px;}
#breadcrumb {color:#fff;font-size:0.9em;background:#9b1;padding:0 20px;}
#breadcrumb a {color:#444;}

#head {width:960px;height:90px;margin:0 auto;border-bottom:1px dotted #ccc;background:url(../img/back.jpg) top right no-repeat;}
#logo {float:left;margin-top:20px;color:#999;font-size:1.6em;}
#logo p {margin:5px 0;}
#logo a {font-size:3em;color:#668;padding:5px 0;}
#logo a:hover {color:#fa0;text-decoration:none;}

#contact {float:right;width:186px;text-align:center;margin-top:35px;}
#contact a {color:#668;font-weight:bold;font-size:1.2em;}

#page {width:960px;margin:0 auto;margin-bottom:10px;}
#tmenu {margin:10px 0 20px 0;}
#tmenu a {font-size:2em;}

/* two columns with left menu */
#page2 {position:relative;clear:both;float:left;width:100%;overflow:hidden;}
#colleft {float:left;width:100%;position:relative;}
#right, #left {float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
.left {background:#fff;}
.left #colleft {right:300px;background:#fff;}
.left #right {width:280px;left:100%;padding-left:20px;border-left:1px dotted #ccc;}
.left #left {width:640px;left:0;}

/* three and four commons */
#colmid {float:left;width:200%;position:relative;left:190px;}
#col1wrap {float:right;width:50%;position:relative;right:100%;}
#topic {width:100%;overflow:hidden;}

/* three: three columns with left menu */
#bcolright {float:left;width:100%;position:relative;left:50%;margin-left:-380px;}
#bcol1pad {margin:0 10px 0 390px;overflow:hidden;}
#bleft {float:left;width:180px;position:relative;margin-left:-50%;left:190px;overflow:hidden;}
#bright {float:left;width:180px;position:relative;left:10px;overflow:hidden;}

/* four: four columns with left menu*/
#tcolright {float:left;width:100%;position:relative;left:50%;margin-left:-580px;}
#tcol1pad {margin:0 10px 0 590px;overflow:hidden;}
#tleft {float:left;width:180px;position:relative;margin-left:-50%;left:390px;overflow:hidden;}
#tright {float:left;width:380px;position:relative;left:10px;overflow:hidden;}
/* for three */
#l2 {float:left;width:180px;background:#fff;padding-right:20px;}
#l2 div.block {padding:0 10px;}
#r1 {float:right;width:180px;}
#l2 .block {background:#eee;font-size:.95em;}

/* horizontal box */
.hbox {clear:both;border-top:1px dotted #ccc;}
.hbox img {margin:0;border:1px solid #ddd;}
.hbox div.block {float:left;}
.hbox .b1 {width:960px;}
.hbox .b2 {width:470px;}
.hbox .b3 {width:306px;}
.hbox .b4 {width:224px;}
.hbox .ml20 {margin-left:0;}
/* inner blocks */
.hbox .lb1 {width:100%;}
.hbox .lb2 {width:49%;}
.hbox .lb3 {width:32%;}
.hbox .lb4 {width:23.5%;}
.hbox .lb4 p {margin-bottom:0;}
.hbox .lml20 {margin-left:2%;}

/* foot */
#foot {width:960px;margin:20px auto;color:#ddd;}
#foot p {margin-top:0;}
#foot p span {line-height:30px;color:#aaa;font-size:0.9em;}
#foot a {color:#eee;}
#foot a:hover {color:#fff;}

#bmenu {float:left;width:305px;margin-right:20px;border-right:1px dotted #ccc;}
#bmenu ul {margin-left:20px;}
#bmenu ul li {padding-left:0;}
#bmenu ul li a {color:#eee;}

#social {float:left;width:305px;margin-right:20px;border-right:1px dotted #ccc;}
#info {float:left;width:305px;}
#powered {clear:both;text-align:center;}


/* MESSAGES */
#msg {padding:15px 10px;background:#445;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#msg p {margin:0;font-weight:bold;}

/* SEARCH */
#sitesearch input {vertical-align:top;}

/* TAGS */
.tags {margin:10px 0;border-top:1px dotted #999;font-size:0.9em;}
/* TAG CLOUD */
a.txxs {font-size:0.6em;}
a.txs {font-size:1em;}
a.ts {font-size:1.5em;}
a.tm {font-size:2em;}
a.tl {font-size:2.5em;}
a.txl {font-size:3em;}
a.txxl {font-size:3.5em;}
a.txxxl {font-size:4em;}

/* PAGINATION */
#pager {margin:5px 0;font-weight:bold;}
#pager span.n {color:#fff;background:#fa0;margin:0 5px;padding:4px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#pager a {margin:0 3px;}

/* HORIZONTAL MENUS */
ul.hmenu {list-style:none;margin:0;padding:0;}
ul.hmenu li {display:inline;padding:0 10px;}
ul.hmenu li a {font-weight:bold;}
/* TABS */
ul.hmenu li.tab {display:inline;padding:5px;margin:0 2px 5px 2px;}
ul.hmenu li.tab a {font-weight:bold;padding:5px 10px;}

/* COMMENTS */
#comments {width:90%;}
#comments ul.zebra {list-style:none;padding:0;}

#comments ul.zebra li.item {padding:15px;}
#comments ul.zebra li.item p {margin:0 0 5px 0;}
#comments p.xsmall {border-top:1px solid #999;margin:0;}
#comments a {text-decoration:underline;}
#comments ul.zebra li.item ul li {margin:0;padding:0;}

#milkbox img {margin:2px 5px;}

/* MILKBOX */
#mbOverlay {position: absolute;left:0;width:100%;background-color:#000; /* set the Milkbox overlay color // opacity: see the js options */z-index:100;cursor: pointer;}
#mbCenter {
	/* for default width and height, see the js options */
	position:absolute;z-index:101;overflow:hidden;left:50%;top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border:5px solid #fff;/* set the Milkbox border */
	margin:0;padding:5px;/* set the Milkbox padding */
}
.mbLoading{background:#fff url(../img/loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbCanvas {margin:0;padding:0;height:0;border:none;font-size:0;overflow:hidden;}
.mbClear {clear:both;height:0;margin:0;padding:0;font-size:0;overflow:hidden;}
/* *** BOTTOM *** */
#mbBottom {
	/* set text options */
	font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size:10px;color:#666;line-height:1.4em;text-align:left;padding-top:8px;margin:0;}
/* navigation */
/* be careful if you change buttons dimensions */
#mbNavigation {float:right;width:27px;padding-top:3px;border-left:1px solid #9c9c9c;/* set nav border */}
#mbCount {width:55px;overflow:hidden;padding-top:1px;float:right;text-align:right;font-size:9px; /* count font size */}
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause {outline:none;display:block;float:right;height:19px;cursor: pointer;}
#mbPrevLink, #mbNextLink {width:15px;}
#mbPrevLink {background:transparent url(../img/prev.gif) no-repeat;}/* IMAGE: prev */
#mbNextLink {background:transparent url(../img/next.gif) no-repeat;}/* IMAGE: next */
#mbPlayPause {width:13px;}
#mbPlayPause {background:transparent url(../img/play-pause.gif) no-repeat;}/* IMAGE: prev */
/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover {background-position:0 -22px;}
#mbCloseLink {width:17px;background:transparent url(../img/close.gif) no-repeat;/* IMAGE: close */}
/* description */
#mbDescription {margin-right:27px;padding:0px 10px 0 0;font-weight: normal;text-align:justify;}

/* SKYCRAPER */
.banner {padding-top:55px;}

/* EXTERNAL LINK */
a[target$='_blank'] {padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center;}
a.blank_hide {padding-left:0;background:none;}