/*  
Theme Name: On The Line
Author URI: http://blog.newsok.com/afghanistan-iraq
Version: 1.0
Author: Kris Kanaly and Nick Tankersley 
Description: On the Line is a custom developed theme for Mike and Carlos Boettcher.  Designed by Kris Kanaly developed by Nick Tankersley
*/




@import url(http://s3.amazonaws.com/content.newsok.com/newsok/css/boettcher_blog.css); 


/**********************************************************
	Universal CSS Options
**********************************************************/

body {
background: #111111;
font-size: 14px;
color: #a0967a;
}

.container {
background:transparent none no-repeat scroll 0 0;
left:-11px;
margin:0 auto;
position:relative;
width:1015px;
}

a {
color: #a55930;
text-decoration: none;
}

a:focus {
outline: none;
}

#content {
float:left;
margin-right:25px;
width:480px;
}

img {
border: 1px solid #A0967A;
}

img:hover {
border: 1px solid #A55930;
}

/**************************************
	pencil nav
**************************************/



#pencil_nav_container {
height: 18px;
background-color: #1a1a1a;
width: 100%;
text-align: center;
overflow: hidden;
position: absolute;
top:0px;
left: 0px;
z-index: 200;
}

#pencil_nav_container #mainnav {
display: block;
font-family: Arial,Helvetica,sans-serif;
height: 18px;
font-size: 11px;
font-weight: bold;
width: 1050px;
margin:0px auto;
padding-left: 57px;

}

#pencil_nav_container #mainnav li {
display:inline;
vertical-align: middle;
float:left;
list-style-type:none;
text-align:center;
}

#pencil_nav_container #mainnav li a {
display:block;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
text-decoration:none;
background:#242424;
border-right:1px solid #666666;
color:#FFFFFF;
}
#pencil_nav_container #mainnav li.active a {
background:#605F5F;
}
#pencil_nav_container #mainnav a.active, #pencil_nav_container #mainnav li a:hover {
background-color:#830F0F;
}
#pencil_nav_container #mainnav li.red a {
background-color:#c00015;
border-right:1px solid #CC9999;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
}

#pencil_nav_container #mainnav li.red a:hover {
background-color:#8F5353;
}

#pencil_nav_container #mainnav li.last a {
border:medium none;
}

.pencil_hairline {
line-height: 0px;
border-bottom: 1px solid #666;
position:absolute;
top:20px;
left: 0px;
width: 100%;
z-index: 100;
}

/*********************************************************
	Header Images
*********************************************************/

