/*
Theme Name: UnNamed Servant 08 (skylar,Joel,&Paul)
Theme URI: http://milo.peety-passion.com/themes/
Description: Four column fluid theme with built in recent posts, related posts, header psd incl.
Version: 3.17
Author: miloIIIIVII
Author URI: http://milo.peety-passion.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.

Dark red = # a70009
Dark blue = # 02015F

*/

body{ color:#999999; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color: #182128; }

/************************* Standard Tags ***********************/
img{ border: medium solid #FFFFFF; }
a{ color:#426082; text-decoration:none;}
a:hover{color:#96A5AA; text-decoration:none;}
h2 a:hover,h3 a:hover,h1 a:hover{ text-decoration:none; color:#96A5AA; }
p{ font-size:small; color:#999999; clear: both; }
h2{ color:#a70009; margin:0; padding:0; letter-spacing:-.3px; font-size:1.5em; font-family:Futura,Helvetica,"Trebuchet MS"; font-weight:bold; text-transform:uppercase; }
h2 a{color: #CCCCCC;}
h2 a:hover {color:#96A5AA}
h3{margin:0; padding:0; color:#666666; font-size:1.6em; text-transform: capitalize; font-family:Futura,Helvetica,"Trebuchet MS"; }
h3 a{color:#426082;}
h3 a:hover{color:#96A5AA}
h4 { font-family:Futura,Helvetica,"Trebuchet MS"; font-size:1.0em; font-weight:bold; letter-spacing:-0.3px; margin:5px 0pt -15px; padding:0pt; text-transform:uppercase; }

/***************************** Page **********************/
#page{ background-image: url(images/page-bg.jpg); background-repeat:no-repeat; background-position:center; background-position:top; background-color: #182128; }
#page-container{ width:980px; background-color:black; margin-left: auto; margin-right: auto; display:block; }
#header_home{ height:330px; width:100%; padding:0; margin:13px 0px 0px 0px; }
#header_flash{background-image: url(images/us-header-2.jpg); background-repeat:no-repeat; background-position:left; background-position:top; height:295px; width:980px; padding:0; margin:13px 0px 0px 0px; position:relative; }
#header_flash object { margin:0px; padding:0px;  }
#header{ display:block; margin-left:auto; margin-right:auto; width:100%; width:980px; position:relative; }
#nav_header_img { background:transparent url(images/header_bg.jpg) 0 0; padding:65px 0 22px 0; }
#header_img{ background:transparent; height:290px; width:100%; padding:0; margin:30px 0px 0px 0px; }
#header h1,#header h1 a,#header_home h1,#header_home h1 a{ float:left; height:295px; width:320px; text-indent:-9000px; margin:0; padding:0; }

#content { clear:none; min-height:50%; }
#content_home { clear:none; min-height:50%; }
#content_com { clear:none; min-height:50%; }

.narrowcolumn{ width:42%; margin:0; float:left; }
.widecolumn{ width:635px; margin:0 0 0 10px; padding:0; float:left;  }
.widecolumn_com{ width:635px; margin:0 0 0 0px; padding:0; float:left; }
.homecolumn{ width:980px; background-color: #000000; margin:0; padding:0; float:left; position:relative; }

/*********************** footer ********************/
#footer{ width:100%; background-color: #182128; margin:0px 0 0 0; height:auto; }
#footer-wrapper{ width:100%; display:block;  margin:0px 0px 0 0px; Padding:10px 0 0 0; clear:both; }
#footer-container{ background-image:url(images/footer-bg.jpg); background-repeat:no-repeat; width:980px; }
#footer-container .bottom { clear:both; color:#251d15; font-size:10px; height:40px; width:auto; }
#footer-container .bottom a { color:#251d15; }
#footer-container .bottom a:hover{ color:#251d15; }
#footer p{ text-align:center; padding:20px 0 0 10px; font-size:10px; position:relative; color:#ccc;}
#footer .footer-right { float:right; }
#footer .footer-right-player a{ float:right; background-image:url('images/music-playergif.gif'); background-repeat:no-repeat; display:inline; float:right; height:80px; position:absolute; top:5px; width:90px; }
#footer .footer-left{float:left;}
#footer a:hover{text-decoration:underline; color:#000;}

.post{margin:12px 0 0 0px;}
.postnew{ border:0; background-image:url(images/new.gif); background-position:top right; background-repeat:no-repeat; margin:0 0 0 10px; padding:5px 10px 0 10px; }
.description{ font-size:13px; color:#ccc; text-decoration:none; padding:20px 0 0 250px; margin:0; font-variant: small-caps; float:left; }

/**************************** Navbar - MAIN MENU **************************/
#navbar{ height: 36px; margin:0; padding:0 0 0 0px; text-align:left; float:left; color:#ccc; }
#navbar li { margin: 0; padding: 0; list-style-type: none; display: inline; }	
#navbar ul{ margin:0; padding:0; }

/**************  Menu Items ********************/
#navbar a { float: left; margin: 0; padding:36px 0pt 0px 0px; overflow: hidden; height: 0;  }
#navbar-1 a{width:115px;}
#navbar-2 a{width:110px;}
#navbar-3 a{width:115px;}
#navbar-4 a{width:125px;}
#navbar-5 a{width:170px;}
#navbar-6 a{width:175px;}
#navbar-7 a{width:170px;}
#navbar-1 a{background:  url(images/nav.jpg) no-repeat 0px -36px;}
#navbar-1 a:hover{background:  url(images/nav.jpg) no-repeat 0px 0px;}
#navbar-2 a{background:  url(images/nav.jpg) no-repeat -115px -36px;}
#navbar-2 a:hover{background:  url(images/nav.jpg) no-repeat -115px 0px;}
#navbar-3 a{background:  url(images/nav.jpg) no-repeat -225px -36px;}
#navbar-3 a:hover {background:  url(images/nav.jpg) no-repeat -225px 0px;}
#navbar-4 a{background:  url(images/nav.jpg) no-repeat -340px -36px;}
#navbar-4 a:hover {background:  url(images/nav.jpg) no-repeat -340px 0px;}
#navbar-5 a{background:  url(images/nav.jpg) no-repeat -465px -36px;}
#navbar-5 a:hover {background:  url(images/nav.jpg) no-repeat -465px 0px;}
#navbar-6 a{background:  url(images/nav.jpg) no-repeat -635px -36px;}
#navbar-6 a:hover {background:  url(images/nav.jpg) no-repeat -635px 0px;}
#navbar-7 a{background:  url(images/nav.jpg) no-repeat -810px -36px;}
#navbar-7 a:hover {background:  url(images/nav.jpg) no-repeat -810px 0px;}

.navigation { text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:3px 0; height: 15px; margin: 1px 0; font-size:small; color:#999999; clear:both;}
.nothing{}

h3.comments{ font-size:1.2em; font-weight:bold; }
.commentform { margin:0 0 10px 20px; }

#comments_toggle{ display:block; clear:both; width:150px; height:40px; margin:5pt 0 0 25px; position:relative; background-image:url(images/comment-toggle.gif); background-repeat:no-repeat; }
#comments_toggle a { float:left; height:25px; margin:0px 0pt 0pt 10px; width:120px; }
.article-slide-button{ display:block;  clear:both; padding:0 0 0 0px; position:relative; margin-left: auto; margin-right: auto; }
#slide_footer{ height:auto; position:relative; }

/******************************** Home Page Recent Comments ********************/
#comment-chain{ width:100%; display:block;  margin:0px 0px 0 0px; Padding:0px 0 0 0; height:auto; clear:both; position:relative; }
#comment-chain-container{ background-image:url(images/comment-bg.jpg); background-repeat:no-repeat; display:block; width:980px; height:155px; padding:0 0 0 0px; position:relative; }
#comment-chain ul{ padding: 0px 0 0 0px; margin:0px; }
#comment-chain #comments_header{padding:5px 0pt 0pt 10px;}
#comment-chain #comments_header a{color: #CBC348;}
#comment-chain h2{ letter-spacing:-1px; line-height:26px; word-spacing: 2px; font-size:25px; font-family:Futura,Helvetica,"Trebuchet MS" ; }
#comment-chain h2 a{ letter-spacing:-1px;line-height:26px; word-spacing: 2px; font-size:25px; color:#830F11; font-family:Futura,Helvetica,"Trebuchet MS";  }
#comment-chain .subtitle{ font-weight:bold; color:#251d15; font-family:Futura,Helvetica,"Trebuchet MS"; }
#comment-chain .rec-commentlist-auth-bg { background-repeat:no-repeat; display:inline; width: 30%; float: left; list-style: none; padding: 10px 5px 10px 15px; margin: 10px 6px 0 6px;	 height: 95px; }
#comment-chain .rec-commentlist-auth {}
#comment-chain .rec-commentlist-auth img{ border: 2px #ffffff solid; width:50px; height:50px; padding:0; margin:0; float:left; }
#comment-chain .rec-commentlist-auth .text{ margin:0 0 0 0px; float:right; text-align:left; color:#ffffff; width:230px; padding:0; }
#comment-chain .rec-commentlist-auth a{ color:#ffffff; font-weight:bold; padding:0; margin:0; }
#comment-chain .rec-commentlist-auth a:hover{}

.commentlist { display:inline; width:100%; list-style: none; padding: 10px 20px 10px 20px; margin: 5px; height: 125px; }
.commentlist img{ border:thick; }

/* end Home page comment list */
/******************************** Side Bar Recent Comments ********************/
#right_sidebar_page .rec-commentlist-auth img { border: 2px #ffffff solid; width:20px; height:20px; padding:0; margin-right:5px; float:left; }
#right_sidebar_page .rec-commentlist-auth-bg {background-image: url(images/comment-box-widget.gif); background-repeat:no-repeat; float: left; list-style: none; margin: 0 0 5px 0; height: 50px; padding:10px 30px 10px 13px; width:255px; }

#right_sidebar_page .rec-commentlist-auth .text{ height:50px; font-size:11px; color:#ffffff; }
#right_sidebar_page .rec-commentlist-auth .text a{ color:#ffffff; font-weight:bold; padding:0; margin:0; }
#right_sidebar_page .rec-commentlist-auth .text a:hover{ }

/* End Side Bar Comment Wall */
.postmetadata{ background-image:url(images/com.png); background-repeat:no-repeat; padding:10px 15px 12px 12px; }
.postmetadata2{ background-image:url(images/cm.gif); background-repeat:no-repeat; padding:7px 15px 12px 12px; }
.pagetitle{ color:#333; margin:0 0 0 20px; }
.cat{ font-size:.7em; line-height:.85em; margin:1px 0 0 5px; padding:0 0 0 5px; color:#aaa; border-left:3px solid #ddd; }
.date{ font-size:1.7em; line-height:1.85em; margin:0; padding:0; color:#aaa; border-left:3px solid #ddd; float:right; }
.post h2,.post h3{ color:#a70009; border-bottom:1px solid #ddd; margin:0 0 5px 0; }

#sideblog-sideblog h3{ font-family: Arial, Helvetica, sans-serif; color:#ddd; margin:0px 0px 0 0; }

#envivo {}
#envivo .title{ font-size:.7em; height:20px; border-bottom:1px solid #ccc; width:235px; margin:0; padding:0; }
#envivo .date{ height:20px; font-size:.7em; width:45px; border:0; text-align:right; border-bottom:1px solid #ccc; margin:0; padding:0; }
#envivo .date-hr{ background-image:url(images/icon-calendar.gif); background-repeat:no-repeat; background-position:center right; height:16px; width:16px; border:0px; text-align:right; border-bottom:1px solid #ccc; margin:0; padding:0; }
#envivo .comments-hr{ background-image:url(images/icon-comment.gif); background-repeat:no-repeat; background-position:center right; height:16px; width:16px; border:0px; text-align:right; border-bottom:1px solid #ccc; margin:0; padding:0; }
#envivo .comments img { vertical-align:top; }
#envivo .comments{ height:20px; font-size:.7em; text-align:right; width:20px; border-bottom:1px solid #ccc; margin:0; padding:0; }

.subfeature li {display:inline;}
.subfeature .right{float:right;}
.subfeature .left {float:left;}
.feedreader{padding-top:15px; float:right; }

/***************************************   TOP Widgets */
#left_sidebar{width:370px; float:left; margin:10px 35px 0 20px; position:relative; }
#acc2_sidebar{margin:10px 20px 0 0px;}
#middle_sidebar{float:left; margin:10px 0px 0pt 0pt; padding:0px; width:230px; position:relative; }
#middle_sidebar a{color: #c47c1f;}
#right_sidebar{width:275px; float:right; margin:10px 0 0 0px; position:relative;}
#right_sidebar_page{background-repeat:no-repeat; overflow:hidden; width:300px; float:right; margin:10px 5px 0pt 0px;}

/*************************************** ALL Widgets */
#left_sidebar h2,#right_sidebar h2,#middle_sidebar h2,#right_top_sidebar h2,#right_sidebar_page h2,#acc2_sidebar h2{ letter-spacing:-1px; line-height:10px; word-spacing: 2px; font-size:26px; color:#a70009; margin:10px 0pt 10px 0px; font-family: Futura,Helvetica,"Trebuchet MS"; } 
#left_sidebar .subtitle,#right_sidebar .subtitle,#middle_sidebar .subtitle,#right_top_sidebar .subtitle, #right_sidebar_page .subtitle{ font-size:12px; font-weight:bold; color:#666666; margin:0px 0 0 0px; font-family: Futura,Helvetica,"Trebuchet MS"; }
#right_sidebar ul,#right_sidebar li,#right_sidebar ul li,#left_sidebar ul,#left_sidebar li,#left_sidebar ul li,#middle_sidebar ul,#middle_sidebar li,#middle_sidebar ul li,#right_top_sidebar ul,#right_top_sidebar li,#right_top_sidebar ul li,#right_sidebar_page ul li,#right_sidebar_page li,#right_sidebar_page ul, #acc2_sidebar ul,#acc2_sidebar li, #acc2_sidebar ul li{ padding:5px 0 0 0px; margin:0; }
#right_sidebar li li,#left_sidebar li li,#middle_sidebar li li,#right_top_sidebar li li,#acc2_sidebar li li{ font-size:small; margin-left:0px; }
#right_sidebar li li ul li,#left_sidebar li li ul li,#middle_sidebar li li ul li,#right_top_sidebar li li ul li,#right_sidebar_page li li ul li, #acc2_sidebar li li ul li{ margin-left:0; background-image:url(images/arrow.png); background-position:left; background-repeat:no-repeat; padding-left:0px; }
#right_sidebar ul,#left_sidebar ul,#middle_sidebar ul,#right_top_sidebar ul, #right_sidebar_page ul, #acc2_sidebar ul{ list-style-type:none; }
#right_sidebar li,#right_sidebar ul select,#left_sidebar li,#left_sidebar ul select,#middle_sidebar li,#middle_sidebar ul select,#right_top_sidebar li,#right_top_sidebar ul select, #right_sidebar_page ul select, #acc2_sidebar ul select{ padding:0; }

/********************************  Picasa Web Images */
.picasa-img { padding: 0px;  margin: 0px 0px 0px 0; width:25px; height:25px; }
#picasa-web-matrix h2{ float: left; text-indent: -999px; background: url(images/photos-hr.gif) no-repeat 0 0; height:99px; width:42px; }
.picasawebmatrix{ margin: 10px 0 0 48px; }

/********************************  Shashin Images */
#shashin-newest-images{margin:9px 0 0 0;}

/********************************  Shashin Images */
#shashin-random-images .shashin_thumbs_table tbody tr td{padding:0px 5px 0pt 0pt;}

/********************************** Videos - what were watching css */
#tidbits-videos ul{margin:0 0 10px 0;}
#tidbits-videos li{display: inline;}
#tidbits-videos img{ line-height: 80px; width: 21%; border: 2px solid #A2A2A2; margin: 0px 4px 0px 0px; }
#tidbits-videos img:hover {border: 2px solid #ddd;}

ol{font-size:small; color:#ccc;}
ul{ font-size:small; list-style-type:none; }
blockquote{ background-position:top left; background-repeat:no-repeat; padding:1px 0 0 3px; font-style:italic; min-height:50px; }
blockquote p{color:#333; font-style:italic; }
blockquote blockquote{ background-image:url(images/sml.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 0 25px; font-style:italic; }

/********************** Start Search Bar **************************/
.search_input { background:#000000 none repeat scroll 0%; border:1px solid #555555; color:#999999; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:0.9em; margin:0pt 14px 0pt 0pt; padding:4px 3px; width:197px; }
.search_submit { background:#000000 none repeat scroll 0%; border-color:#666666 rgb(68, 68, 68) rgb(51, 51, 51) rgb(85, 85, 85); border-style:solid; border-width:1px; color:#666666; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:0.9em; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; padding:3px; text-transform:uppercase; width:81px; }

/********************************* End Search Bar *********************/
.widget {margin:0 0 20px 0;}
#header img{position:relative;}
small{font-size:10px;}
.date{font-size:10px;}
span.alignleft{}
.commentlist li {border: 1px dashed #ADADAD; padding:5px 10px 5px 10px; margin:0 0 5px 0; color:#FFFFFF;}
.commentlist li a{color:#FFFFFF;}
.alt{background-image:url(images/grated_bg.jpg); border:1px dashed #ADADAD; color:#FFFFFF; }
.alt a{ color:#FFFFFF; }
#wp-calendar{ color:#fff; empty-cells:show; width:90%; font-size:10px; }
#wp-calendar a{ display: block; text-decoration:none; }
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar caption{font:bold 1.3em 'Tahoma', Arial, Helvetica,Sans-Serif; text-align:center; }
#wp-calendar td{padding:3px 0;text-align:center;}
table caption{font-weight:bold;font-size:12px;}
.center{text-align: center;}
.right{text-align: right;}
.alignleft{float:left;}
.alignright{float: right;}
#content p img{float:left;margin-right:10px;margin-bottom:10px;}
.ff a img{border:.08em solid #ccc;padding:.077em;width:3.5em;height:3.5em;margin:0 .077em .077em 0;}
.ff a:hover img{border:.08em solid #333;width:3.5em;height:3.5em;}
.l-col{width:100%;float:left;margin-left:5px;border:0;background-image:url(images/recently.gif);background-position:top right;background-repeat:no-repeat;}
.clearfix:after{content:".";display:block;height:1%;clear:both;visibility:hidden;} 
.clearfix{display:inline;}
/* Hides from IE-mac \*/ * html 
.clearfix{height:1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* for media page photo list */
.photo-list li{ background-image:url(images/cameraIcon-13.gif); background-repeat:no-repeat; padding:1px 0pt 0pt 18px;}

/*  moo FX at the bottom - Since the Fx.Slide element resets margins, we set a margin on the above element */
div.marginbottom {margin-bottom: 10px;}

#us-music-player {display:inline;float:right;}
#us-music-player a { background-image:url('images/music-playergif.gif'); background-repeat:no-repeat; display:inline; float:right; height:80px; margin-left:10px; position:absolute; top:5px; width:90px;}

.display{ height:100px; width:25px; float:left; }

#twitter-box { position: relative; }
#twitter-img-wrap{}
#twitter-img-top{ position: relative; background:url(images/twitter-img-top.jpg) no-repeat; height:11px; /*line-height:0;*/ font-size: 0; }
#twitter-img-mid{ position: relative; background-image:url(images/twitter-img-mid.jpg); background-repeat:repeat-y; padding:0pt 10px;}
#twitter-img-mid ul{ position: relative; padding:0px; margin:0px}
#twitter-img-mid ul li{padding:0px;}
#twitter-img-bot{ position: relative; background-image:url(images/twitter-img-bot.jpg); background-repeat:no-repeat; height:11px;}

#right_sidebar_page #twitter-img-top{ background:url(images/twitter-rs-img-top.jpg) no-repeat; height:11px;}
#right_sidebar_page #twitter-img-mid{ background-image:url(images/twitter-rs-img-mid.jpg); background-repeat:repeat-y; padding:0pt 10px; }
#right_sidebar_page #twitter-img-bot{ background-image:url(images/twitter-rs-img-bot.jpg); background-repeat:no-repeat;  height:11px; }
#recent-posts ul {background-image:url(images/recent_posts-bg.jpg); background-repeat:no-repeat; height:110px; }
#recent-posts ul li { padding: 0 0 5px 10px;}
/* Home page accordion "home" and "events" */
#acc_one {position:relative; }
#acc_two {margin: 10px; position:relative;}
.toggler_home { cursor: pointer; position:relative; }
.accordion{padding-bottom:10px;}
.strong{font-weight:bold;}
/* Slide for writing comments when no comments are present for article */
.slide_comments_user{ height:260px; }
.slide_comments_none{ height:340px; }