/*   
Theme Name: Dielli
Theme URI: http://dielli.com
Description: By Exceed Studios
Author: Arben Mehmetaj
Author URI: http://exceedstudios.com
Version: 1
*/

@media screen {

	body { 
		font: 13px Helvetica, serif;
		color:#555555;
		background-position:top;
		background-image:url('images/bg.jpg');
		background-repeat:repeat-x;
		background-color:#ffffff;
		margin: 0; padding: 0;
	}

	a:link {
		color: #356690;
		text-decoration: underline;
	}
	a:visited {
		color: #356690;
		text-decoration: underline;
	}
	a:hover {
		color: #b8202a;
		text-decoration: underline;
	}
	a:active {
		color: #356690;
		text-decoration: underline;
	}

	h1 {
		font-size:;
		color:#;
		padding:0;
		margin:0;
	}


	#container {
		margin:0 auto;
		padding:0;
		width:1175px;
	}

	#header {
		position:relative;
		width:1175px;
		padding-top:10px;
		padding-bottom:10px;
	}

	#logo {
		float:left;
		padding-top:10px;
	}

	#top-banner {
		float:right;
	}

	#mmenu {
		width:1173px;
		height:33px;
		border:1px solid #bfbfbf;
		background-position:bottom;
		background-image:url('images/bg-mmenu.jpg');
		background-repeat:repeat-x;
	}
	
	#mmenu input {
		border:1px solid #ececec;
		height:22px;
	}

	#nav {
		margin:0;
		list-style:none;
		font-size:12px;
		text-transform: uppercase;
	}

	#nav li{
		float:left;
		padding:0px 25px 0px 0px;
		list-style:none;
		margin-left:0px;
	}
	#nav a{
		float:left;
		color:#291e18;
		text-decoration:none;
		position:relative;
	}
	#nav .active a,
	#nav ul li:hover a:hover,
	#nav a:hover{
		color:#b8202a;
	}
	#nav a span{
		position:absolute;
		width:100%;
		left:0;
		display:none;
		text-indent:-9999px;
		overflow:hidden;
	}
	#nav .active a span,
	#nav a:hover span{display:block;}

	#nav ul li.current_page_item > a,
	#nav ul li.current-menu-ancestor > a,
	#nav ul li.current-menu-item > a,
	#nav ul li.current-menu-parent > a {
		color:#b8202a;
	}
	* html #nav ul li.current_page_item a,
	* html #nav ul li.current-menu-ancestor a,
	* html #nav ul li.current-menu-item a,
	* html #nav ul li.current-menu-parent a,
	* html #nav ul li a:hover {
		color:#b8202a;
	}
	
	#search-box {
		float:right;
		height:24px;
		margin-right:10px;
		margin-top:-8.5px;
	}

	#mcontent-left {
		float:left;
		margin-top:12px;
		width:815px;
	}

	#mcontent-right {
		float:right;
		background-position:bottom;
		background-image:url('images/bg-sideway.jpg');
		background-repeat:repeat-x;
		background-color:#f2f2f2;
		width:300px;
		margin-left:8px;
		padding:5px 20px 35px 20px;
		font-size:12px;
		line-height:20px;
		text-transform: uppercase;
		
	}
	
	#mcontent-right h2 {
		font-size:14px;
		border-bottom:1px solid #000000;
		padding:0px 0px 5px 0px;
		text-transform: uppercase;
		color:#000000;
		
	}
	
	#mcontent-right a:link {
		color: #356690;
		text-decoration: none;
	}
	#mcontent-right a:visited {
		color: #356690;
		text-decoration: none;
	}
	#mcontent-right a:hover {
		color: #b8202a;
		text-decoration: underline;
	}
	#mcontent-right a:active {
		color: #356690;
		text-decoration: none;
	}

	#poststyle1 {
		margin-bottom:40px;		
	}
	
	#poststyle1 h2 {
		font-size:19px;
		font-weight:normal;
		padding:0px 0px 0px 0px;
		margin:0px;
		text-transform:capitalize;
		color:#b8202a;
		line-height:20px;
	}
	
	#poststyle1 h2 a:link {
		color: #b8202a;
		text-decoration: none;
	}
	#poststyle1 h2 a:visited {
		color: #b8202a;
		text-decoration: none;
	}
	#poststyle1 h2 a:hover {
		color: #000000;
		text-decoration: none;
	}
	#poststyle1 h2 a:active {
		color: #b8202a;
		text-decoration: none;
	}
	
	.mulcol {
		
	}
	
	.entry {
		line-height:20px;
		font-size:12px;
		margin:0px;
		padding:0px;
	}
	
	.meta {
		font-size:12px;
		color:#838383;
		padding-bottom:5px;
	}
	
	.item {
		float:left;
		width:385px;
		margin:0px 20px 20px 0px;
	}
	

	#sidebanner1 {
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
	
	#hotspot {
		padding-bottom:20px;
	}
	

	#footer {
		background-color:#e4e4e4;
	}

	#footer-container {
		margin:0 auto;
		padding:0;
		width:1175px;
		padding-top:25px;
		padding-bottom:25px;
		font-size:11px;
		line-height:15px;
	}
	
	#footer-container a:link {
		color: #555555;
		text-decoration: none;
	}
	#footer-container a:visited {
		color: #555555;
		text-decoration: none;
	}
	#footer-container a:hover {
		color: #b8202a;
		text-decoration: underline;
	}
	#footer-container a:active {
		color: #555555;
		text-decoration: none;
	}
	
	#footer-container ul {

		margin-left:0px;
		padding-left:0px;
	}
	
	#footer-container li {
		list-style:none;
		font-size:12px;
		line-height:20px;
		text-transform:capitalize;
	}
	
	
	#footer-left1 {
		float:left;
		padding:0px 40px 0px 0px;
		border-right:1px solid #b3b3b3;
	}
	
	#footer-left2 {
		float:left;
		padding:0px 40px 0px 40px;
		border-right:1px solid #b3b3b3;
	}
	
	#footer-left3 {
		float:left;
		padding:0px 40px 0px 40px;
		border-right:1px solid #b3b3b3;
	}
	
	#footer-left4 {
		float:left;
		padding:0px 40px 0px 40px;
		border-right:0px solid #b3b3b3;
		width:200px;
	}
	
	#footer-right {
		float:right;
	}

	#clearboth {
		clear:both;
	}
	
		/* =Images
		-------------------------------------------------------------- */

		/*
		Resize images to fit the main content area.
		- Applies only to images uploaded via WordPress by targeting size-* classes.
		- Other images will be left alone. Use "size-auto" class to apply to other images.
		*/
		img.size-auto,
		img.size-full,
		img.size-large,
		img.size-medium,
		.attachment img {
			max-width: 100%; /* When images are too wide for containing element, force them to fit. */
			height: auto; /* Override height to match resized width for correct aspect ratio. */
		}
		.alignleft,
		img.alignleft {
			display: inline;
			float: left;
			margin-right: 24px;
			margin-top: 4px;
		}
		.alignright,
		img.alignright {
			display: inline;
			float: right;
			margin-left: 24px;
			margin-top: 4px;
		}
		.aligncenter,
		img.aligncenter {
			clear: both;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		img.alignleft,
		img.alignright,
		img.aligncenter {
			margin-bottom: 12px;
		}
		.wp-caption {
			background: #f1f1f1;
			line-height: 18px;
			margin-bottom: 20px;
			max-width: 632px !important; /* prevent too-wide images from breaking layout */
			padding: 4px;
			text-align: center;
		}
		.wp-caption img {
			margin: 5px 5px 0;
		}
		.wp-caption p.wp-caption-text {
			color: #888;
			font-size: 12px;
			margin: 5px;
		}
		.wp-smiley {
			margin: 0;
		}
		.gallery {
			margin: 0 auto 18px;
		}
		.gallery .gallery-item {
			float: left;
			margin-top: 0;
			text-align: center;
			width: 33%;
		}
		.gallery-columns-2 .gallery-item {
			width: 50%;
		}
		.gallery-columns-4 .gallery-item {
			width: 25%;
		}
		.gallery img {
			border: 2px solid #cfcfcf;
		}
		.gallery-columns-2 .attachment-medium {
			max-width: 92%;
			height: auto;
		}
		.gallery-columns-4 .attachment-thumbnail {
			max-width: 84%;
			height: auto;
		}
		.gallery .gallery-caption {
			color: #888;
			font-size: 12px;
			margin: 0 0 12px;
		}
		.gallery dl {
			margin: 0;
		}
		.gallery img {
			border: 10px solid #f1f1f1;
		}
		.gallery br+br {
			display: none;
		}
		#content .attachment img {/* single attachment images should be centered */
			display: block;
			margin: 0 auto;
		}

		#gallery-style {

		}

		#gallery-style img {
			border:12px solid #FFF;
			margin-bottom:5px;
			margin-top:25px;
		}


		#gallery-style a:link {
			color: #aa0000;
			text-decoration: none;
			font-size: 1.05em;
			font-weight: 500;
			margin-bottom: 3px;
			text-transform: uppercase;
		}
		#gallery-style a:visited {
			color: #aa0000;
			text-decoration: none;
			font-size: 1.05em;
			font-weight: 500;
			margin-bottom: 3px;
			text-transform: uppercase;
		}
		#gallery-style a:hover {
			color: #3e3f40;
			text-decoration: underline;
			font-size: 1.05em;
			font-weight: 500;
			margin-bottom: 3px;
			text-transform: uppercase;
		}
		#gallery-style a:active {
			color: #aa0000;
			text-decoration: none;
			font-size: 1.05em;
			font-weight: 500;
			margin-bottom: 3px;
			text-transform: uppercase;
		}

	ol.commentlist { list-style: none; }
	ol.commentlist li { }
	ol.commentlist li.alt { }
	ol.commentlist li.bypostauthor { }
	ol.commentlist li.byuser { }
	ol.commentlist li.comment-author-admin { }
	ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
	ol.commentlist li.comment div.comment-author { }
	ol.commentlist li.comment div.vcard { }
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url { }
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
	ol.commentlist li.comment div.vcard img.avatar-32 { }
	ol.commentlist li.comment div.vcard img.photo { }
	ol.commentlist li.comment div.vcard span.says { }
	ol.commentlist li.comment div.commentmetadata { }
	ol.commentlist li.comment div.comment-meta { font-size: 10px; }
	ol.commentlist li.comment div.comment-meta a { color: #ccc; }
	ol.commentlist li.comment p { }
	ol.commentlist li.comment ul { }
	ol.commentlist li.comment div.reply { font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
	ol.commentlist li.comment ul.children li { }
	ol.commentlist li.comment ul.children li.alt { }
	ol.commentlist li.comment ul.children li.bypostauthor { }
	ol.commentlist li.comment ul.children li.byuser { }
	ol.commentlist li.comment ul.children li.comment { }
	ol.commentlist li.comment ul.children li.comment-author-admin { }
	ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-5 { }
	ol.commentlist li.comment ul.children li.odd { }
	ol.commentlist li.even { background: #fff; }
	ol.commentlist li.odd { background: #f6f6f6; }
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt { }
	ol.commentlist li.thread-even { }
	ol.commentlist li.thread-odd { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */