
/*
/***************************************
Theme Name:BD Snowleopard
Theme URL:http://blintdesign.hu
Description:
Author:Blint
Author URI:http://blintdesign.hu
***************************************/


/********** General elements **********/

BODY{
	margin:0;
	background-color:#000;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	color:#fff;
}

P{
	margin:0;
}

HR{
	margin:0 0 20px 0;
	padding:0;
	border:0;
	color:#f2f2f2;
	background-color:#f2f2f2;
	height:1px;
	clear:both;
}

UL{
	list-style:square;
}

BLOCKQUOTE{
	padding-left:8px;
	border-left:3px #2ed5d5 solid;
	text-align:justify;
	font-style:italic;
	font-size: 14px;
	color:#79a4a4;
}

H4{
	margin:0 0 10px 0;
	padding-top:15px;
	text-transform:uppercase;
	font-size:12pt;
}

H5{
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-size:12pt;
}

#comments H2,
#footer H2{
	margin:0 0 10px 0;
	font-size:14pt;
	text-transform:uppercase;
	color:#fff;
}

/********** Main DIV's **********/

#header,
#content,
#comments,
#footer{
	margin:0 auto;
	clear:both;
}

#header{
	height:150px;
	background:url('images/bg_header.jpg') #000 top center no-repeat;
}

#content{
	background:url('images/bg_content.jpg') #f8f8f8 top center no-repeat;
}

#comments{
	padding-top:20px;
	color:#fff;
}

#footer{
	background:url('images/bg_footer.jpg') #000 top center no-repeat;
}

#header .inside,
#content .inside,
#comments .inside,
#footer .inside{
	margin:0 auto;
	width:940px;
}

#footer .inside{
	padding:20px 0 30px 0;
}


/********** Header elements **********/

#header .search{
	width:280px;
	height:37px;
	float:right;
	background:url('images/grid.gif');
}

#header .logo{
	float:left;
	width:200px;
	height:100px;
	margin-top:28px;
	background:url('images/image_pack.png') -84px 0px no-repeat;
}

#header .logo a{
	display:block;
	width:200px;
	height:100px;
	outline:none;
}

#header .menu{
	width:520px;
	height:40px;
	float:right;
	margin-top:72px;
	background:url('images/grid.gif');
}


/********** Header search bar **********/

#header .searchtext{
	float:left;
	margin:7px 10px 7px 10px;
}

#header .searchfield{
	float:left;
	height:20px;
	width:150px;
	margin-top:6px;
	padding:3px 5px 2px 5px;
	color:#00ffff;
	font-size:11pt;
}

#header .searchbutton{
	float:left;
	width:18px;
	height:18px;
	margin:8px 0 0 7px;
	padding:0;
	border:0;
	background:url('images/image_pack.png') -470px 0 no-repeat;
	text-indent:-999em;
	cursor:pointer;
}

#header .searchbutton:hover{
	background:url('images/image_pack.png') -470px -25px no-repeat;
}


/********** Header menu **********/

#header UL{
	margin:0;
	padding:0;
	list-style:none;
}

#header LI{
	float:left;
	text-align:center;
}

#header LI a{
	display:block;
	height:20px;
	margin-top:11px;
	text-indent:-999em;
	outline:none;
}

#header a.menuid-1{
	width:70px;
	background:url('images/image_pack.png') 0 -112px no-repeat;
	margin-right:22px;
	margin-left:12px;
}

#header a.menuid-2{
	width:85px;
	background:url('images/image_pack.png') -74px -112px no-repeat;
	margin-right:22px;
}

#header a.menuid-3{
	width:103px;
	background:url('images/image_pack.png') -163px -112px no-repeat;
	margin-right:22px;
}

#header a.menuid-4{
	width:101px;
	background:url('images/image_pack.png') -270px -112px no-repeat;
	margin-right:22px;
}

