/*  
Theme Name: P2
Version: 1.0.4
Author: Joseph Scott, Matt Thomas, Noel Jackson, and Automattic
Author URI: http://automattic.com/
Tags: blue, two-columns, fixed-width
Description: A group blog theme for short update messages, inspired by Twitter. Featuring: Hassle-free posting from the front page. Perfect for group blogging, or as a liveblog theme. Dynamic page updates. Threaded comment display on the front page. In-line editing for posts and comments. Live tag suggestion based on previously used tags. A show/hide feature for comments, to keep things tidy. Real-time notifications when a new comment or update is posted. Super-handy keyboard shortcuts. Helvetica Neue for you modern font lovers. And more to come...
*/


/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5, h6,pre,form,fieldset,input,p,blockquote,table, th,td { margin: 0; padding: 0; 
	}
fieldset,img,abbr { border: 0; 
	}
address,caption,cite,code,dfn,em,h1,h2,h3, h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; 
	}
caption,th { text-align: left; 
	}
q:before, q:after { content: ''; 
	}
a { text-decoration: none; 
	}
/* Font Stacks -------------------------------- */
body, form *, #respond #cancel-comment-reply-link { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	}
h1, h2, h3, #postbox label, #help dd { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; 
	}
code, pre { font-family: Monaco, Consolas, "Courier New", monospace; 
	}
/* -------------------------------------------- */

html { 	font-size: 100%; 
	}
body { 	font-size: 62.5%; background: white;
    	/* background-image:url(i/TheBeerWench-background.jpg); */
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed ;
	}
a, a:visited, h1 a:visited, a:active, #main .selected .actions a, #main .selected .actions a:link, #main .selected .actions a:visited, #help dt { color: #3478e3; 
	}
a:hover, h1 a:hover, #main .selected .actions a:hover, #main .selected .actions a:active { color: #d54e21; 
	}
h1 a:hover { border: none; 
	}
a:hover { border-bottom: 0px solid #bbb; 
	}
strong { font-weight: bold; 
	}
em { font-style: italic; 
	}
code, pre { font-size: 1.1em; 
	}
code { background: #f1f1f1; 
	}
acronym { border-bottom: 1px dotted rgb(85, 85, 85); cursor: help; 
	}
dt { font-weight: bold; 
	}
dd { margin-left: 2em; 
	}
blockquote { padding-left: 8px; font-style: italic; color: #888; background: #f1f1f1; padding: 2px 12px; 
	}
/*
textarea:hover, textarea:focus { background: #FFFFCC ; border-width: 1px;
	}
*/

#header .sleeve { display: inline-block; background: #fff; margin-top: 20px; margin-left: -1px; 
	}
h1 { font-size: 4em; line-height: 1em; display: inline-block; padding: 8px 16px; 
	}
#header small { font-size: 1.3em; line-height: 1.2em; display: block; clear: both; margin-top: -3px; padding: 0 16px 12px 16px; color: #888; 
	}
/*
#header .sleeve, #wrapper, #footer { border: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); 
	}
*/
h4, h5, h6 { font-weight: 500; 
	}

#header, #footer {  margin: 0 auto; 
	}
#wrapper { background: transparent; border: 0px solid black; width: 999px; margin: 0 auto; position: relative; margin-top: 20px; overflow: hidden; 
	}

/*
.sleeve_main { width: auto; 
	}
*/

#main { font-size: 1.3em; padding: 0 18px 10px 0px;
	}
.single #main { padding-top: 18px; 
	}
#main .wp-smiley { border: none; 
	}


/* POSTBOX *********************/
#postbox .avatar { margin: 5px 0 0 13px; border: 0; position: absolute;
	}
#postbox .avatar img { padding: 0; border: 1px solid #000; 
	}
#postbox .inputarea { background: #F5F2D5; border: 1px solid #000; padding: 6px 0 0 76px; 
	}
/*
#wrapper form input[type="text"] { border: 1px solid #d1d1d1; background: #fafafa; color: #666; font-size: 13px; line-height: 16px; 
	}
*/

#postbox label { color: #444; display: block; font-weight: normal; font-size: 1.6em; margin-bottom: 6px; 
	}
#postbox input[type="submit"] { float: right; margin-right: 10px;
	}
#postbox .postrow { height: 38px; 
	}

.postboxbutton a { background: #006699 none repeat scroll 0 0; border: 1px solid #000099; color: white; text-shadow: 0 1px 0 #000000; cursor:pointer; font-size: 13px; font-weight: bold; padding: 2px; 
	}
.postboxbutton a:hover { background: white none repeat scroll 0 0; color: #006699; text-shadow: 0 1px 0 #000000; cursor: pointer; font-size: 13px; font-weight: bold; padding: 2px;
	}
/* END POSTBOX *********************/

.post-error { color: red !important; font-weight: bold; font-size: 1.5em; padding: 0px 0 0 25px;
	}
.progress { padding: 10px 0 0 5px; position: relative; display: none;
	}

/* style each button individually!!
#wrapper button, #wrapper input[type="submit"] { margin-left: 10px; border: 1px solid #000099; line-height: 27px; height: 28px; background: #3E5A88; color: white; text-shadow: 0 1px 0 #000; font-size: 13px; padding: 0 10px; font-weight: bold; cursor: pointer;  
	}
#wrapper button { margin: 10px 10px 0px 0; 
	}
#wrapper button:hover, #wrapper input[type="submit"]:hover { background: #000099; 
	}
*/


.disabled, .disabled:hover { color: #eee !important; background: #ddd !important; border: 1px solid #ccc; 
	}


input#comment-submit { width: auto; 
	}
input#comment-submit { clear: both; 
	}

#main ul#postlist { list-style: none; margin-top: 16px; margin-left: 0; 
	}
h2 { font-size: 2em; font-weight: normal; color: #555; 
	}
h3 { font-size: 1.2em; color: #777; font-weight: bold; 
	}
#main img.avatar { border: 1px solid #ccc; position: relative; 
	}
#main ul#postlist li { overflow: hidden; border: 1px solid #FB7306; padding: 0px; margin: 10px 0 6px 0; 
	}
#main ul#postlist ul li { border-top: 1px solid purple; 
	}
#main .controls { font-size: 12px; text-align: right; right: 0; position: absolute; line-height: 3em; 
	}
#main .actions { position: absolute; right: 2px; top: 0; 
	}

#main .actions, #main .actions a, #main .actions a:link, #main .actions a:visited, #main .actions a:hover, #main .actions a:active, #main .keyselected .actions, #main .keyselected .actions a, #main .keyselected .actions a:link, #main .keyselected .actions a:visited, #main .keyselected .actions a:hover, #main .keyselected .actions a:active, #main .selected ul li .actions, #main .selected ul li .actions a, #main .selected ul li .actions a:link, #main .selected ul li .actions a:visited, #main .selected ul li .actions a:hover, #main .selected ul li .actions a:active { color: #ccc; 
	}

.postcontent { overflow: hidden; min-height: 120px; padding: 10px;
	}

.bottom_of_entry { margin-bottom: 1px; height: 9px; 
	}

h2 img { vertical-align: middle; margin-right: 12px; 
	}

/* this does the resizing of the pictures in posts to make them fit  -  NO NEED FOR THIS ANYMORE but leave it to control it better */
#main p img { padding: 0px; border: 3px solid #222; display: inline;  max-width: 555px !important; width: expression(this.width > 555 ? 555: true); position: relative;
	}
/**********************************/

#main h4 { font-size: 1em; line-height: 1.1em; position: relative; 
	}
#main h4 a { font-weight: bold; 
	}
#main h4 span a { font-weight: normal; 
	}
#main p, #main ul, #main ol { font-size: 1em; color: #000; 
	}

#main ul#postlist .postcontent ul, #main ul#postlist .postcontent li { border: none; padding-top: 0; 
	}

.postcontent ul, .postcontent ol { clear: both; 
	}

#main ul, #main ol { margin-left: 28px; 
	}
#main ul.commentlist { list-style: none; margin: 0 5px 0 95px; border-top: 0;
	}
#main ul.commentlist li { list-style: none; 
	}
#main ul.commentlist .commentcontent li { list-style: none; 
	}
#main ul.commentlist img.avatar { 
	}
