/*
	 ALBA-TRANS HOMEPAGE THEME FOR WORDPRESS
	 Author:  Oerd Cukalla
	 for http://albatrans.com.al

	 -- Feel free to alter and use this theme for whatever you would like.
	 -- A link back is always nice but not required.
 
*/

/*	RESET	*/

/*  bad reset!
*								{ margin: 0; padding: 0; }
*/
body, div, p, ul, li, span, a, h1, h2, h3, h4, h5, h6	{ margin: 0; padding: 0; border: 0px none; }
html							{ overflow-y: scroll; }
html, body						{ height: 100%; }
body							{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; 
								  background: url(images/body-bg.png) top center repeat-x white; }
ul								{ list-style: square inside; }
ol								{ list-style: decimal inside; }
a								{ outline: none; text-decoration: none; }
a img							{ border: none; background: none; }
img								{ vertical-align: middle; }
.menu ul						{ margin-left: 20px;}

/*	UTILITY		*/

.floatLeft 						{ float: left; }
.floatRight						{ float: right; }
.clear							{ clear: both; }
.button 						{ background:#32312f /* url(images/button_bg.jpg) repeat-x */; 
								  padding:5px 10px 5px 10px; color: #ffffff; text-decoration: none;
								  border:1px solid #32312f; text-transform:uppercase; font-size:9px;
								  line-height:25px;	}
