/*
Theme Name: Lewis Country Republicans
Theme URI: http://lewiscountyrepublican.org/
Description: The WordPress theme for Lewis Country Republicans
Version: 1.0
Author: Lewis Country Republicans
Author http://lewiscountyrepublican.org/

*/

/*	CSS-Framework

	Version		: 0.21
	File name	: cssf-base.css
	Author		: dip :. studio (http://dipstudio.net) & Aleksej Romanovskij (http://css-framework.ru)

------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
a { outline: none; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none!important; }
.no-border, img { border: none!important; }
.container { overflow: hidden; }

/* Main custom rules
------------------------------ */

html { background: #405a7c url(images/html.png) repeat-x; font: .75em/1.5 Arial, Helvetica, sans-serif; height: 100%; }
body { background: url(images/body.gif) repeat-x left bottom; }
body { height: auto !important; height: 100%; min-height: 100%; }

a { color: #cc0000; }
a:visited {  }
a:hover {  }
a:active {  }

/*
	Colors:

	red		#cc0000
	blue	#12335d
	gray	#262626
	lines	#c0c0c0

*/


/* Template Layout
------------------------------ */

#site { padding: 34px 0 50px 0; width: 900px; margin: 0 auto; }
	#wrapper-1 { background: #d1d1d1; border: 1px solid #343434; padding: 7px; }
	#wrapper-2 { background: #fff; border: 1px solid #9a9a9a; padding-bottom: 1px; }

	#header { height: 142px; position: relative; border-bottom: 7px solid #cc0000; }
/*	#blog #header { background: #0e2f5a url(images/blog-header.gif) repeat-x; border-color: #0e2f5a; } */
	#blog #header { background: #0e2f5a url(../../../../images/blog_banner.jpg) no-repeat scroll 0 0; border-color: #0e2f5a; } 
	
	#blog #header h2 a {height: 120px;}
	
		#logo { width: 357px; height: 65px; position: absolute; left: 22px; top: 22px; background: url(images/logo.png) no-repeat; }
		#blog #logo { width: 357px; height: 65px; position: absolute; left: 22px; top: 22px; background: url(images/blog-logo.png) no-repeat; }
		#main-menu { position: absolute; width: 865px; padding-left: 17px; bottom: 0; }
		#header-buttons { position: absolute; left: 627px; top: 116px; }

	#col-right { float: right; width: 274px; border-left: 1px solid #c0c0c0; margin-left: -1px; }
	#content { width: 565px; padding: 20px 18px 18px 24px; float: left; border-right: 1px solid #c0c0c0; }
	#footer { clear: both; color: #fff; font-size: 80%; padding: 4px 8px; }
	#footer a { color: #fff; }

/* Buttons
------------------------------ */

.a-button { float: left; color: #fff!important; font-size: 10px; text-transform: uppercase; background: #12335d; text-decoration: none; margin-right: 10px; background: url(images/a-button-blue.png) no-repeat; cursor: pointer; }
	.a-button strong { float: left; padding: 4px 17px; background: url(images/a-button-blue.png) no-repeat right -22px; }
.a-button-red, .a-button-red strong { background-image: url(images/a-button-red.png); }

#col-right .a-button { background: url(images/a-button-blue-bg-white.png) no-repeat; }
#col-right .a-button strong { background: url(images/a-button-blue-bg-white.png) no-repeat right -22px; }

/* Block
------------------------------ */
.block { padding: 13px 11px; border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0; background: url(images/block.gif) repeat-x; }
.no-b-border { border-bottom: none!important }
.block h3 { font: bold 20px Arial, Helvetica, sans-serif!important; margin-bottom: 4px!important; padding-top: 2px; padding-bottom: 14px; border-bottom: 1px solid #c0c0c0; margin-bottom: 14px!important; }
.block h3 small { position: relative; top: -2px; }
.block p { margin-bottom: 8px!important; font-size: 90%; }
.block .message { font-weight: bold; }
.block .message strong { color: #cc0000; }

.block ul li { padding: 0 0 7px 8px; font-weight: bold; }
.block ul li a { color: #12335d; text-decoration: none; }


#b-subscribe { padding: 13px 18px 8px 18px; }
#b-subscribe h3 { border: none; padding: 0; margin-bottom: 5px!important; }
#b-subscribe .i-text { width: 190px; }

h3.icon-headlines { background: url(images/icon-headlines.png) no-repeat; padding-left: 47px; }
h3.icon-rss { background: url(images/icon-rss.png) no-repeat; text-align: center; color: #12335d; font-size: 16px!important; padding: 8px 0!important; border-top: 1px solid #c0c0c0; }

#b-toolbox ul { margin-bottom: 0; }
#b-toolbox ul li { padding-left: 0; background: none; }
#b-toolbox ul li a { color: #cc0000; text-decoration: underline; text-indent: 34px; display: block; }
.icon-print { background: url(images/icon-print.gif) no-repeat 3px 0px; }
.icon-mail { background: url(images/icon-email.gif) no-repeat 3px 0px; }

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #fff;  background: #d0d0d0 url(images/menu-h.gif) repeat-x left top; height: 30px; }
.menu-h li { float: left; list-style: none; padding: 3px 9px 0 0; }
.menu-h li a { display: block; padding: 4px 10px 4px 10px; font-weight: bold; color: #262626; }
.menu-h li.active a,
.menu-h li a:hover { border: 1px solid #ccc; padding: 3px 9px 3px 9px; background: url(images/menu-h-active.gif) repeat-x; color: #cc0000; }

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 24px; border-left: 1px solid #ccc; }
.menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; }
.menu-h-d li:hover {  }
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.menu-h-d li:hover { background: #ccc; }
.menu-h-d a:hover { color: #fff; }
.menu-h-d a.active { color: #000; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: underline; }

.menu-v { border-top: 1px solid #ccc; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #ccc; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #ccc; }
.menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #ccc; }
.menu-v-d a:hover { color: #fff; }
.menu-v-d a.active { color: #000; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }

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

.content h1, .content h2, .content h3, .content h4 { font: bold 21px Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.content h2 { font-size: 16px; }
.content h3 { font-size: 13px; }
.content h4 { font-size: 13px; }

#content h2 { color: #333; }
#content h3 { color: #12335d; }

#content h1 { color: #12335d; }

.alt-header h3 { position: relative; border-top: 1px solid #c0c0c0; background: url(images/alt-header-h3.gif) repeat-x; padding: 8px 15px; font-size: 20px; }
.alt-header h3 a { position: absolute; right: 15px; top: 10px; border: 1px solid #ccc; font-size: 12px; font-weight: bold; text-decoration: none; padding: 3px 7px 2px 7px; background: #d2d2d2 url(images/alt-header-h3-a.gif) repeat-x; }

blockquote { margin-left: 52px; padding-left: 13px; border-left: 4px solid #ccc; color: #666; }
small { font-size: 60%; }

.content ul { line-height: 1.3em; }
.content ul li { margin-bottom: .2em; list-style: none; padding-left: 37px; background: url(images/li.gif) no-repeat 18px 5px; }

.content ol { margin-left: 34px; line-height: 1.3em; }
.content ol li { margin-bottom: .2em; padding-left: 3px; }

ul.dates { list-style: none; margin-left: 0; }
ul.dates li { padding: 0 0 4px 33px; background: url(images/icon-date.gif) no-repeat 8px 3px; color: #999; }
ul.dates li h4 { color: #12335d; margin-bottom: 2px; }
ul.dates li h4 a { color: #12335d; text-decoration: none; }

pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

.icons a, .icon, a.out { padding-left: 20px; }
a.out { background: url(images/a-out.gif) no-repeat 0 3px; font-weight: bold; }

.content p, .content ul, .content ol, .content table, blockquote, pre, .columns, .content img, .related-articles { margin-bottom: 1em; }

.more { text-decoration: none; font-weight: bold; white-space: nowrap; }
.enlarge { display: block; padding-top: 10px; text-decoration: none; cursor: pointer; }
.enlarge em { padding-left: 18px; float: right; font-style: normal; font-size: 90%; color: #666; background: url(images/icon-enlarge.png) no-repeat 0 1px; }

.related-articles { border-top: 1px solid #c0c0c0; padding: 13px 16px; background: url(images/related-articles.png) repeat-x; }
.related-articles h4 { font-size: 16px; }
.related-articles li { font-weight: bold; padding-left: 20px!important; background-position: 1px 5px!important; padding-bottom: 6px; }
.related-articles li a { text-decoration: none; color: #12335d; }

/* Post
------------------------------ */
.post-header {  }
.post-header h2 { color: #12335d; }
.post-header h2 a, h1 a { color: #12335d; text-decoration: none; }

.post-body { margin-bottom: 10px; }

.post-date { color: #666; font-size: 1em!important; font-style: italic; padding-bottom: 7px; position: relative; top: -8px; display: block; }

.post-footer { margin-bottom: 1em; padding: 11px 17px; border-top: 1px solid #c0c0c0; background: url(images/commentlist-li-alt.gif) repeat-x; color: #12335d; position: relative; }
.post-footer p { margin-bottom: 2px; }
.post-footer a { text-decoration: none; }
.post-footer-comments { position: absolute; right: 17px; top: 11px; color: #666; font-size: 90%; }
.post-footer-comments a { color: #12335d; text-transform: uppercase; }

/* Comments */

.post-comments h3 { font-size: 17px; }

.commentlist { margin-left: 0!important; }
.commentlist li { border-top: 1px solid #c0c0c0; padding: 11px 17px!important; list-style: none!important; }
.commentlist li.alt { background: url(images/commentlist-li-alt.gif) repeat-x; }
.commentlist li cite { color: #333; font-style: normal; }
.commentlist li cite a { color: #333; text-decoration: none; }
.commentlist li small.commentmetadata { display: block; font-size: 100%; color: #12335d; font-size: .9em; }
.commentlist li small.commentmetadata a { color: #12335d; text-decoration: none; }
.commentlist li .comment-text { padding: 15px 11px 0px 11px; color: #4a4a4a; /*font-style: italic;*/ line-height: 1.5em; }

#commentform p { overflow: hidden; margin-bottom: 4px; }
#commentform .i-text, #commentform textarea { background: #fff; border: 1px solid #999; font: 1em Arial, Helvetica, sans-serif; }
#commentform .i-text { padding: 3px 1px; }
#commentform textarea { width: 375px; padding: 1px; }
#commentform input.i-text { float: left; width: 210px; }
#commentform label { width: 338px; text-align: left; color: #666; padding: 3px 0; }
.buttons { text-align: right; width: 379px; padding-top: 2px; }
.buttons a { float: right!important; margin: 0 0 0 10px; }
#commentform .a-button-red, #commentform .a-button-red strong { background-image: url(images/a-button-red-2.png); }

/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; text-align: justify; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 12px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 49.8%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img { border: 5px solid #d1d1d1!important; margin-top: .4em; }
.content img.null-image,
.content .null-image img { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: right; }
.content .f-inputs { /*padding-left: 30%;*/ }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { padding: 1px; font: 1em sans-serif; background: #fff url(images/i-text.gif) repeat-x; border: 1px solid #7c7c7c; border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

.form-footer { margin-bottom: 0!important; }
.intrinsic {display:block; float:right;}
.copy {display:block; float:left;}