/*
#main #respond, .textedit { background: #dddddd; border: 1px solid; padding: 14px 16px 12px; margin-bottom: 10px; margin-left: 64px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } 

.textedit { background: #dddddd; border: 1px solid; padding: 14px 16px 12px; margin-bottom: 10px; margin-left: 64px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
	}
.textedit { margin-left: 0; 
	}

/*
#postpage #respond { width: 70%; margin-bottom: 20px; margin-left: 72px; 
	}
#main .commentlist #respond.replying { margin-left: 44px; 
	}
#main .commentlist li #respond.replying { margin-left: 95px; 
	}

#respond #cancel-comment-reply-link { font-weight: normal; 
	}
#respond h3 small { font-weight: normal; font-size: .7em; 
	}
#respond textarea, .textedit textarea { width: 94%; padding: 6px; font-size: 12px; border: 1px solid #ccc; 
	}
#postpage #respond p { margin-right: 0; 
	}
#respond p, li ul #respond p { float: right; margin-right: 10%; padding-right: 5px; margin-top: 5px; 
	}
#postpage li ul #respond p { margin-right: 5%; 
	}
#postpage #respond textarea { width: 96%; 
	}
#postpage li ul #respond textarea { width: 94% !important; 
	}

*/

/* Interesting the IE6 behaves better in the next style, with the min-height auto important crap!  IE6=POS */
.commentcontent { overflow: hidden; margin-right: 5px; min-height: 65px !important; height: expression(this.scrollHeight < 66 ? "65px" : "auto"); 
	}
.commentlist .children { margin: 0 !important; 
	}
.commentlist .children li { list-style: none; padding: 0 0 5px; position: relative; margin-left: 47px; 
	}
.commentlist .children li li { 
	}

#main span.meta { font-size: 0.85em; margin: 0 0 1.5em; color: #666; 
	}
#main .meta em { font-style: normal; 
	}
#main p.meta { font-size: 1em; 
	}

.rss { float: right; background: url(i/feed.png) bottom left no-repeat; padding-left: 14px; padding-top: 4px; 
	}
.allrss { background: url(i/feed.png) center left no-repeat; padding-left: 14px; 
	}

h2 .rss { float: none; background: url(i/feed12x12.png) bottom left no-repeat; padding-top: 0; padding-left: 16px; text-indent: -1000em; display: inline-block; height: 1em; 
	}
h2 a.rss:hover { border: none; 
	}

.sleeve_main { margin-right: 305px; width: auto; background: transparent; 
	}


#recent-comments .avatar { height: 32px; width: 32px; 
	}
#recent-comments tr { height: 32px; overflow: hidden; 
	}
#recent-comments table td.recentcommentsavatartop { height: 32px !important; width: 32px !important; 
	}
#recent-comments table td.recentcommentstexttop { vertical-align: top; 
	}

.search-top {
padding:3px 0px 3px 20px;
border:1px solid #000;
background-color:#FFFFCC;
background-image:url(img/search.png);
background-repeat:no-repeat;
background-position:left center;
font-size:12px;
font-weight:bold;
color:#114269;
}
.search-top:focus {
padding:3px 0px 3px 20px;
border:1px solid #000;
background-color:#FFCC99;
background-image:url(img/search-hov.png);
background-repeat:no-repeat;
background-position:left center;
color:#040404;
font-size:12px;
font-weight:bold;
}


#main ul#postlist, #main .post ul { list-style: none; margin-top: 0px; 
	}
#main ul#postlist ul, #main .post ul { list-style: none; 
	}
#main ul#postlist ul ul, #main ul#postlist ol ul, #main .post ul ul, #main .post ol ul { margin-top: 0; 
	}
#main ol, #main .post ol { margin-top: 16px; margin-left: 18px; list-style: decimal; 
	}
#main ol ol, #main .post ol ol { margin-top: 0; 
	}
/* not sure that this section is needed 
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
*/
#wpstats { position: relative; margin-top: 30px; 
	}
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f3f3f3; 
	}
.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; 
	}
.liveupdates { min-height: 30px; line-height: 30px; margin: 0 0 10px; padding: 0 5px; color: #464646; display: none; background: #E4F2FD; 
	}