.headerGen_1 {
background: transparent url('images/OTLheader1.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerGen_2 {
background: transparent url('images/OTLheader2.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerGen_3 {
background: transparent url('images/OTLheader3.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerGen_4 {
background: transparent url('images/OTLheader4.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerGen_5 {
background: transparent url('images/OTLheader5.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerMike {
background: transparent url('images/OTLMike.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.headerCarlos {
background: transparent url('images/OTLCarlos.jpg') no-repeat 50% 0;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

h1.headerDescrip {
color:#A55930;
display:block;
font-family:Georgia;
font-size:105%;
left:520px;
letter-spacing:0.5px;
line-height:1.4em;
margin:0;
padding:0;
position:absolute;
text-align:center;
top:-53px;
width:466px;
} 
/**************************************************************
	navigation
**************************************************************/

.nav {
background: transparent url('images/navBG.jpg') repeat-x;
width: 1015px;
height: 48px;
margin: 0 auto;
font-family: sans-serif;
margin-bottom: 20px;
}

.navContain {
}

.nav ul {
list-style: none;
padding: 0px;
width: auto;
margin: auto 100px auto 10px;
float: left;
}

.nav li {
display: block;
float: left;
}

.nav li a, .nav li a:visited {
background:transparent none repeat scroll 0 0;
color:#6D6047;
display:block;
float:left;
font-size:90%;
letter-spacing:0.5px;
padding:0 20px;
position:relative;
height: 44px;
line-height: 44px;
position: relative;
top: 2px;
text-decoration:none;
}

.nav li a:hover, .nav li a:focus, .nav li a:active, .nav ul li:hover a, .nav ul li:hover a, .nav ul li.current_page_item a  {
outline: none;
background: transparent url('images/navBG2.jpg') repeat-x;
text-decoration: none;
}

/*************************************************
	RSS and Search Bar
*************************************************/

input:focus{
  outline: none;
}

.rssNsearch {
float: left;
padding-top:15px;
}

.rssNsearch a:hover, .rssNsearch a:active, .rssNsearch a:focus {
text-decoration: underline;
}

.search {
font-family: Georgia;
font-style: italic;
color: #a0967a;
font-size: 100%;
font-weight: 600;
float: left;
position:absolute;
right:5px;
}

.searchform {
float: left;
}



.searchform .s {
background:transparent url(images/searchBG.jpg) no-repeat scroll 0 0;
border:medium none;
bottom:16px;
color:#A0967A;
font-family:Georgia;
font-size:80%;
font-style:italic;
font-weight:400;
height:20px;
margin-right:0;
padding:9px;
position:relative;
width:190px;
}

.search .sub {

bottom:8px;
left:-10px;
position:relative;
}






/*****************************************************
Top Posts
*****************************************************/
.topPosts img  {
clip:rect(0px, 200px, 121px, 0px);
display:block;
float:left;
max-width:198px;
width: expression(this.width > 198 ? 198: true);
margin:0 15px 15px 0;
position:relative;
top:6px;
max-height:180px;
}

.gallery-item {
margin-right: 10px !important;
text-align: left !important;
width: auto !important;
}

.gallery p {
margin-bottom: 1px;
}



.post {
background:transparent url(images/postBG.jpg) no-repeat scroll 0 0;
border-bottom:2px solid #292621;
margin-bottom:20px;
padding: 10px 15px 16px 20px;
}

.postColumn, #PageContent {
float:left;
float:left;
padding-left:10px;
margin-right:15px;
position:relative;
text-align:left;
width:480px;
} 


.postTop {
display: block;
margin-bottom: 10px;

}

.postMug {
float: left;
height: 66px;
width: 66px;
margin-right: 16px;
background: transparent url('images/MikeMug.jpg');
}

.postMug2 {
float: left;
height: 66px;
width: 66px;
margin-right: 16px;
background: transparent url('images/CarlosMug.jpg');
}

.postTitle {
float: left;
font-family: Georgia;
font-style: italic;
color: #a0967a;
letter-spacing: .5px;
width: 363px;
}

.postTitle h4 { 
margin: 0px;
font-weight: normal;
line-height: 20px;
}

.postTitle h3, .postTitle h3 a, .postTitle h3 a:visited {
font-family: Georgia;
font-size:125%;
font-style: italic;
text-decoration: none;
margin: 0px;
padding-top:2px;
padding-bottom: 1px;
line-height: 20px;
}

.postTitle h3 a:hover, .postTitle h3 a:active {
text-decoration: underline;
}

.postTitle h4 a, .postTitle h4 a:visited{
font-size: 100%;
font-family: Georgia;
font-style: italic;
text-decoration: none;
}

.postTitle h4 a:hover, .postTitle h4 a:active {
text-decoration: underline;
}

.excerpt, .singlePost {
margin-top: 10px;
font-family: Helvetica;
line-height: 20px;
color: #a0967a;
margin:0 0 13px 0;
} 

.excerpt .gallery-caption {
display: none;
}

.gallery-caption {
font-size: 90%;
font-style: italic;
}

.singlePost {
margin-top: 0px;
margin-right: 15px;
}

.singlePost .postTitle h3 {
padding-top: 2px ! important;
padding-bottom: 1px ! important;
}

a.excerptLink, a.excerptLink:hover, a.excerptLink:active, a.excerptLink:visited {
font-family: Helvetica;
text-decoration: underline;
display: inline;
}

.postBottom, .postBottom a, .postBottom a:visited {
color:#A55930;
font-family:Georgia;
font-size:90%;
font-style:italic;
line-height:20px;
padding:0;
text-decoration:none;
} 

.postBottom a:hover, .postBottom a:active {
text-decoration: underline;
}

/*************************************************************************
Bottom Posts/Short Posts
*************************************************************************/



.commentLink {
display: inline;
}

.bottomPosts {
left:5px;
margin-left:0;
position:relative;
width:500px;
}

.bottomPosts img {
display: none;
}

/**************************************************************************
.shortPost {
background: #1b1b1b url('images/shortPostBG.gif') no-repeat left bottom;
width: 224px;
height:247px;
float: left; 
margin-bottom:20px;
margin-right:20px;
}

.shortPost:hover {
background: #1b1b1b url('images/shortPostBGhover.gif') no-repeat left bottom;
}

******************************************************************************/

.shortPost {
background: #1b1b1b url('images/shortPostBackGround.jpg') no-repeat 0 0;
width: 224px;
height:247px;
float: left; 
margin-bottom:20px;
margin-right:20px;
}

.shortPost:hover {
background-position: 0 -251px;
}

.shortExcerpt {
font-family: Helvetica;
font-size: 90%;
line-height: 20px;
color: #a0967a;
margin-bottom: 13px;
padding: 0 15px 0;
}

.shortExcerpt .wp-caption-text {
display: none;
}

.excerpt .wp-caption-text {
display: none;
}

.shortExcerpt p{
display: inline;
}

a.ShortExcerptLink, a.ShortExcerptLink:hover, a.ShortExcerptLink:active, a.ShortExcerptLink:visited {
font-family: Helvetica;
font-size: 90%;
text-decoration: underline;
display: inline-block;
} 

.shortTop {
width: 194px;
display: block;
margin-left: 10px;
padding-left: 10px
}

.shortMug {
float: left;
height: 31px;
width: 31px;
margin-right: 10px;
margin-bottom:10px;
background: transparent url('images/MikeMugSm.jpg');

}

.shortMug2 {
float: left;
height: 31px;
width: 31px;
margin-right: 16px;

background: transparent url('images/CarlosMugSm.jpg');
}

.shortTitle h3, .shortTitle h3 a, .shortTitle h3 a:visited{
font-family: Georgia;
font-size: 95%;
font-style: italic;
text-decoration: none;
margin: 0px;
letter-spacing: .5px;
}

.shortTitle h3 a:hover, .shortTitle h3 a:active {
text-decoration: underline;
}

.shortTitle h4, .shortTitle h4 a, .shortTitle h4 a:visited{
font-family: Georgia;
font-size: 90%;
font-style: italic;
text-decoration: none;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
letter-spacing: .5px;
}

.shortTitle h4 a:hover, .shortTitle h4 a:active {
text-decoration: underline;
}

.shortDate{
width: 194px;
margin: 17px 0px 15px 15px;
}

.shortTime  {
font-size: 80%;
color:#A55930;
text-decoration: underline;
float: left;
}

.shortComment, .shortComment  a, .shortcomment  a:hover, .shortComment  a:visited, .shortComment  a:active{
font-size: 80%;
text-decoration: underline;
float: right;
position: relative;
bottom: -1px;
}

/*****************************************************************
Pagination nav
*****************************************************************/
.page-nav  {
display: block;
padding-left: 20px;
width: 460px;
margin-top: 5px;
float: left;
}

.page-nav a, .page-nav :visited {
font-size: 90%;
font-weight: bold;
font-family: Georgia;
text-decoration: none;
font-style: italic;
}

.page-nav a:hover, .page-nav :active {
text-decoration: underline;
}

.nav-previous {
float: left;
}


.nav-next{
float: right;
}


/****************************************************
Single Post 
****************************************************/



.postTitle h1, .postTitle h1 a, .postTitle h1 a:visited {
font-family: Georgia;
font-size: 125%;
font-style: italic;
text-decoration: none;
margin: 0px;
padding-top:2px;
}

.postTitle h1 a:hover, .postTitle h1 a:active {
text-decoration: underline;
}

.postTitle h2, .postTitle h2 a, .postTitle h2 a:visited {
font-size: 100%;
font-family: Georgia;
font-style: italic;
text-decoration: none;
margin: 0px;
line-height: 20px;
font-weight:400;
}

.postTitle h2 a:hover, .postTitle h2 a:active {
text-decoration: underline
}


#PageContent p {
margin-top: 10px;
font-family: Helvetica;
font-size: 90%;
line-height: 20px;
color: #a0967a;
margin:0 15px 13px 20px;
font-style: normal;
}
#PageContent h1 {
margin-left: 20px;
}
#PageContent .defaultPage h1 {
margin-left: 0;
}

.comments a, .comments a:visited {
font-weight: bold;
text-decoration: none;
}

.coments a:hover, .comments a:active {
text-decoration: underline;
}


.singlePost img {
max-width: 440px;
width: expression(this.width > 440 ? 440: true);
margin:15px 0;
}

.cat {
display: block;
color:#A0967A;
}



/********************************************************
Comments
********************************************************/

#comments-wrap {
width: 460px;
}

#comments-wrap p {
color:#A0967A;
font-family: helvetica;
font-style: italic;
}

.comment-body {
margin-left: 30px;
font-size: 80%;
}

h6.comments {
background:transparent url(images/border.jpg) repeat-x scroll 0 100%;
color:#A0967A;
font-family:Georgia;
font-size:150%;
font-style:italic;
margin:0 0 10px;
padding-bottom:10px;
text-decoration:none;
}

.commentlist {
background:transparent url(images/border.jpg) repeat-x scroll 0 100%;
padding: 0px 0px 10px 20px;
margin-bottom: 10px;
}

h6.postcomment {
font-size: 100%;
font-family: Georgia;
font-weight: bold;
font-style: italic;
color:#A55930;
margin: 10px 0px;
}

input.textarea , textarea.textarea{
background-color:#1f1f1f;
border:medium none;
color:#A0967A;
font-family:Sans-Serif;
margin-right:5px;
padding:5px;
position:relative;
}

.comment-metadata {
color:#A0967A;
display: block;
font-style:italic;
font-size: 80%;
font-family: Georgia;
}

.comment-metadata a, .comment-metadata a:visited, form#commentform a, form#commentform a:visited {
font-weight: bold;
text-decoration: none;
}

.comment-metadata a:hover, .comment-metadata a:active,  form#commentform a:hover,  form#commentform a:active {
text-decoration: underline;
}

.comment-body p {
font-size: 110%;
font-style: italic;
}

.commentBox {
background:transparent  url('images/commentBG.jpg') repeat-x 0 0;
padding: 0px 20px;
margin-top: 15px;
}

.commentBox p {
font-size: 80%;
padding: 10px 0px;
margin-bottom: 0px;
color: #a0967a;
}

form#commentform p {
font-size: 80%;
font-weight: 300;
color: #a0967a;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
}

/**************************************************************
Sidebar
*************************************************************/
#sidebar {
width: 500px;
float: left;
position: relative;
top: -16px
}



#sidebar ul, #sidebar li {
padding-left: 0px;
list-style: none;
} 

#sidebar ul {
padding-bottom: 5px;
} 

#sidebar ul ul {
padding-bottom: 5px;
padding: 0 12px;
} 

#sidebar ul, #sidebar li, #sidebar ul {
list-style: none;
} 

.l_sidebar{
width: 180px;
margin-right: 15px;
float: left;
}

.l_sidebar h2 {
background:transparent url(images/sbHeadBG.gif) no-repeat scroll 0 0;
font-family:Georgia;
font-size:115%;
font-style:italic;
display: block;
height: 42px;
line-height: 42px;
text-indent: 12px;
}

.l_sidebar a, .l_sidebar a:visited {
display:block;
font-family: Georgia;
font-size:85%;
font-weight:bold;
letter-spacing:0.5px;
font-style:italic;
margin-bottom:5px;
padding-bottom:5px;
}

li.recentcomments {
margin-bottom: 10px;
}

li.recentcomments a, li.recentcomments a:visited {
font-style: italic;
font-family: Georgia;
}

a:hover {
text-decoration: underline;
}

#rss-1 h2 {
display: none;
}

a.twitter, a.twitter:visited {
background:transparent url(http://s3.amazonaws.com/content.newsok.com/newsok/images/blogs/twitterLink.jpg) no-repeat scroll 10px 0;
height:36px;
padding-bottom:10px;
padding-left:51px;
}
a.twitter:hover, a.twitter:focus {
background:transparent url('images/twitterlink_a.gif') no-repeat scroll 10px 0;
}


.twitter a, .twitter a:visited{
font-family: Georgia;
font-style:italic;
padding-bottom:2px;
position: relative;
text-decoration: underline;
top:8px;
}

#twitter-box a {
display: inline;
font-size: 90%;
padding-left:0;
font-weight: normal;
font-style: italic;
}

#twitter-box li {
margin-bottom: 10px;
font-size: 90%;
line-height:18px;
}

li#twitters h2 {
display: none;
}

.r_sidebar {
width: 300px;
float: left;
}

.v_sidebar {
float:left;
position:relative;
top:-21px;
width:300px;
}

.v_sidebar ul {
padding-left: 0px;
list-style: none;
}


/****************************************************
Archive
***************************************************/

h1.btmspace {
display: none;
}


/*****************************************************
Video Page 
*****************************************************/

.videoContent {
float: left;
width: 685px;
margin-right: 15px;
}

h1#Video {
display: none;
}

#videoDescription {
height: auto !important;
}

/***************************************************
default page
***************************************************/
#PageContent {
float: left;
margin-right: 15px;
width: 480px;
}

.defaultPage {
background: transparent url('images/vidAboutBG.jpg') no-repeat 0 0;
height: 88px;
padding-bottom:5px;
}

.defaultPage h1 {
font-family: Georgia;
font-size:180%;
font-style: italic;
padding: 28px 0px 0px 20px;
margin-top:0;
color: #A55930;
}


/*********************************************
Share this
*********************************************/
.excerpt a.stbutton, .shortPost a.stbutton  {
display:none;
}




/***********************************************
Footer
***********************************************/

.footer {
background: transparent url('images/navBG.jpg') repeat-x;
width: 1015px;
height: 100px;
margin: 20px auto 0px auto;
font-family: sans-serif;
margin-bottom: 12px;
left:-16px;
position:relative;
}

.leftLinks {
padding-left: 10px;
float: left;
}

.leftLinks a, .leftLinks a:visited {
background:transparent none repeat scroll 0 0;
border-right:1px solid #483F2E;
color:#483F2E;
display:block;
float:left;
font-size:80%;
font-weight:400;
margin-top:18px;
padding:0 15px;
position:relative;
text-decoration:none;
}

.leftLinks a:hover {
color:#A0967A;
}

a.last, a.last:visited {
border: none;
}

.descripRight a, .descripRight a:visited  {
font-size: 70%;
font-weight: 600;
margin-top: 7px;
border: none;
float: left;
color: #6D6047;
text-decoration: none;
margin-left: 319px;
}

.descripRight a:hover, .descripRight a:active, .descripRight a:focus {
outline: none;
text-decoration: none;
color:#A0967A;
}

/********************************************************************

a.feedBox , a.feedBox:visited {
background:transparent url(http://s3.amazonaws.com/content.newsok.com/newsok/images/blogs/rssBGjpg.jpg) no-repeat scroll 0 8px;
color:#A0967A;
display:block;
float:right;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:400;
height:40px;
margin-top:0;
padding-left:40px;
position:relative;
right:-10px;
text-decoration:none;
width:102px;
}

a.feedBox:hover {
background:transparent url('images/rssBG.gif') no-repeat scroll 0 8px;
text-decoration:underline;
}

***********************************************************/

a.feedBox , a.feedBox:visited {
background:transparent url(images/rssBackGround.jpg) no-repeat scroll 0 0px;
color:#A0967A;
display:block;
float:right;
font-family:Georgia;
font-size:100%;
font-style:italic;
font-weight:400;
height:31px;
margin-top:8px;
padding-left:40px;
position:relative;
right:33px;
text-decoration:none;
width:60px;
}

a.feedBox:hover {
background-position: 0 -31px;

}

p.feedLink {
display:block;
height:27px;
left:-40px;
margin:0;
padding:10px 0 0 36px;
position:relative;
text-decoration:none;
top:-3px;
width:64px;
}



p.feedLink:hover {
text-decoration: underline;
}

/*******************************************

a.blogComm, a.blogComm:visited {
background:transparent url('http://s3.amazonaws.com/content.newsok.com/newsok/images/blogs/blogIconGray.jpg') no-repeat scroll 158px -2px;
height:20px;
margin-top:18px;
width:300px;
}

a.blogComm:hover {
background: transparent url('http://s3.amazonaws.com/content.newsok.com/newsok/images/blogs/blogIconGray_a.jpg') no-repeat scroll 158px -2px;
height:20px;
margin-top:18px;
width:300px;
}

*************************************************/

a.blogComm, a.blogComm:visited {
background:transparent url('images/BlogCommBG.jpg') no-repeat scroll 158px -2px;
height:17px;
margin-top:18px;
width:300px;
}

a.blogComm:hover {
background-position: 158px -21px;
}


/**********************************************************
Author Bios
***********************************************************/

.biosCont {
background:transparent url('images/bioBG.gif') repeat-x 0 0;
width: 300px;
height: 182px;
}

.bios {
padding: 18px;
}

.bios h3 {
font-family:Georgia;
font-size:110%;
font-style:italic;
color: #A55930;
display: inline;
}

.bios p {
font-size:90%;
line-height: 18px;
padding-top: 5px;
margin: 0px
}

.bios img {
float: left;
padding: 0px 10px 4px 0px;
display: block;
height: 66px;
width: 66px;
border: none;
}

#text-376619453, #text-376620091, #text-385050401 {
background:transparent url('images/biosTitleBG.jpg') no-repeat 0 0;
margin-bottom: 10px;
}

#text-376619453 h2, #text-376620091 h2 {
font-family:Georgia;
font-size:115%;
font-style:italic;
padding:10px 10px 10px 12px;
width:180px;
margin-bottom: 0px;
}

#text-385050401 h2 {
font-family:Georgia;
font-size:115%;
font-style:italic;
display: block;
height: 42px;
line-height: 42px;
text-indent: 12px;
margin-bottom: 0px;
}

.moreVids {
padding-left: 50px;
}