#header a.menuid-5{
	width:46px;
	background:url('images/image_pack.png') -376px -112px no-repeat;
}


#header a.menuid-1:hover{
	background:url('images/image_pack.png') 0 -133px no-repeat;
}

#header a.menuid-2:hover{
	background:url('images/image_pack.png') -74px -133px no-repeat;
}

#header a.menuid-3:hover{
	background:url('images/image_pack.png') -163px -133px no-repeat;
}

#header a.menuid-4:hover{
	background:url('images/image_pack.png') -270px -133px no-repeat;
}

#header a.menuid-5:hover{
	background:url('images/image_pack.png') -376px -133px no-repeat;
}


/********** Content elements **********/

#content .story{
	width:670px;
	min-height:400px;
	margin:25px 0 25px 0;
	padding:15px;
	float:right;
	position:relative;
	background:url('images/bg_story.png');
	color:#000;
	text-align:justify;
}

#content .story a{
	text-decoration:none;
	color:#2ed5d5;
}

#content .story a:hover{
	text-decoration:underline;
}

#content IMG{
	padding:3px;
	background-color:#000;
	border:1px #000 solid;
}

#content IMG:hover{
	background-color:#2ed5d5;
	border:1px #555 solid;
}

#content IMG.noborder{
	padding:0!important;
	border:0!important;
}


	#content .story .sharebar {
		padding-top:12px;
		border-top:2px #a9a9a9 solid;
	}
	
	#content .story .sharebar img {
		padding:0;
		border:0;
		margin-right:10px;
		background-color:transparent;
	}
	
	#content .story .sharebar .flatrbutton {
		padding-top:2px;
		float:right;
	}

/********** Content story **********/

#content .story H2{
	margin:0 0 14px 0;
	text-transform:uppercase;
	font-size:15pt;
	color:#000;
}

#content .story H2 a{
	text-decoration:none;
	color:#000;
}

#content H2 .edit_link{
	position:absolute;
	right:15px;
}

#content H2 .edit_link a{
	text-decoration:none;
	color:#e7e7e7;
}

#content .story H2 a:hover{
	text-decoration:underline;
}

#content H3{
	margin:0 0 5px 0;
	font-size:13pt;
	text-transform:uppercase;
	color:#000;
}


#content .story .date{
	color:#2ed5d5;
	margin-right:10px;
}

#content .story p{
	font-size:11pt;
	margin-bottom:15px;
}

#content a.more-link,
#content a.comment-link{
	display:block;
	height:30px;
	float:right;
	margin:20px 0 0 3px;
	padding:0 10px 0 10px;
	background-color:#252525;
	text-decoration:none;
	line-height:28px;
	font-size:12pt;
	color:#00ffff;
}

#content a.more-link{
	background:url('images/image_pack.png') #252525 135px -74px no-repeat;
	padding:0 15px 0 10px;
}

#content a.more-link:hover,
#content a.comment-link:hover{
	text-decoration:none;
	color:#fff;
}

#content .postdata{
	height:30px;
	float:left;
	margin:20px 0 0 0;
	font-size:14pt;
}


#content img.centered,
#content img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#content img.alignright{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

#content img.alignleft{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

#content .alignright{
	float:right;
}

#content .alignleft{
	float:left;
}


/********** Content navigation bar **********/

.navigation{
	width:40px;
	position:absolute;
	top:0;
	left:-40px;
	right:0;
	bottom:0;
	background:url('images/bg_navigation.png');
}


.post_next a, .post_next_no a,
.post_prev a, .post_prev_no a,
.post_comment a{
	display:block;
	width:24px;
	height:100px;
	margin:10px 0 0 8px;
	text-indent:-999em;
	outline:none;
}

.post_next a, .post_next_no a, .post_comment a{
	position:absolute;
	bottom:10px;
}

.post_next a{
	background:url('images/image_pack.png') -305px 0 no-repeat;
}

.post_next a:hover{
	background:url('images/image_pack.png') -327px 0 no-repeat;
}

