/*n bblog */


* {
  margin: 0px;
  padding: 0px;
  font-family: Verdana;
  font-size: 9pt;
  color: #000; 
  }

HTML {
  width:      100%;
  height:     100%;
  }

BODY {
  width:      100%;
  height:     100%;  
  color:      #000;
  background-color: #c00;
  margin: 0px;
  padding: 0px;
  font-family: verdana;
  }

LI {
  margin-left: 16px;
  }

.commwrite {
  color:  #00c;
  text-align: center;
  }

.form {
  margin: auto;
  }

.form SELECT {
  font-family: Courier New,Monospace;
  font-size:   8pt;
  border:      #ccc 1px solid;
  width:       100%;
  }

.arcyear {
  background-color: #ccc;
  }

.fuffasottit {
  margin-top: 5px;
  border-bottom: #ccc 1px solid;
  margin-bottom: 3px;
  padding-left: 4px;
  padding-bottom: 2px; 
  }

.fuffasottit A {
  text-decoration: none;
  color: #000;
  border-bottom: #00f 1px solid;
  }
  
.form1 {
  text-align: right;
  padding-right: 4px;
  padding-top:    2px;
  }

.form INPUT {
  font-family: Courier New,Monospace;
  font-size:   8pt;
  border:      #ccc 1px solid;
  width:       100%;
  
  }
  
.buttone {
  border:     #000 1px solid;
  background-color: #ccf;
  width: 120px;
  }

.buttone:hover {
  border:     #00f 1px solid;
  background-color: #4cf;
  }

.form INPUT:hover {
  border:      #888 1px solid;
  }
  
.form TEXTAREA {
  font-family: Courier New,Monospace;
  font-size:   8pt;
  border:      #ccc 1px solid;
  width:       100%;
  }
  
.form TEXTAREA:hover {
  border:      #888 1px solid;
  }
  


.category {
  text-align:   center;
  font-size:    12pt;
  color: #000;
  font-weight: bold;
  }
  
#titlebar {
  width:  100%;
  height:  75px;
  overflow: hidden;
  position: relative;
 	background-image: url(/anoptiblog/img/BLOGO.gif);
	background-repeat: no-repeat;
	background-position: center;
	
  }

#descr {
  position: absolute;
  left:     8px;
  top:      61px;
  height:   16px;
  width:    auto;
  font-family: Courier New, Monospace;
  font-size:   9pt;
  font-weight: bold;
  color: #c00;
  overflow:   hidden;
  
  }

#pmenu {
  width:  100%;
  overflow: hidden;
  border-bottom: #c00 1px solid;
  border-top: #c00 1px solid;
  /*background-color: #fcc;*/
  padding-top: 8px;
  padding-bottom: 8px;
  
  
  background-image: linear-gradient(bottom, #FF0000 3%, #FAEE00 48%, #FF0000 100%);
background-image: -o-linear-gradient(bottom, #FF0000 3%, #FAEE00 48%, #FF0000 100%);
background-image: -moz-linear-gradient(bottom, #FF0000 3%, #FAEE00 48%, #FF0000 100%);
background-image: -webkit-linear-gradient(bottom, #FF0000 3%, #FAEE00 48%, #FF0000 100%);
background-image: -ms-linear-gradient(bottom, #FF0000 3%, #FAEE00 48%, #FF0000 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.03, #FF0000),
	color-stop(0.48, #FAEE00),
	color-stop(1, #FF0000)
);


  
  }
  
.menubut {
  border: #000 1px solid;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  color: #000;
  background-color: #8cf;
  font-weight: bold;
  font-family: Verdana;
  font-size: 9pt;
  text-decoration: none;
  -moz-border-radius: 4px 4px 4px 4px; 
-webkit-border-radius: 4px 4px 4px 4px; 
border-radius: 4px 4px 4px 4px; 
-border-radius: 4px 4px 4px 4px; 
-o-border-radius: 4px 4px 4px 4px; 
-icab-border-radius: 4px 4px 4px 4px; 
-khtml-border-radius: 4px 4px 4px 4px; 
  }
  
.menubut:hover {
  text-decoration: underline;
  background-color: #8ff;
  color: #00f;
  border-color: #00f;
  }
 
#uptab {
  height: 105px;
  vertical-align: top;
  }
 
#tblbase {
  width:      90%;
  height:     100%;
  max-width: 1024px;
  margin: auto;
  
  border: #000 1px solid;
  -moz-border-radius: 16px 16px 0px 0px;
-webkit-border-radius: 16px 16px 0px 0px;
border-radius: 16px 16px 0px 0px;
-border-radius: 16px 16px 0px 0px;
-o-border-radius: 16px 16px 0px 0px;
-icab-border-radius: 16px 16px 0px 0px;
-khtml-border-radius: 16px 16px 0px 0px;
	background-color:  #fff;

  }
  
#tblbase td {
  font-family: verdana;
  font-size: 9pt;
  vertical-align: top;
  }
  
#container {
border: #000 1px solid;
  }
  
.tbl0 {
  width:      100%;
  height:     100%;
  padding:    4px;
  }
  
.tbl0 td {
  font-family: verdana;
  font-size: 9pt;
  vertical-align: top;
  }

#maintxt {
  font-family:  Verdana;
  font-size:    9pt;
  padding-left: 4px;
  }