a.hidemessage { display: block; float: left; 
	}
.ac_results { margin: -1px 0 0; list-style: none; position: absolute; z-index: 10000; display: none; border: 1px solid #ccc; font-size: 1.2em; background: rgba(255, 255, 255, 0.95); 
	}
.ac_results li { padding: 4px 8px; white-space: nowrap; text-align: left; 
	}
.ac_over { cursor: pointer; color: #fff; background: #3478e3; 
	}
.ac_match { text-decoration: underline; 
	}

#tooltip { position: absolute; border: 1px solid #666; background: #eee; padding: 2px 5px; color: #333; display: none; 
	}
.hilite { color: #fff; background: #f93; 
	}

#newCommentsIndicator { position: absolute; left: 0; top: 300px; border: 2px solid red; 
	}
li.newupdates, li.newcomment { display: none; background: #B5D8FF; 
	}

.repyling .post .comment { background: transparent; 
	}

form.textedit textarea { font-size: 12px; line-height: 12px; 
	}

#settings { float: left; padding: 22px 22px 0; width: 176px; 
	}

#help, #notify { position: fixed; background: black; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); z-index: 10000; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; color: white; display: none; padding: 30px; 
	}
#help { top: 50%; width: 50%; left: 50%; margin: -10% 0 0 -25%; 
	}
#notify { top: 50%; width: 20%; left: 50%; margin: -10% 0 0 -10%; font-size: 1.8em; text-align: center; 
	}
#help dl { font-size: 2.8em; margin: 0; padding: 0; 
	}
#help dd, #help dt { display: block; float: left; margin: 0; padding: 0; 
	}
#help dt { width: 15%; padding-right: 5%; text-align: right; clear: left; 
	}
#help dd { width: 80%; 
	}

#userpage  ul { padding-top: 10px; clear: left; 
	}

#postpage h2.title { text-indent: -1000em; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0; 
	}
#postpage h4 { 
	}
#postpage li li h4 { margin-top: 0; 
	}
#postpage .postcontent {
	}
#postpage #main ul#postlist, #postpage #main ul#postlist li { border-width: 0; margin-top: 0; padding-top: 0; 
	}
#postpage #main ul#postlist li ul li { border-width: 1px 0 0; margin-top: 0; padding-top: 14px; position: relative; 
	}

.navigation { border-top: 0px solid #bbb; 
	}

.keyselected { background: #eee !important; 
	}

.postcontent h2, .commentcontent h2, .postcontent h3, .commentcontent h3, .postcontent h4, .commentcontent h4 { margin-bottom: .3em; 
	}
.no-posts { padding: 2em !important; 
	}

div.entry { margin-right: 250px; /* compensate for sidebar */ height: auto; 
	}

.gallery br { display: none; clear: none; 
	}

.attachment .navigation { width: 691px; height: 85px; margin-bottom: 20px; border-top: 0; 
	}


#footer { clear: both; background: #fff; border: 1px solid #fff; margin: 26px auto 0; 
	}
#footer p { font-size: 1.3em; margin: 10px 16px; color: #777; 
	}

/* META Navigation Bar begin *********************************************/
.sidebar { width:300px; float:right; list-style:none; list-style-type:none; margin:0px; padding:1px; overflow:hidden; 
}
.sidebar h2 { font-weight: normal; margin-top: 19px; font-size: 1.7em; margin-bottom: 1px; background-color: #666; color: white;
}
.sidebar ul { width: auto; margin: 0px; padding: 0px; display: block; overflow:hidden; font-family: verdana; font-size: 12px;  position: relative;
}
.sidebar li { margin:0px; padding:0px; overflow:hidden; display:inline; text-align:left; width:100%; 
}
.sidebar ul li .widget { border:1px solid #666;
}
.sidebar li a, .sidebar li a:active, .sidebar li a:visited, .sidebar li a:link { font-size:11px; color:#333333; text-decoration:none; background-color:#e5e5e5; border-top:1px solid orange; padding:3px 3px 3px 3px; margin: 0px; overflow:hidden; display:block; 
}
.sidebar li a:hover { font-size:11px; color:#114269; text-decoration:none; background-color:#cfcece; border-top:1px solid orange; padding:3px 3px 3px 3px; margin:0px; overflow:hidden; display:block; 
}
#sidebar ul ul, #sidebar ul ol, #sidebar ul div {
background-color:#F8F8F8; border:1px solid #2E5D99; padding:8px;
}
.textwidget ul li { 
list-style:disc; list-style-type:none
}
/*
.sidebar ol a, .sidebar ol a:active, .sidebar ol a:visited, .sidebar ol a:link { font-weight:bold; background-image:url(img/nav-ol.gif); background-repeat:repeat-x; background-position:top; text-decoration:none; padding: 7px; font-size:12px; color:#ffffff; background-color:#e5e5e5; overflow:hidden; margin:0px; display:block; }
.sidebar ol { font-weight:bold; background-image:url(img/nav-ol.gif); background-repeat:repeat-x; background-position:top; text-decoration:none; padding: 7px; font-size:12px; color:#ffffff; background-color:#e5e5e5; overflow:hidden; margin:0px; display:block; }

#sidebar form input[type="text"] { background: #fff; }

#sidebar { color: #555; margin-left: -1px; float: right; width: 217px; position: relative; top: 0; padding: 6px 18px 18px 18px; }
#sidebar h2 { font-weight: normal; margin-top: 5px; font-size: 1.7em; margin-bottom: 6px; }
#sidebar ul li p { line-height: 1.4em; margin-bottom: 1.5em; }

#sidebar a:hover { border-bottom: none; }
#sidebar ul { list-style: none; margin-bottom: 22px; color: #888; font-size: 1.1em; }
#sidebar ul ul { margin-bottom: 0px; }
#sidebar ul li { clear: both; padding: 4px 0 24px; font-size: 1em; }
#sidebar ul li ul li { padding-bottom: 4px; padding-right: 6px; }
#sidebar ul li ul li ul { margin-left: 10px; font-size: 1em; }

#sidebar ul li#authors ul li { margin-bottom: 0; padding-left: 0; padding-right: 10px; float: left; height: 32px; width: 32px; clear: none!important; }
#sidebar ul li#authors h2 { padding-left: 0; }
#sidebar ul li#authors ul li strong { display: none; }
#sidebar ul li#authors ul li img.avatar { margin: 0; padding: 0; border: none; }
#sidebar ul li#authors, #sidebar ul li#authors ul li { border: none; margin-bottom: -3px; margin-right: -5px; }
/* 
#sidebar ul { width: 100%; margin: 0px; padding: 0px; display: block; overflow:hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#sidebar ol a, .sidebar ol a:active, .sidebar ol a:visited, .sidebar ol a:link { font-weight:bold; text-decoration:none; padding: 9px; font-size:14px; color:#333333; background-image:url(img/nav-right-ol.gif); background-repeat:no-repeat; background-position:top; border-bottom:1px solid #96bddc; overflow:hidden; margin:0px; display:block; }
#sidebar ol { font-weight:bold; text-decoration:none; padding: 9px; font-size:14px; color:#333333; background-image:url(img/nav-right-ol.gif); background-repeat:no-repeat; background-position:top; border-bottom:1px solid #96bddc; overflow:hidden; margin:0px; display:block; }
#sidebar a, .sidebar a:active, .sidebar a:visited, .sidebar a:link { margin: 0px; overflow:hidden; display:block; text-decoration:none; padding:5px 5px 5px 15px; background-color:#f5f6fb; border-left:1px solid #96bddc; border-right:1px solid #96bddc; background-image:url(img/nav-bullet.gif); background-repeat:no-repeat; background-position:left center; color:#1f527b; font-size:13px; }
#sidebar a:hover { margin: 0px; overflow:hidden; display:block; text-decoration:underline; padding:5px 5px 5px 15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-image:url(img/nav-bullet.gif); background-repeat:no-repeat; background-position:left center; color:#333333; font-size:13px; }
#sidebar{ width:170px; float:right; list-style:none; list-style-type:none; margin:0px 10px 0px 0px; padding:1px; overflow:hidden; }
#sidebar li{ margin:0px; padding:0px; overflow:hidden; display:inline; text-align:left; width:100%; }
/* META Navigation Bar begin *********************************************/



