.displayNone	{ display: none; }
.float-left	{ float: left; }
.float-right	{ float: right; }
.colorRed	{ color: #ff0000; }
.colorBlue	{ color: #0000ff; }
.colorWhite	{ color: #ffffff; }
.minHeight 	{ min-height: 1550px; height:auto !important; height:1550px; } /* (http://www.dustindiaz.com/min-height-fast-hack/) !!!!! */ 
.textJustify	{ text-align: justify; }
.italic		{ font-style: italic; }
.blink		{ text-decoration: blink; }
.m-forms 	{ padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }

a			{ outline: none; }
/* a[rel="external"]	{ background:transparent url(img/icon-link-external.gif) no-repeat scroll right center; padding-right:15px; } */

html, body { margin: 0;	padding: 0; }

/* --- http://fu2k.org/alex/css/onetruelayout/example/interactive?order=2-1-3&width=252-500-200&unit=px&equal_height=1&snap=1&op8_fix=1&longest=1&time=1230292952572 --- */
#page			{ width: 960px; margin: auto; margin-top: 2px; margin-bottom: 2px; font-family: tahoma,verdana,sans-serif;}
#wrapper-1		{ overflow: hidden; }
#sidebar-1		{ float: left; }
#sidebar-2		{ float: left; }
#main			{ float: left; display: inline; }
#sidebar-1, #sidebar-2	{ padding-bottom: 32767px; margin-bottom: -32757px; }

/* s1.width + 2px + s2.width + 6px + main.width =  page.width = 960px */
#sidebar-1		{ width: 252px; margin-left: -754px; }
#sidebar-2		{ width: 200px; margin-left: 6px; }
#main			{ width: 500px; margin-left: 254px; }	/* main.marginleft = s1.width + 2px = 254px */

/* --- mergea in FF3 si IE7 si fara asta dar am adaugat-o doar pt ca in IE6: --- */
/* ---  --> sidebar-urile acopereau footer-ele din wraper2 care se vedeau doar pe centru --- */
/* --- http://www.positioniseverything.net/articles/onetruelayout/example/equalheight  --- */
#wrapper-1:after	{ content: '[]'; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper-1		{ display: inline-block; }
#wrapper-1		{ display: block; }
#wrapper-2		{ clear: both; }
/* --- */

#sidebar-1, #sidebar-2, #header  			{ padding-top: 10px; }

#logo-1							{ width: 230px; height: 90px; margin-left: 11px;  margin-right: 11px; }	 /* 11 = (s1.w - logo1.w) / 2 */
.img-logo-1						{ border: 0; width: 230px; height: 90px; }

#menu-1, #menu-2, .section-nav				{ margin-top: 10px; margin-left: 11px;  margin-right: 11px; }	 /* 11 = (s1.w - logo1.w) / 2 */
#menu-1							{ margin-bottom: 20px; }
#menu-2							{ margin-bottom: 30px; }
.aberatie-c0-pic					{ height: 247px; width: 230px; margin-top: 30px;  margin-left: 11px;  margin-right: 11px; }
.img-aberatie-c0-pic					{ border: 0; height: 247px; width: 230px; }

.sidebar-1-separator					{ height: 2px; margin-top: 30px; }

.icon-line-menu-1, .text-line-menu-2			{ float: left; }
.text-line-menu-1, .icon-line-menu-2			{ float: right; }

.line-menu-1, .line-menu-2				{ margin-bottom: 4px; }	
.line-menu-1, .text-line-menu-1, .icon-line-menu-1, .img-icon-line-menu-1	{ height: 24px; }				
.icon-line-menu-1, .img-icon-line-menu-1		{ width: 36px; }				
.img-icon-line-menu-1					{ border: 0; }
.text-line-menu-1					{ padding-left: 10px; font-weight: bold; font-size: 14px; line-height: 24px; }
.text-line-menu-1					{ width: 180px; }		/* imglogo1.w - iconlinemenu1.w - linemenu1.marginbottom - textlinemenu1.paddingleft */

.line-menu-2						{ margin-left: 40px; }		/* iconlinemenu1.w + linemenu1.marginbottom */
.line-menu-2, .icon-line-menu-2, .text-line-menu-2 	{ height: 18px; }				
.icon-line-menu-2					{ width: 18px; }				
.img-icon-line-menu-2					{ border: 0; width: 10px; height: 10px; margin: 4px; }
.text-line-menu-2					{ text-align: right; padding-right: 10px; font-weight: bold; font-size: 11px; line-height: 18px; }
.text-line-menu-2					{ width: 158px; }		/* textlinemenu1.w +  textlinemenu1.paddingleft - iconlinemenu2.w - linemenu2.marginbottom - textlinemenu2.paddingright */

.searchG						{ margin-bottom: 30px; margin-left: 11px; margin-right: 11px; }

.title-section-nav					{ font-size: 12px; line-height: 12px; }	
.line-section-nav					{ font-size: 11px; line-height: 12px; }	

/* --- */

h1, h2, h3						{ display: inline; }
#caricaturi h1, #caricaturi h2, #caricaturi h3,		
#ai-umor h1, #ai-umor h2, #ai-umor h3,		
.aux h1, .aux h2, .aux h3				{ font-size: 10px; font-weight: normal; }
.text-line-menu-1 h2, .text-line-menu-1 h3		{ font-size: 14px; }
.title-section-nav h2, .title-section-nav h3		{ font-size: 12px; }	
.line-info h3						{ font-size: 11px; font-weight: normal; }
.banc-c0-title h2 					{ font-size: 10px; font-weight: bold; }
.numere-paginatie h1					{ font-size: 10px; font-weight: normal; }

/* --- */

#main							{ font-size: 10px; }

#caricaturi, .bancuri, #ai-umor, .cartoon-world, #aberatii, .aux	{ margin-top: 2px; }

#logo-2, #date-nav, .title-section, #set-navi-nav, #car,
.sendable-area-info, #hrat-area, #hcom-area, .caption-car, .toon-car, .toon-carOfBenziDesenate, .aux-title, .aux-content	{ margin: auto; width: 380px; }

.toon-car						{ height: 300px; }

.aux-content						{ overflow: hidden; margin-top: 25px; }

#caricaturi, .bancuri, #ai-umor, .cartoon-world, #aberatii, .aux	{ padding-top: 10px; padding-bottom: 20px; }

.title-section, #set-navi-nav, #hrat-area, #hcom-area, .banc-c0, .ai-umor-c0, .ai-umor-c1, .cartoon-world-c0, .aberatie-c1
							{ padding-top: 5px; padding-bottom: 5px; }

#car							{ padding-top: 5px; }

.banc-c0, .ai-umor-c0, .cartoon-world-c0		{ margin: auto; width: 370px; padding-left: 5px; padding-right: 5px; }

#date-nav						{ text-align: center; }

#logo-2, .img-logo-2					{ height: 60px; }
.img-logo-2						{ width: 380px; border: 0;  }

#date-nav						{ height: 12px;  padding-top: 10px; padding-bottom: 12px; font-weight: bold ; font-size: 12px; line-height: 12px; }	
.img-icon-date-nav					{ border: 0; width: 14px; height: 10px; margin-left: 10px; margin-right: 10px; }

.title-section, .img-title-section			{ height: 35px; }	
.img-title-section					{ border: 0; }

.caption-car						{ height: 12px;  line-height: 12px; }	
.img-toon-car						{ border: 1px solid #000000; width: 378px; height: 298px; }	
.img-toon-carOfBenziDesenate					{ border: 0; width: 380px; }	

#set-navi-nav, .navi-nav, .img-navi-nav			{ height: 52px; }
.navi-nav, .img-navi-nav				{ width: 52px; }	
.img-navi-nav						{ border: 0; }

#set-navi-nav						{ overflow: hidden; }
.navi-nav, #set-page-nav				{ float: left; }
.navi-nav						{ padding-right: 7px; }
#set-page-nav						{ padding-left: 2px; }

#set-page-nav 						{ height: 52px; }
#set-page-nav, #page-nav-prev, #page-nav-next, #page-nav-dots, .img-icon-page-nav, .img-icon-page-nav-dots	{ width: 24px; }	
#page-nav-prev						{ height: 17px; }
#page-nav-next						{ height: 17px; }
#page-nav-dots	 					{ height: 18px; }

.img-icon-page-nav					{ height: 17px; }
.img-icon-page-nav-dots					{ height: 3px; margin-top: 7px; margin-bottom: 8px; }
.img-icon-page-nav, .img-icon-page-nav-dots		{ border: 0; }

.img-sendable-area-info-icon				{ border: 0; height: 8px; width: 10px; margin-top: 2px; }

#hrat-area						{ overflow: hidden; margin-top: 20px; }
#show-voturi, #show-nota				{ float: right; }
.da-o-nota, #show-voturi, #show-nota			{ line-height: 20px; }
#nota-radio-button					{ line-height: 20px; font-size: 10px; font-family: tahoma,verdana,sans-serif; }
.nota-radio-button-ok					{ width: 30px; height: 21px; margin-left: 10px; font-size: 10px; font-family: tahoma,verdana,sans-serif; cursor: pointer; }

#hcom-area						{ overflow: hidden; margin-top: 20px; }
.hcom-area-input-button					{ float: right; }
.hcom-area-input-text-field				{ width: 310px; height: 15px; line-height: 20px; }
.hcom-area-input-text-field				{ font-family: tahoma,verdana,sans-serif; font-size: 10px; }	/* trebuie specificate si aici pt ca la input-fielduri nu le simte pe alea generale pt toata pagina */
.hcom-area-input-button-ok				{ height: 21px; font-size: 10px; font-family: tahoma,verdana,sans-serif; cursor: pointer; }
.hcom-area-display					{ height: 135px; margin-top: 5px; padding-right: 5px; overflow-y: scroll; }

.banc-c0						{ overflow: hidden; } 
.banc-c0-pic						{ height: 126px; width: 98px; }
.img-banc-c0-pic					{ border: 0; height: 126px; width: 98px; }
.banc-c0-title						{ margin-bottom: 10px; font-weight: bold; }
.banc-c0-alte-bancuri					{ margin-top: 10px; }

.banc-c1, .banc-c2, .banc-c3, .banc-c4, .banc-c5	{ margin-top: 5px; margin-bottom: 20px; }

.ai-umor-c0						{ overflow: hidden; }
.ai-umor-c0-pic						{ float: left; height: 174px; width: 220px; margin-right: 10px; }
.img-ai-umor-c0-pic					{ border: 0; height: 174px; width: 220px; }
.ai-umor-c0-text					{ }		

.ai-umor-c1, .ai-umor-propuneri, .ai-umor-feed-ad	{ margin-left: 11px; margin-right: 11px; }

.ai-umor-c1						{ overflow: hidden; margin-bottom: 10px; }
.ai-umor-c1-pic						{ float: left; height: 223px; width: 282px; margin-right: 10px; }
.img-ai-umor-c1-pic					{ border: 1px solid #000000; height: 221px; width: 280px; }

.ai-umor-best6						{ margin-left: 292px; }

.ai-umor-c1-text-first-and-input			{ margin-left: 292px; }		/* 292 = ai-umor-c1-pic-width + 10 */
.ai-umor-c1-text-first					{ padding: 5px; }
.ai-umor-c1-input					{ margin-top: 5px; }
.ai-umor-c1-input-1					{ margin-bottom: 5px; }
.ai-umor-c1-input-1-textarea				{ width: 170px; height: 42px; font-size: 10px; font-family: tahoma,verdana,sans-serif; }
.ai-umor-c1-input-2					{ margin-bottom: 5px; }
.ai-umor-c1-input-2-textfield				{ width: 170px; height: 15px; line-height: 20px; font-size: 10px; font-family: tahoma,verdana,sans-serif; }
.ai-umor-c1-input-button				{ margin-bottom: 5px; }
.ai-umor-c1-input-button-ok				{ height: 21px; font-size: 10px;  font-family: tahoma,verdana,sans-serif; cursor: pointer; }

.ai-umor-feed-ad					{ margin-bottom: 60px; margin-top: 5px; padding: 5px; }
.ai-umor-propuneri					{ margin-bottom: 30px; height: 210px; overflow-y: scroll; }

.aberatie-c1						{ margin-bottom: 10px; }
.aberatie-c1-pic					{ margin: auto; height: 250px; width: 282px; margin-bottom: 10px; }
.img-aberatie-c1-pic					{ border: 1px solid #000000; height: 248px; width: 280px; }

.numere-paginatie					{ margin: auto; width: 380px; padding-bottom: 10px; }

.cartoon-world-c0-pic					{ margin: auto; text-align: center; }
.img-cartoon-world-c0-pic				{ margin: auto; border: 0; }
.cartoon-world-c0-text					{ margin: auto; width: 280px; height: 10px; text-align: right; line-height: 10px; }

.daily-toon-code					{ padding: 5px; text-align: left; }

.img-daily-toon						{ border: 0; height: 95px; width: 120px; }
.img-amungus-online					{ border: 0; height: 15px; width: 80px; }
.img-feedburner-readers					{ border: 0; height: 26px; width: 88px; }
.img-siteuptime						{ border: 0; height: 16px; width: 85px; }

/* --- */
											
.info, .logo-3, .logo-4, .logo-5, .ads-125		{ margin-bottom: 30px; margin-left: 11px; }
.ads-adsense-125					{ margin-bottom: 30px; margin-left: 5px; }
.ads-adsense-120					{ margin-bottom: 30px; margin-left: 6px; }

.info							{ font-size: 11px; line-height: 13px; margin-right: 11px; }
.title-info						{ font-weight: bold; text-decoration: underline; }	

.title-ads						{ font-weight: bold; text-decoration: underline; font-size: 11px; line-height: 13px; margin-bottom: 3px; margin-left: 11px; margin-right: 11px; }	

.img-ads-125, .img-logo-3, .img-logo-4, .img-logo-5	{ border: 0; }
.ads-125, .img-ads-125, .ads-adsense-125		{ height: 125px; width: 125px; }
.logo-3, .img-logo-3, .logo-4, .img-logo-4		{ height: 50px; width: 125px; }
.logo-5, .img-logo-5					{ height: 60px; width: 125px; }

.ads-w125  						{ width: 125px; }  
.img-ads-w125 						{ border: 0; width: 125px; }  
.ads-w125						{ margin-bottom: 30px; margin-left: 11px; margin-right: 11px; }	/* 11 = menu-1.marginleft */

.ads-2parale-w125  					{ width: 125px; }  
.ads-2parale-w125 img 					{ border: 0; width: 125px; }  

.ads-2parale-w125					{ margin-bottom: 30px; margin-left: 11px; margin-right: 11px; }	/* 11 = menu-1.marginleft */

/* --- */

.footer-1						{ overflow: hidden; text-align: center; margin-top: 2px; font-size: 10px; line-height: 20px; }

.footer-1-left					{ float: left; width: 252px; }
.footer-1-right					{ float: right; width: 200px; }

.footer-2						{ overflow: hidden; text-align: center; }
.footer-2						{ width: 960px; margin: auto; margin-top: 80px; height: 31px; padding-top: 5px; padding-bottom: 5px; }

/* --- colors --- */
				
body								{ background: #aabcc8; }	/* a3b2cc*/
#page, .sidebar-1-separator		{ background: #4890b0; }

#sidebar-1, .footer-1, .banc-c0, .ai-umor-c0, .cartoon-world-c0, .hcom-area-input-text-field, 
.ai-umor-c1-input-1-textarea, .ai-umor-c1-input-2-textfield, .ai-umor-c1-text-first, .ai-umor-feed-ad,
.daily-toon-code				{ background: #e4f8ff; }

#header, #caricaturi, .bancuri, #ai-umor, .cartoon-world, #aberatii, .aux, .text-line-menu-1
								{ background: #a4d0dc; }

.text-line-menu-2, .icon-line-menu-2 { background: #b4dcf4; }

.icon-line-menu-1				{ background: #88bbcc; }

.banc-c1						{ background: #e6e6e6; }
.banc-c2						{ background: #f0f2f8; }
.banc-c3						{ background: #e6e6d0; }
.banc-c4						{ background: #fcf0f4; }
.banc-c5						{ background: #eff2f8; }

#sidebar-2 						{ background: #4890b0; }

#sidebar-1, #main, .footer-1	{ color: #000000; }	
#header, #sidebar-2				{ color: #ffffff; }	

/* --- colors and decoration of links & hovers --- */

.opacity-6:hover 				{ opacity: .6; }	/* second class after 'img-navi-nav', 'img-icon-page-nav', 'img-icon-date-nav', 'img-sendable-area-info-icon', 'img-daily-toon' in gallery */
.opacity-i6	 					{ opacity: .6; }	/* second class after 'img-navi-nav' in gallery */
.opacity-i6:hover 				{ opacity: 1; }	

.text-line-menu-1:hover, .text-line-menu-2:hover, .icon-line-menu-2:hover
								{ background: #88bbcc; }

.icon-line-menu-1:hover			{ background: #a4d0dc; }

.text-line-menu-1 a, .text-line-menu-2 a		{ display: block; width: 100%; height: 100%; }
.icon-line-menu-1 a, .icon-line-menu-2 a		{ display: block; width: 100%; height: 100%; }

.text-line-menu-1 a:link, .text-line-menu-1 a:active, .text-line-menu-1 a:visited,
.text-line-menu-2 a:link, .text-line-menu-2 a:active, .text-line-menu-2 a:visited,
.section-nav a:link, .section-nav a:active, .section-nav a:visited,
.footer-1 a:link, .footer-1 a:active, .footer-1 a:visited
							{ color: #000000; text-decoration: none; }

.section-nav a:hover, .footer-1 a:hover  { color: #585848; border-bottom: 1px dotted; }

.text-line-menu-1 a:hover, .text-line-menu-2 a:hover, 
.text-line-menu-2 a:hover .colorRed, 
.text-line-menu-2 a:hover .colorBlue 			{ color: #ffffff; text-decoration: none; }

#ai-umor a:link, #ai-umor a:active, #ai-umor a:visited, 
.bancuri a:link, .bancuri a:active, .bancuri a:visited, 
#aberatii a:link, #aberatii a:active, #aberatii a:visited, 
.aux a:link, .aux a:active, .aux a:visited		{ color: #000000; text-decoration: underline; }

#ai-umor a:hover, .bancuri a:hover, #aberatii a:hover, .aux a:hover
							{ color: #585848;  }

.title-info a:link, .title-info a:active, .title-info a:visited	{ color: #ffffff; text-decoration: underline; }
.line-info a:link, .line-info a:active, .line-info a:visited	{ color: #ffffff; text-decoration: none; }
.info a:hover						{ color: #000000; text-decoration: underline; }

.title-ads a:link, .title-ads a:active, .title-ads a:visited	{ color: #ffffff; text-decoration: underline; }
.title-ads a:hover					{ color: #000000; }