.post_next_no a{
	background:url('images/image_pack.png') -327px 0 no-repeat;
}

.post_prev a{
	background:url('images/image_pack.png') -349px -7px no-repeat;
}

.post_prev a:hover{
	background:url('images/image_pack.png') -371px -7px no-repeat;
}

.post_prev_no a{
	background:url('images/image_pack.png') -371px -7px no-repeat;
}

.post_comment a{
	height:134px;
	background:url('images/image_pack.png') -423px 0 no-repeat;
}

.post_comment a:hover{
	background:url('images/image_pack.png') -445px 0 no-repeat;
}


/********** Footer element:Sidebars **********/

#footer .slidebar1,
#footer .slidebar2,
#footer .slidebar3{
	width:294px;
	float:left;
}

#footer .slidebar2{
	margin:0 28px 0 27px;
}

#footer .slideblock{
	width:275px;
	min-height:240px;
	padding:10px;
	background:url('images/grid.gif');
	font-size:10pt;
	color:#cbcbcb;
	margin-bottom:20px;

}

#footer UL{
	margin:0;
	padding:0;
	list-style:none;
}

#footer LI{
	height:40px;
	margin-bottom:5px;
	padding:0 10px 0 35px;
}

#footer .slidebar2 LI{
	background:url('images/image_pack.png') #141817 -465px -52px no-repeat;
}

#footer .slidebar3 LI{
	background:url('images/image_pack.png') #141817 -465px -82px no-repeat;
}

#footer LI:hover{
	background-color:#1d2322;
}

#footer LI a{
	line-height:38px;
	text-decoration:none;
	color:#cbcbcb;
}

#footer LI a:hover{
	text-decoration:none;
	color:#00ffff;
}

#footer LI SPAN{
	float:right;
}

#footer P{
	margin:0;
}

#footer .slidebar1 a.link,
#footer .slidebar2 a.link,
#footer .slidebar3 a.link{
	display:block;
	margin-top:12px;
	text-transform:uppercase;
	text-decoration:none;
	color:#00ffff;
}

#footer .slidebar1 a.link:hover,
#footer .slidebar2 a.link:hover,
#footer .slidebar3 a.link:hover{
	text-decoration:underline;
	color:#00ffff;
}

#footer .rssfeed{
	width:45px;
	height:16px;
	float:right;
	margin-top:3px;
	background:url('images/image_pack.png') #141817 0px -38px no-repeat;
	text-indent:-999em;
	outline:none;
	right:0;
	position:static;
}


/********** Footer element:Copyright **********/

#footer .copyright{
	width:100%;
	height:70px;
	background:url('images/grid.gif');
	font-size:9pt;
	color:#858484;
	clear:both;
}

#footer .copyright .copy1{
	width:500px;
	float:left;
	margin:10px 0 0 20px;
}

#footer .copyright .copy2{
	width:350px;
	float:right;
	text-align:right;
	margin:10px 20px 0 0;
}

#footer .copyright P{
	margin:5px 0 0 0;
}

#footer .copyright a{
	text-decoration:none;
	color:#bcbcbc;
}

#footer .copyright a:hover{
	text-decoration:underline;
}


#footer .copyright .xhtml,
#footer .copyright .css{
	position:relative;
	display:inline-block;
	width:62px;
	height:16px;
	text-indent:-999em;
	outline:none;
}

#footer .copyright .xhtml{
	background:url('images/image_pack.png') #141817 0px -17px no-repeat;
}

#footer .copyright .css{
	background:url('images/image_pack.png') #141817 0 0 no-repeat;
}


/********** Comment write box **********/

.comment_field, .comment{
	width:600px;
	margin:0 auto;
	padding:10px;
	border:0;
	background:url('images/grid.gif');
	font-size:10pt;
	color:#bdbcbc;
}