.button:hover 					{ background:#990000; border-color:black; }

/*	TYPGROGRAPHY	*/

p, li							{ font-size: 14px; line-height: 19px; margin: 0 0 10px 0; } 
p#intro-paragraph					{ font-family: Georgia, serif; font-size: 2.0em; 
									  line-height: 1.4em; margin-top: 5px; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{ color: #990000; }
a									{ color: #990000; }
a:hover								{ background: #990000; color: white; }
h1									{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }
h2									{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3									{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal;  
									  margin: 0 0 10px 0; }
h4									{ font-size: 2.0em; margin-bottom: 15px; color: white; font-family: Helvetica; }
.post h4, .page h4					{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; 
									  margin: 10px 0 10px 0; color: #900; }
h5									{ font-size: 1.5em; font-family: Georgia, serif; font-weight: normal; 
									  text-align: left; padding-bottom: 10px; padding-left: 20px; }
.post								{ padding-left: 25px; width: 625px; }
#adresa p							{ font-size: 16px; line-height: 14px; }
#adresa p small						{ font-size: 12px; line-height: 12px; }
.mini_page_item p, .page p, .exerpt	{ font-size: 14px; line-height: 19px; }

/* 	HOMEPAGE BLOCK STYLES */

.block 								{ overflow:auto; border: 1px solid #a3a09e; background-color: #ffffff; 
									  margin-bottom:20px; position:relative; width: auto; overflow: auto; }
#block_pages						{ width: 100%; }
.fjongo 							{ position:absolute; top:-3px; right:-3px; /*-3px; height: 30px; */ }
.block_inside 						{ display:block; border:1px solid #ffffff; 
									  background: #ffffff url(images/background_block_slice.jpg) repeat-x; 
									  padding:30px; overflow:auto;}
.image_block 						{ border:1px solid #b5b5b5; background-color:#b5b5b5; 
									  padding: 5px; float:left; }
.image_block img 					{ border: 0px;	width: 300px;}
.text_block 						{ float:left; width:430px; margin-left:30px; padding-top:30px; }
#block_kryesore .text_block 		{ width: 230px; padding-top: 15px; padding-left: 15px; margin-left: 0px; }
#block_kryesore .block_inside 		{ padding: 20px 0px 20px 20px; }


/*	HOMEPAGE PORTFOLIO STYLES */

#block_portfolio 					{ overflow:auto; margin-bottom:20px; margin-right: 25px; }
#portfolio_items 					{ margin-left:25px;  min-height:100px; padding-top:3px; }
#text_column 						{ float:left; width:300px; margin-left: 25px; margin-top: 45px; 
									  padding-right: 25px; position:relative; }
#text_column img 					{ margin-bottom:20px; position:relative;}
.text_block h2, 
#text_column h2#text_title			{ margin-bottom: 15px; }

/* mini_portfolio_item on home page */
.mini_portfolio_item 				{ border:1px solid #a3a09e; margin:10px; overflow: auto; width:427px; }
.mini_portfolio_item 
.block_inside						{ background:none; background-color:#e2dddc; padding:15px 10px 10px 15px; width:400px; }
.mini_portfolio_item 
.thumbnail 							{ width: 100px; height: 100px; background: white; 
									  float:left; margin-right:10px; border:1px solid #979390; }
.mini_portfolio_item 
.mini_portfolio_item .floatRight	{ float: right; }

/* mini_page_item on page templates*/
.mini_page_item 					{ border:1px solid #a3a09e; margin:10px; overflow: auto; width:427px; }
.mini_page_item .block_inside		{ background:none; background-color:#e2dddc; padding:15px 10px 10px 15px; width:400px; }
.mini_page_item .thumbnail 			{ width: 100px; height: 100px; background: white; 
									  float:left; margin-right:10px; border:1px solid #979390; }
.mini_page_item  .floatLeft			{ float: left; }
.mini_page_item .floatRight			{ float: right; }
/* page */
.page							{ padding: 0 0 0 15px; width: 550px;}
/* adresa */
#adresa 						{ padding-left: 25px; }

/*	FORMS		*/
input							{ padding: 3px; }

/*	STRUCTURE	*/
#page-wrap						{ width: 960px; margin: 0px auto -200px;
								  min-height: 100%; height: auto !important; height: 100%;}
#nav-sidebar 					{ width: 190px; float: left; margin-right: 15px; }
#main-col						{ width: 730px; float: left; }					
#push							{ height: 200px; }
#home-container					{ padding-left: 5px; padding-right: 5px; }
#linjat							{ padding-left: 30px; }

/*	HEADER	*/
#top-bar						{ width: 570px; margin: 0px auto 0px; padding: 12px 0 0 0;  }
#top-bar p						{ color: white; font-size: 14px; float: left; /* margin-top: 12px;  */
								  font-family: Georgia, "Times New Roman", Times, serif;}

h1#logo							{ width: 570px; height: 40px; background: url(images/albatrans-last.png) top left no-repeat; 
								  text-indent: -9999px; margin: 0 5px 8px 0; float: left; }
#main-pic						{ float: left; margin-right: 10px; }

form#searchform					{ margin: 20px 0 10px 20px; }

/*	MENU	*/
#menu-bar						{ padding-top: 9px; padding-bottom: 20px;}
ul#main-nav						{ width: 480px; float: left; margin: 10px 0 0 0; }
ul#extra-nav					{ width: 300px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav li, ul#extra-nav li	{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#transporti ul#extra-nav li.transporti a,
body#default ul#main-nav li.home a,
body#mbi-ne ul#main-nav li.mbi-ne a,
body#kontakto ul#main-nav li.kontakto a,
body#english ul#main-nav li.english a,
body#turizmi ul#extra-nav li.resume a	{ background: white; color: #272727; }

/*	WIDGETS	*/
.widget					{ background: #800000; width: 190px; border-right: 2px solid #440000; border-top: 2px solid #440000; 
						  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
.widget .inside			{ padding: 10px 10px 10px 25px; color: white; }
.widget ul				{ list-style: square outside; margin-left: 15px; }
.widget ul li 			{ margin: 0 0 5px 0; }
.widget ul li a 		{ display: block; padding: 2px; color: white; }
.widget ul li a:hover	{ background: white; color: #800000; }
/* .widget .thumb		{ width: 62px; } */
.flickr-thumb			{ height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; }
#reklame ul li			{ list-style:none; }


/*	FOOTER	*/
#footer					{ height: 200px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; 
						  background: url(images/AT-logo.png) bottom center no-repeat #272727; }
#footer-inside			{ width: 960px; margin: 0 auto; }
#footer p				{ color: white; }
#footer-1				{ width: 300px; float: left; margin-right: 30px; }
#footer-2				{ width: 200px; float: left; margin-right: 30px; }
#footer-3				{ width: 200px; float: left; }
#footer-4				{ width: 200px; float: left; }
#footer a				{ color: white; }
#footer ul				{ color: white; }
#footer-4 li			{ list-style-image: none; }


/* tables */
table					{ margin:0; padding: 0; border-top: 1px solid gray; border-right: 1px solid gray;}
td, th					{ padding: 8px; text-align: left; border-left: 1px solid gray; border-bottom: 1px solid gray;}