#fuffat {
  width:    25%;
  min-width: 320px;
  padding-left: 4px;
  vertical-align: top;
  border-left: #ccc 1px solid;
  }

.blogtitle {
  text-align: center;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-top: 10px;
  margin-bottom: 8px; 
  background-color: #eee;
  border: #ccc;
  font-size: 12pt;
  font-weight: bold;
  
  }

.blogtitle A {
  font-size:    12pt;
  color:        #08f;
  font-weight:  bold;
  text-decoration: none;
  border-bottom: #c00 1px solid;
  }

.postpost {
  border: #ccc 1px dotted;
  padding: 4px;
  font-size: 8pt;
  }

#date {
  color: #ccc;
  }

#write {
  color: #f00;
  text-decoration: underline;
  }

#write:hover {
  color: #f88;
  }

#comm {
  color: #000;
  text-decoration: underline;
  }

#comm:hover {
  color: #0f0;
  }

#upds {
  color: #0f0;
  text-decoration: underline;
  }

#upds:hover {
  color: #0f8;
  }

#share {
  color: #00f;
  text-decoration: underline;
  }

#share:hover {
  color: #08f;
  }

#keywords {
  color: #ccc;
  }
  
.webguil {
  color:  #08f;
  text-decoration: none;
  }

.webguil SPAN {
  border-bottom: #00f 1px solid;
  }

.webguil:hover {
  color: #4cf;
  }
  
#pager {
  font-size: 8pt;
  color: #00f;
  text-align: center;
  border-top: #ccc 1px solid;
  padding-top: 4px;
  }

#pager A {
  color: #00f;
  text-decoration: none;
  }
  

.pagerlist A {
	color:	#000;
	}

.pagerlist:before {
	content: " [";
	color:	#f00;
	}


.pagerlist:after {
	content: "] ";
	color:	#f00;
	}

.pagerdiv {
	color:	#ccc;
	}

.pagerquesta {
	color:	#f00;
	}
  
#bottomer {
  text-align: center;
  font-size: 7pt;
  font-family: Courier New, Monospace;
  color: #00f;
  height: 24px;
  padding-top: 8px;
  padding-bottom: 4px;  
  }

#bottomer A {
  font-size: 7pt;
  font-family: Courier New, Monospace;
  }

.fuffatit {
  font-size: 9pt;
  font-weight:  bold;
  color: #000;
  padding-top: 4px;
  border-bottom: #08f 1px solid;
  margin-bottom: 6px;
  }
  
.commento {
  font-family: Verdana;
  font-size: 9pt;
  
  }
  
.ommentoh {
  font-size: 8pt; 
  font-family: Verdana; 
  color: #000; 
  text-align: right; 
  border-top: #ccc 1px solid;
  }
  
.error {
  font-family:  Verdana;
  font-size:    9pt;
  border:   #f00 2px solid;
  background-color: #fcc;
  padding:      16px;
  margin:       auto;
  text-align:   center;
  width:        70%;
  }
  
.pagercont {
	margin-top:	8px;
	margin-bottom:	8px;
	width:		80%;
	margin:		auto;
	padding:	8px;
	border:		#ccc 1px solid;
	-moz-border-radius: 8px 8px 8px 8px; 
	-webkit-border-radius: 8px 8px 8px 8px; 
	border-radius: 8px 8px 8px 8px; 
	-border-radius: 8px 8px 8px 8px; 
	-o-border-radius: 8px 8px 8px 8px; 
	-icab-border-radius: 8px 8px 8px 8px; 
	-khtml-border-radius: 8px 8px 8px 8px; 
	}
	
.pagercont H1 {
	text-align: center;
	font-size:	9pt;
	color:	#000;
	font-weight:	normal;
	}
  
.cli { clear: both;}
.catdivb3 {
	width:	250px;
	float:	left;
	clear:	left;
	}
	
.catdivb4 { 
	font-size: 9pt;
	color:	#00c;
	font-size:	8pt;
	}

.mindata {
	font-size:	8pt;
	color:		#c00;
	padding-left:	32px;
	margin-bottom:	5px;
	}


@media(max-width: 1024px) {

	#fuffat {
	  display: none;
	}

	#tblbase {
	  width: calc( 100% - 4px);
	}

	#maintxt img {
	  max-width: 80vw;
	}

	.blogtext {
	  width: 99vw;
	}

	.blogtitle {
	  width: 99vw;
	}
	.pagercont {
	  margin: 0;
	  width:  90vw;
	  overflow: hidden;
	}

  #titlebar {
	background-size: 80%;
   
  }
  
}