.commenttitle{
	width:600px;
	margin:0 auto 30px auto;
	padding:10px;
	background:url('images/grid.gif');
	font-size:10pt;
}

.comment_field .inputbox{
	width:230px;
	margin:0 10px 10px 0;
	float:left;
	clear:both;
}

.comment_field .textbox{
	width:335px;
	height:138px;
}

.comment_field .textbox_max{
	width:590px;
}

.comment_field .submit{
	margin-top:10px;
}


/* Comments box */

.comment{
	margin-bottom:30px;
}

.comment_data{
	float:left;
	width:125px;
	height:105px;
	padding:5px 10px 5px 5px;
}

.comment_data .name,
.comment_data .date,
.comment_data .admin,
.comment_data .avatar{
	clear:both;
	float:right;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#bdbcbc;
}

.comment_data .name{
	font-size:12pt;
}

.comment_data .date,
.comment_data .admin{
	font-size:10pt;
}

.comment_text{
	width:440px;
	min-height:105px;
	float:left;
	padding:5px 5px 5px 10px;
	border-left:2px #fff solid;
	font-size:10pt;
	color:#cdcdcd;
}

#comments .inside a{
	text-decoration:none;
	color:#00ffff;
}

#comments .inside a:hover{
	color:#fff;
}


/********** Form elements **********/

textarea,
input[type="text"]{
	padding:6px;
	border:0;
	background:url('images/bg_input.gif') #292929 repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ccc;
	font-size:11pt;
	overflow:auto;
}

input[type="text"]{
	height:18px;
}

input[type="submit"]{
	width:100px;
	height:28px;
	border:1px #212121 solid;;
	background:url('images/bg_submit.gif') #292929 repeat-x;
	text-transform:uppercase;
	color:#00ffff;
	font-size:9pt;
}

 
/********** Table element **********/
 
table{
	border-spacing:0;
	width:100%;
}
caption{
	border-bottom:2px solid #000;
	text-transform:uppercase;
	padding:10px;
}
thead th,
tbody th{
	padding:10px 10px 5px 10px;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px #bfbfbf solid;
}
tbody tr{
	text-align:left;
}
tbody tr:hover{
	background-color:#ebffff;
}
tbody th a:link,
tbody th a:visited{
	color:#666666;
}
tbody th a:hover{
	color:#009900;
}
tbody tr td{
	height:50px;
	padding:0 10px 0 10px;
}
table td a:link,
table td a:visited{
	color:#666666;
	text-decoration:none;
}
table td a:hover{
	text-decoration:none;
	color:#000;
}
tfoot th, tfoot td{
	padding:10px;
	text-align:center;
	font-weight:bold;
	border-bottom:3px solid #ccc;
	border-top:1px solid #DFDFDF;
}


.post_table {
	width:90%;
	margin:0 auto;
	border:1px #d1e8e8 solid;
	font-size:14px;
}

.post_table thead th,
.post_table tbody th{
	border:none;
	background-color:#d1e8e8;
	font-size:12px;
	font-weight:bold;
}

.post_table tr.odd {
	background-color:#ebf8f8;
}

.post_table td.odd {
	background-color:#ebf8f8;
}

.post_table td.odd2 {
	background-color:#dff1f1;
}

.post_table .small {
	
	font-style:italic;
} 


/********** Source code style **********/

pre{
	border-left:3px #ecebeb solid;
	font-size:10pt;
	color:blue;
	margin:20px 10px;
	padding:10px;
	background:#fffff1;
}
code{
	color:#008099;
	clear:both;
}


/********** Other elements **********/

.clear{
	clear:both;
}

.iehack{
	width:100%;
	height:1px;
}



/********** Custom styles for Blintdesign **********/

/* Contact form */

.cf_input{
	width:250px;
}

.cf_txtarea{
	height:210px;
	width:370px;
}

/* Two column content */