/* calendar begin *********************************************/
.widget_calendar h2 { display:none; 
}
#wp-calendar { width:100%; 
}
#wp-calendar #today { background:yellow; 
}
#wp-calendar tbody a { font-weight:bold; color:red; text-decoration:none; border: 0px;
}
#wp-calendar tbody a:hover { font-weight:bold; color:white; background-color:green; border:0px; text-decoration:none;
}
#wp-calendar caption { font-weight: bold; margin-top: 19px; font-size: 1.7em; margin-bottom: 3px; background-color: #666; color: white;
}
#wp-calendar th, #wp-calendar td { text-align:center; font-weight: bold;
}
#wp-calendar tbody td { border:1px solid #CCC; 
}
#wp-calendar tbody td.pad { border:0;
}
#wp-calendar th { background:#999; color:#FFF; 
}
#wp-calendar td#prev { text-align:left; 
}
#wp-calendar td#prev a:hover { text-align:left; color:white; background-color:green; border-top:1px solid orange; text-decoration:none;
}
#wp-calendar td#next { text-align:right;
}
#wp-calendar td#next a:hover { text-align:right; color:white; background-color:green; border-top:1px solid orange; text-decoration:none;
}
/* calendar END *********************************************/


/* komentari begin *********************************************/
.komentari { color: #FB7306; float: right; display: inline; width: 104px; height: 27px; padding: 10px 0 0 50px; font-weight: bold;
background:transparent url(i/bkg_cmntCount.png) no-repeat scroll 0 0;
}
/* I don't link to comments, so I don't need below:
.komentari a, .komentari a:visited { color: #333; text-decoration:none; font-weight: 700; }
.komentari a:hover { color: #009fc0; text-decoration:none; font-weight: 700; }
/* komentari END *********************************************/


/* Previous/Next Page Navigation begin *********************************************/
.wp-pagenavi { text-align:center; height:25px; font:bold 14px Arial, Helvetica, sans-serif; line-height:24px; padding: 5px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding:3px 8px 3px 8px; margin:3px; text-decoration:none; color:#000; line-height:24px; background-color:#a7a7a7; }
.wp-pagenavi a:hover { color:#fff; background-color:green; }
.wp-pagenavi span.pages { padding:3px 8px 3px 8px; margin:2px 2px 2px 2px; }
.wp-pagenavi span.current { padding:3px 8px 3px 8px; margin:2px; line-height:25px; font-weight:bold; color:#fff; background:#de2225; }
.wp-pagenavi span.extend { padding:3px 8px 3px 8px; margin:2px; color:#fff; line-height:25px; background-color:#314332; }
/* Previous/Next Page Navigation END *********************************************/

.respond { background:#D7EAF8 url(i/bkg_cmntBox.gif) repeat-y scroll 0 0; margin:20px 0 10px 95px; width:512px;
}
.respond h3 { background:transparent url(i/bkg_cmntBoxTop.gif) no-repeat scroll 0 0; font-size:1.3em; margin:0; padding:6px 25px;
}
.respond form { background:transparent url(i/bkg_cmntBoxBtm.gif) no-repeat scroll 0 bottom; padding-bottom: 30px;
}
.respond textarea { border:1px solid #A5ACB2; display:block; height:100px; margin:5px 0 10px 25px; padding:5px; width:450px;
}
.respond button { background:transparent url(i/btn_addComment.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; float:right; height:47px; margin:-7px 25px 0 0; text-indent:-4000px; width:157px;
}

.commenthead { background: transparent url(i/bgDkGray_1x30.gif) repeat-x scroll 0 0; margin: 0; padding: 5px; display:block; 
}
.posthead { background: transparent url(i/posting-bg.png) repeat-x scroll 0 0; margin: 0; padding: 5px; display:block; min-height: 70px;
}

#quoter {
                           border:4px dashed #dddddd; 
                           font-size:18px; 
                           color: #888888;
                           font-style: italic;
                           padding: 16px; 
                           margin:25px;
                           border-radius: 10px; 
                           -webkit-border-radius: 10px; 
                           -khtml-border-radius: 10px; 
                           -moz-border-radius: 10px
}

#quoter p { text-align: right; color:#666666; margin-top: 10px; 
}