/*  
Theme Name: HollyValance Theme
Theme URI: 
Description: Designed by <a href="mailto:7z@mail.ru">Eugeniy Mukhin</a>
Version: 1.00
Author: Eugeniy Mukhin
Author URI: 7z@mail.ru
Tags: two columns, fixed width, widget ready, right sidebar, blue
*/

/* generic */
body { background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; color:#000000; text-align:center; }
.clear { clear:both; }
html { padding: 0; margin: 0;}

/* WP-alignments */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ihh */
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height:1px; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

/* forms */
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* links */
a { text-decoration: none; color : #2167d1; border: 0px;}
a:hover	{ text-decoration: underline; color : #0e58bc; border: 0px;} 
a:focus { outline: none;}

/* Container */
.container-bg { background: #3b3b3b url(images/footer-gradient2.png) left bottom repeat-x; position: relative; }
.container { width: 758px; margin: auto; padding: 0; position: relative; text-align:left; }

/* header */
.header-border {
	position: relative;
	width:758px;
	height:295px;
	background:url(images/header-border.gif) no-repeat;
}
.header-photo {
	position: relative;
	width:758px;
	height:295px;
	background:url(images/header-photo.jpg) no-repeat;
}
.header-pattern {
	position: relative;
	width:758px;
	height:295px;
	background:url(images/header-pattern.gif) left top;
}
.header-logo {
	float:right;
	right:102px;
	top:17px;
	margin-bottom:-125px;
	position: relative;
	width:380px;
	height:125px;
	background:url(images/header-logo.jpg) no-repeat;
}
.header-holly {
	float:left;
	position: relative;
	margin-top:-356px;
	margin-left:-6px;
	width:550px;
	height:320px;
	background:url(images/header-holly.gif) no-repeat;
}
.header-search {
	float:left;
	position: relative;
	top:258px;
	width:544px;
	height:37px;
	background:url(images/header-search-bg.jpg) no-repeat;
}

/* content */
.content {
	background:url(images/content-bg.jpg) left bottom;
}
.content-border {
	padding:0 14px;
	background:url(images/content-border.gif) left bottom repeat-y;
}


/* Search */
.search { position: relative; float:left; padding-top:5px;}
.search form { padding: 0; margin: 0;}
.search input { color: #9da1a8; font-size: 11px;}
.search input.search { width: 21px; height: 21px; background: url(./images/SearchButton.gif) no-repeat;}
.search input.keyword { background: #ffffff;  border:1px #bedbea solid; padding: 3px 0px 3px 3px; margin:0px 2px 0px 35px; width: 175px; float:left; }

#buttonsearch { padding: 0px; margin: 0px; background: none; clear:right;}

/* rss */
.rss { position: relative; top: 2px; right: 20px; width: 130px; float:right;}
.rss ul { margin: 0px; padding: 0px; }
.rss li { position:relative; background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 0px 0px 1px 15px; list-style-type: none; font-size: 10px; line-height:12px; color:#a2a8b1;}
.rss li a { color:#626a77; font-size: 10px; text-decoration: none; }
.rss li a:visited { color:#626a77; font-size: 10px; text-decoration: none; }
.rss li a:hover { color:#333; font-size: 10px; text-decoration: none; }

/* CTR wt handle it all */
.CTR { width: 730px; padding: 0; margin:0; }

/* LQ like the query */
.LQ { width: 500px; float: left; padding: 0px 15px 15px 15px; background:#dceaf9 url(images/page-corners.png) left bottom no-repeat; }
.LQ h1 { font-size: 20px; line-height: 1em; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: .3em 0 .32em 0; color:#1c70c6;}
.LQ h2 { font-weight: normal;}
.LQ .page {
	text-align:justify;
}

/* pagetitle */
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #eee; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; color:#787878;}

/* Post */
.post {	padding: 0px; position: relative; clear: left;}

.postH { clear: both; display:block; }
.postH h1 { font-size: 20px; line-height: 1em; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: .3em 0 .32em 0; color:#1c70c6;}
.postH h1 a { color: #1c70c6; text-decoration: none;}
.postH h1 a:visited { color: #1c70c6; text-decoration: none;}
.postH h1 a:hover { color:#3075d3; text-decoration: none;}
.postH ul { padding: 0px; margin: 0px;}
.postH li { list-style-type: none; display: inline; }
.postH li a { color:#8a98a2; text-decoration: underline;}
.postH li a:visited { color:#8a98a2; text-decoration: underline;}
.postH li a:hover { color:#8a98a2; text-decoration: underline;}
.postH .PostA { background: url(images/PostAuthor.png) no-repeat left center; padding: 1px 5px 1px 13px; margin:0 0 .3em 0; font-size: 10px; color:#8a98a2; font-weight: bold; }
.postH .PostC { background: url(images/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.postH .PostT { display:block; color:#8a98a2; padding:0 .5em 0 0; margin:0 .5em .5em 0; }

.postCX { padding: 5px 0px 5px 0px; font-size: 12px; line-height: 14px; background: url(images/Dotted.gif) repeat-x bottom; color:#444640; text-align:justify;}
.postCX p { padding: 0.5em 0px .5em 0; color:#444640; font-size: 12px; margin: 0px;  }
.postCX p strong { color:#444640; font-size: 12px; line-height: 1px; }
.postCX img {}
.postCX .thumb { border:1em solid #f5f5f5; width:400px; height:310px; clear:both; padding:0px; margin:0 0 1em 1em; }
.postCX ul { padding: 2px 0px; margin: 0px; line-height: 1px; }
.postCX li { padding: 2px 0px 2px 18px; margin-left:1em; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; color:#4c4c4c; }
.postCX blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.postCX blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; }
.postCX blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; color:#336699; }
.postCX blockquote a { color:#0080ca; }
.postCX blockquote a:visited { color:#0080ca; }
.postCX blockquote a:hover { color:#003399; }
.postCX a { text-decoration: underline;}

.PostCXD { padding-top: 10px; clear:both;}
.PostCXD ul { padding: 0px; margin: 0px;}
.PostCXD li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostCXD li a { text-decoration: underline; color:#1253b4;} 
.PostCXD li a:visited { text-decoration: underline; color:#1253b4;} 
.PostCXD li a:hover { text-decoration: underline; color:#63748e;} 

.PostCXC { background: url(images/PostCom.gif) no-repeat left center; }

/* Note */
.TIPN { padding: 0px; margin: 0px;}
.TIPN li { padding: 1px 0px 1px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.TIPN .TIPNR { background: url(images/NoteRss.png) no-repeat left top;}
.TIPN .TIPNTB { background: url(images/NoteTrackBack.gif) no-repeat left top;}
.TIPN a { text-decoration: none; color:#707886;} 
.TIPN a:hover { text-decoration: underline; color:#5e6574;} 

/* NV it's a plug it */
.NV a { padding: 2px 5px 2px 3px; background:#6699CC; color:#ffffff; font-size: 10px; border:1px solid #6699CC;}
.NV a:hover { padding: 2px 5px 2px 3px; border-right: font-size: 10px; border:1px solid #33CCFF;}
.NV span { padding: 2px 5px 2px 0px; color:#666; font-size: 10px;}
.NV .active { padding: 2px 5px 2px 3px; font-size: 10px; color:#6699CC; border:1px solid #6699CC;}

/* Comments */
.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#0e58bc;}

/* Comments List  */
.Comments .List .ComListLi { border: solid 1px #e5e5e5; background:#f7f7f7; margin:0 0 .5em 0; padding-left: 5em; clear:both; display:block; }
.Comments .List .ComListLi-admin { border: solid 1px #a6cb9e; background:#d2eecc; margin:0 0 .5em 0; padding-left: 5em; clear:both; display:block; }
.Comments .List .ComListLi-admin p { border-top: solid 1px #C5DDBF; }
.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#0e58bc; letter-spacing: -1px; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;}
.Comments .List li p { border-top: solid 1px #e5e5e5; font-size: 11px; line-height: 15px; padding: 5px 0px 0 0; margin: 0 0 0 0; color:#484c4f;}
.Comments .List li blockquote { padding: 0px; margin: 0px; color:#666666;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
.Comments .List li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; }
.Comments .List li ul { padding: 5px 0px; margin: 0px; }
.Comments .List li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

.Comments .List .ListGrav { position: absolute; top: 15px; margin-right:-64px; margin-left:-40px;}
.Comments .List .ListGrav img { background: #fff; padding: 1px; border: solid 1px #ccc; }

.Comments .List big { margin: 0px; padding: 0px 0px 0px 0; font-size: 11px; line-height: 14px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List big a { color:#666; text-decoration: none;}
.Comments .List big a:visited { color:#7e7e7e; text-decoration: none;}
.Comments .List big a:hover { color:#7e7e7e; text-decoration: none;}
.Comments .List small { color:#777; padding: 0px 0px 10px 0; margin: 0px; display: block;}
.Comments .List small a { color:#666; text-decoration: none;}
.Comments .List small a:visited { color:#7e7e7e; text-decoration: none;}
.Comments .List small a:hover { color:#7e7e7e; text-decoration: none;}

/* Comments Form */
.Comments .Form { background: #f6f9fd url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#6a7f9b; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#57648e;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #a3aebd; padding: 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #a3aebd; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

/* Side Right */
.SR { margin:0; width: 195px; float: right; }
.SR h2 { color:#9da3b0; border-bottom: solid 1px #d3d6db; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
.SR h3 { color:#ffffff; font-size:16px; background: url(images/sidebox-title.png) center bottom no-repeat; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; letter-spacing: -1px; }


/* block SR */
.block { position: relative; padding: 5px 10px; color:#ffffff; font-size: 11px;}
.block ul { margin: 0px; padding: 0px;}
.block ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; display:block; width:170px; position:relative;}
.block ul li.separator { margin: 0px; padding: 0px; list-style-type: none; display:block; width:170px; position:relative; background: url(images/sidebox-title.png) center center no-repeat; height:10px; font-size:0;}
.block ul li a { background: url(images/CategLi.gif) no-repeat left 1px; display: block; padding: 1px 0px 2px 10px; font-size: 11px; position:relative;}
.block ul li a:visited { background: url(images/CategLi.gif) no-repeat left 1px; display: block; }
.block ul li a:hover { background: url(images/CategLi.gif) no-repeat left -111px; display: block; text-decoration: none;}
.block p { color:#333; font-size: 11px;}

/* Block generic */
.SBH { background: transparent url(images/sidebox.gif) left center no-repeat; position:relative; height:5px; font-size:0;}
.SBF { background: #4a9bea url(images/sidebox.gif) right center no-repeat; position:relative; height:5px; margin-bottom: 5px; font-size:0;}
.BGEN { background: #4a9bea url(images/sidebox.gif) center center repeat-y;}
.BGEN ul { }
.BGEN ul li { }
.BGEN ul li a { color:#dceaf9; }
.BGEN ul li a:visited { color:#dceaf9; }
.BGEN ul li a:hover { color:#ffffff;}
.BGEN ul ul li { }


/* footer */
.footer-border { background:url(images/footer-border.gif) left bottom repeat-y; height:250px; padding:0 14px;}
.footer { background:url(images/content-bg.jpg) left top; }
.footer p { font-size: 10px; color:#66CCFF; padding: 10px 0px 0px 0px; margin: 0px; text-align:center; margin-right:200px;}
.footer a { color:#3399FF; text-decoration: underline;}
.footer a:visited { color:#3399FF; text-decoration: underline;}
.footer a:hover { color:#3399FF; text-decoration: underline;}
.footer-holly {
	width:740px;
	position: relative;
	margin:-320px auto auto auto;
	height:320px;
	background:url(images/footer-holly.jpg) right bottom no-repeat;
}

/* reflection */
.reflection-bg { background: #3b3b3b url(images/footer-gradient.png) left top repeat-x; }
.reflection { width: 758px; height: 84px; margin: auto; padding: 0; position: relative; text-align:left; background:url(images/footer-reflection.jpg) left top no-repeat; }