.column1{
	border-right:1px dashed #ccc;
	padding-right:15px;
}
.column2{
	padding-left:15px;
}
.column1,
.column2{
	width:315px;
	float:left;
}


/* Portfolio page */

#content .folio_box{
	padding:15px;
	font-size:10pt;
}

#content .folio_present{
	width:210px;
	padding:10px 10px 10px 0;
	float:left;
}

#content .folio_content{
	width:410px;
	float:left;
	padding-bottom:10px;
}

#content .folio_content P{
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
	font-size:10pt;
	text-align:justify;
}

#content .folio_content STRONG{
	display:block;
	padding-top:10px;
	text-transform:uppercase;
	font-size:11pt;
}

#content .foliolink{
	float:left;
}

#content IMG.folio{
	padding:5px;
	float:left;
	width:200px;
	height:230px;
}

h3.toggler{
	height:26px;
	padding:4px 8px 0px 8px;
	cursor:pointer;
	font-size:12pt;
	background:#000;
	color:#00ffff;
	font-weight:normal;
}

h3.toggler span{
	float:right;
	font-weight:normal;
	font-size:11pt;
	color:#EFEFEF;
}

/* Slimbox */

#lbOverlay{
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
}

#lbCenter, #lbBottomContainer{
	position:absolute;
	z-index:9999;
	overflow:hidden;
	background-color:#fff;
}

.lbLoading{
	background:#fff url(images/loading.gif) no-repeat center;
}

#lbImage{
	position:absolute;
	left:0;
	top:0;
	border:10px solid #fff;
	background-repeat:no-repeat;
}

#lbPrevLink, #lbNextLink{
	display:block;
	position:absolute;
	top:0;
	width:50%;
	outline:none;
}

#lbPrevLink{
	left:0;
}

#lbPrevLink:hover{
	background:transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink{
	right:0;
}

#lbNextLink:hover{
	background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	line-height:1.4em;
	text-align:left;
	border:10px solid #fff;
	border-top-style:none;
}

#lbCloseLink{
	display:block;
	float:right;
	width:66px;
	height:22px;
	background:transparent url(images/closelabel.gif) no-repeat center;
	margin:5px 0;
	outline:none;
}

#lbCaption, #lbNumber{
	margin-right:71px;
}

#lbCaption{
	font-weight:bold;
}

/* Download bar */

.download_bar_head{
	width:100%;
	height:20px;
	font-size:10pt;
	line-height:20px;
}

.download_bar{
	width:100%;
	height:40px;
	margin-bottom:12px;
	background-color:#222;
	font-size:12pt;
	line-height:40px;
	color:#fff;
}

.download_bar_head .file,
.download_bar .file{
	padding-left:10px;
}

.download_bar .size,
.download_bar .ddate,
.download_bar .downloads,
.download_bar_head .size,
.download_bar_head .ddate,
.download_bar_head .downloads{
	padding:0 10px 0 10px;
	float:right;
}

.download_bar .size,
.download_bar_head .size,
.download_bar .ddate,
.download_bar_head .ddate{
	width:110px;
}

.download_bar .downloads,
.download_bar_head .downloads{
	width:55px;
}

.download_bar .file a{
	color:#00ffff!important;
}

.download_bar .file a:hover{
	color:#fff!important;
	text-decoration:none!important;
}


/* Main page elements */

#main_left{
	width:385px;
	float:left;
	text-align:justify;
}

#main_right{
	width:255px;
	float:right;
}

#main_right IMG,
#main_right IMG:hover{
	margin:5px;
	padding:0;
	border:0;
	background-color:transparent;
}

#main_right IMG.flickr{
	width:44px;
	height:44px;
	border:2px #000 solid;
}

#main_right IMG.flickr:hover{
	height:40px;
	width:40px;
	padding:2px;
}

#main_right IMG.flickr:hover{
	border:2px #2ed5d5 solid;
}



.fb_iframe_widget iframe {
	position: relative;
	vertical-align:baseline!important;
}

