/*
Theme Name: Vistoff
Theme URI: http://webografica.com
Description: Wordpress theme for vistoff.com
Version: 0.1
Author: Mykola Stetsyshyn

*/

/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
/* remember to define focus styles! */
:focus { outline: 0px; }
a { text-decoration: none; outline:none; }
ol, ul { list-style: none; }
li { line-height:15px }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0px; border: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* my */
html, body { margin: 0px; padding: 0px; height: 100%; cursor:default; font-family:Tahoma, Geneva, sans-serif }
div { position: relative }
strong, b { font-weight:bold; }
@font-face {
 font-family: "prestige";
 src: url("fonts/Prestige.ttf");
}
/* //end reset style */

/*  */
body { background:#000; color:#A3A3A3 }
#page { width:980px; margin:0px auto; overflow:hidden; background:url(i/wood.jpg) center top repeat-y; min-height:100%; height:auto!important; height:100%; }
#head { height:260px; background:url(i/header_4.jpg) center 10px no-repeat }
#homelink { display:block; width:195px; height:74px; position:absolute; top:50px; left:300px; z-index:100 }
#menu { position:absolute; left:70px; top:200px; }
#menu li { float:left; width:143px; text-align:center; }
#menu li a { font:18px prestige, arial; color:#CBA870 }
#menu li a:hover, #menu li.current-cat a, #menu li.current_page_item a { color:#f9d784; text-shadow:1px 1px #000000; }
#content { width:840px; margin:0px auto; padding-bottom:80px; overflow:hidden; }
.box { background:url(i/box.png) left top no-repeat; width:840px; margin:5px auto; overflow:hidden; }
.smallvideo { width:468px; height:320px; overflow:hidden; float:left; z-index:2 }
.smallvideo .video { width:400px; height:230px; top:38px; left:35px; position:absolute; overflow:hidden; display:block; }
.post { width:320px; height:250px; margin:35px 20px; float:left; z-index:2 }
.storytitle a, .storytitle { font:20px arial; color:#C2AE8C; }
.storytitle a:hover { color:#D9C196 }
.pagetitle { padding-left:70px; }
.pagetitle a, .pagetitle { font:16px arial; color:#2E2E2E; margin:0px 0px 20px; }
.vdate { height:34px; margin:5px 0px 0px; padding-left:45px; background:url(i/date.png) left center no-repeat; font:18px/34px arial; color:#484339 }
.storycontent { margin:10px 0px 20px; font:14px/20px arial; color:#8F8067 }
.page .storycontent p { margin:10px 80px; }
.postmeta { position:absolute; left:0px; bottom:0px; }
.read-more { display:block; width:98px; height:26px; background:url(i/read-more.png) left top no-repeat; overflow:hidden; float:left; font:13px/24px arial; margin:14px 10px 0px 0px; padding-left:12px; color:#7A7261 }
.read-more:hover { color:#D9C196; background:url(i/read-more.png) left bottom no-repeat; }
.comentslink { display:block; width:47px; height:42px; background:url(i/comments.png) left top no-repeat; color:#7A7261; font:16px/57px arial; margin:0px 10px; text-align:center; float:left }
.comentslink:hover { background:url(i/comments.png) left bottom no-repeat; color:#D9C196; }
.cbox { float:left; width:821px; margin:-23px auto 10px 14px; z-index:1; color:#8F8067; }
.ccontent { padding:20px; background:url(i/commentsbox.png) left top repeat-y; }
.ccontent a { color:#CBA870 }
.ccontent a:hover { color:#D9BE96 }
.cbottom { width:821px; height:10px; background:url(i/commentsbox-bottom.png) no-repeat; }
.morecontent { padding:20px 30px; background:url(i/morecontent.png); margin:0px 0px 20px 0px; font:14px/20px arial; }
/**/
		#commentform { margin:5px 50px; }
input, textarea { font:16px/20px arial; color:#99907E; border:1px dotted #3B3B3B; padding:10px; margin:3px; background:#050505; }
.ccontent label { font:16px arial; color:#5E584B }
.ccounter { font:16px/44px arial; height:44px; padding-left:120px; background:url(i/counters.png) left center no-repeat; color:#2E2E2E; margin:5px 0px 15px; }
.cnum { font:bold 24px/44px arial; color:#484339 }
#comment { width:550px; height:150px; overflow:hidden; }
#comoper { overflow:hidden }
#comoper input, .sisubmit input { display:block; width:182px; height:26px; background:url(i/make-comment.png) left top no-repeat; color:#7A7261; cursor:pointer; border:none; margin:5px; padding:0px; text-align:center; font:14px/24px arial; float:left }
#comoper input:hover, .sisubmit input:hover { color:#D9C196; background:url(i/make-comment.png) left bottom no-repeat; }
#comoper .hidden { display:none }
.comment { border:1px dotted #2E2E2E; padding:10px 25px; }
.commentslist li { clear:both!important; margin-top:10px; border-left:1px dotted #6C6556; padding:10px; }
.author a { font-weight:700; }
.commentslist .body { margin:5px 5px 5px 20px; }
.commentslist .body p { margin:10px 0 0; font:14px/18px arial; }
.commentslist ul { border:medium none; margin:7px 0 0 20px; padding:0; }
.commentslist { border:medium none; margin:0; padding:0; }
.commenthead, .meta { color:#888; font-weight:200; font-size:.95em; }
.commenthead { font:14px/24px arial; color:#3C3C3C; overflow:hidden; }
.commenthead span, .commenthead a { height:24px!important; display:block!important; float:left!important; margin-right:20px!important; }
.cdate { height:24px; padding-left:30px; background:url(i/clock.png) left center no-repeat; }
.cautor { height:24px; font:20px/24px arial; color:#3C3C3C; padding-left:30px; background:url(i/person.png) left center no-repeat; }
.meta { overflow:hidden; margin:0px 0px 20px; }
.meta a { display:block; padding:3px 10px; background:#141414; float:left; margin:5px; font:13px/20px arial; color:#7A7261 }
.commentform { display:block!important; overflow:hidden; margin:10px 0 10px 20px; }
#commentform { margin:10px; padding:20px; border:1px dotted #2E2E2E }
#commentform p, #comment_email_back { font:14px/20px arial; }
#commentdiv { padding-right:8px; }
#reco span { color:#999; }
.avatar { width:80px; height:80px; margin-top:-32px; margin-right:-4px; float:right; padding:0 0 5px; background-repeat:no-repeat; }
.mine { border-color:#99907E !important; }
.borderc1 { background:url(i/commentsfon.png); }
.borderc2 { background:url(i/commentsfon.png); }
.preview { padding:10px 20px; font:14px arial; }
.orange { color:#E0A328 }
#authorrequire, #emailrequire { font:13px arial; color:#484339 }
/* // comments */

/* page */

#pagecontent { width:870px; margin:0px auto; margin-bottom:80px; overflow:hidden }
.fotografbox { width:539px; height:212px; margin:20px auto; background:url(i/fotograf-fon.png) left top no-repeat; overflow:hidden; }
.fotografbox .storytitle { margin:30px 0px 20px; }
.fotografbox img { float:left; margin:30px; }
.fotografbox .tel { display:block; font:14px arial; color:#998867 }
.smoosgal { width:752px; height:648px; padding:35px 0px 0px; margin:20px auto; background:url(i/galleryfon.png) left top no-repeat }
/* // page */
.sicontactbox { float:right; margin:0px 50px 0px 0px; }
div.sibox { float:right; width:320px; margin:0px 180px 20px 10px!important; }
div.sibox p { margin:5px 0px!important; }
.contacts-text { position:absolute; width:300px; left:100px; top:0px; font:15px/20px arial; color:#998867 }
.contacts-text p{ margin:10px!important;}
#si_contact_message { height:250px; overflow:hidden; width:320px; }
#si_contact_captcha_code { margin:5px 5px 5px 0px; padding:12px 10px; }
#si_contact_name, #si_contact_email, #si_contact_subject { width:320px; }
#footer { height:80px; margin-top:-80px; overflow:hidden }
.footerpanel { height:76px; width:859px; margin:5px auto 0px; background:url(i/more-contacts.png) no-repeat }
/**/
.alignleft { margin:0px 30px 20px 0px; float:left; }
.ngg-singlepic { background:#2E2E2E!important; margin:10px 0px; }
#ZoomClose { display:none!important }
/**/
.webografica { position:absolute; right:50px; top:25px; height:16px; width:250px; overflow:hidden; }
.webografica a { display:block; color:#4A4A4A; font:11px/16px arial; z-index:30; padding-right:110px; }
.webografica a img { position:absolute; top:0px; right:0px; z-index:31 }
.webografica a:hover img { top:-16px; }
/* page navi */
.pn_box{ width:100%; height:38px; text-align:center; margin:10px 0px;}
.pn_box ul{ display:inline-block; overflow:hidden;}
.pn_box ul > li{ float:left;}
.wp-pagenavi{ display:inline-block; text-align:center; margin:0px; font:16px/38px arial; height:38px; background:url(i/navifon_02.png) left top repeat-x; padding:0px 10px; }
.pn_left, .pn_right{ display:inline-block; width:20px; height:38px; margin:0px; padding:0px;}
.pn_left{ background:url(i/navifon_01.png) left top no-repeat;}
.pn_right{ background:url(i/navifon_03.png) left top no-repeat;}


.wp-pagenavi a{
	padding:5px; 
	margin:0px 5px;
	text-decoration: none;
	color: #9C9267;
}

.wp-pagenavi a:hover {	
	color: #D9CC96;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color:#423E35;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #423E35;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #423E35;
}