/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{background: url(./background-red-stripe.png) repeat; color: #333;}
h1, h2, h3, h4, h5, h6{color: #222;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a.std_link, a{color: #03f;}
a.std_link:hover, a:hover{color: #036;}
a:active{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#parent-header{background: transparent url(TopStripGray.png) repeat-x; padding: 0; border-bottom: none;}
#TopMenuRight {float: right; background: transparent url(TopMenuRight.png) repeat-x; height: 60px; width: 600px;}
#TopMenuCurve{float: right; background: transparent url(TopMenuCurve.png) no-repeat; height: 60px; width: 122px;}
#container{width: 950px; background: transparent; border-left: none; border-right: none; overflow: visible;}
#header{background: transparent; padding: 0 0; height: 90px;}
    #logo-ypf{float: left; margin: -20px 0 0 0;}
    #CallUsBox {background: url(CallUsBox.png) 0 0 no-repeat; float: right; width: 330px; height: 81px; display: inline;}
#wrapper{background: url(container-bg.png) repeat-y; border-right: 1px solid #B31B28; border-left: 1px solid #B31B28;}
    #content-container{width: 768px;}
    	#feature-slider{width: 726px; background: #333;}
        #middle-bar{margin-right: auto;}
        #right-bar{width: 248px;}
#footer{background: #333;}


/*----------------*/
/* MISC LAYOUT ---*/
/*----------------*/
#calendar_wrap{padding: 0 20px 0 20px;}


/*-------------------------------------------------------------------------------------------*/
/*- PARENT HEADER ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.logo{float: left; margin: -20px 0px 0px;}

	ul.page-list {padding-top: 10px;}
    ul.page-list li{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-transform: none;}
        ul.page-list li a{color: #FFE8B3;}
		ul.page-list li a:hover{color: #FFE8B3; text-decoration: underline;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.header-advert{background: #333; border: 1px solid #333;}

    /*--------------------------------------------*/
	/*- SEARCH -----------------------------------*/
	.search-bar{border: 2px inset #333; background: #fff; float: left; margin: 8px 10px 0 13px; width: 160px;}
	.search-form input.search{color: #000; width: 140px;}


	/*--------------------------*/
	/*- MENU -------------------*/
	ul#menu{font-family: Arial, Helvetica, sans-serif; background: transparent url(menubarFull.png) no-repeat;
            border-top: none; height: 48px; margin-left: -5px;}

		ul#menu li.parent-item a.parent-link{color: #fff; text-transform: none; font-size: 11pt;}
		ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.parent-link:active{color: #FFE8B3; text-decoration: underline; text-transform: none; font-size: 11pt;}


		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#menu ul.sub-menu{background: #000;}
			ul#menu ul.sub-menu li{border-bottom: 1px dotted #ccc;}
				ul#menu ul.sub-menu li a{color: #ccc;}
					ul#menu ul.sub-menu li a:hover{color: #fff; background: #222;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN ONE ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	/*---------------------------*/
	/*- SIDE BAR WIDGET STYLING -*/
	#left-bar ul#left-side-bar li.widget{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
	#left-bar ul#left-side-bar li.wp_cumulus_widget{padding: 0 0 0 10px;}
		#left-bar ul#left-side-bar li.widget:last-child{border-bottom: 3px solid #ccc;}
	#left-bar h3{border-bottom: 1px dotted #999;}
	#left-bar ul li ul li{border-bottom: 1px dotted #ccc;}
	#left-bar ul.advert li{border-bottom: 1px dotted #ccc;}
    /*------------------------------------*/
    /*- YourPictureFrames Customizations -*/
    #left-bar .Block {padding-bottom: 5px;}
    #left-bar .BlockContent {}
    #left-bar h2 {font-size: 1.3em; padding-left: 5px; height: 20px; color: #fff;background: transparent url(rightColHeaderRed.png) 0 0 no-repeat;}
    #left-bar ul {margin: 0; padding: 0;}
    #left-bar li {clear: both; list-style: none; margin: 0; background: #ffffff; font-size: 0.95em; border-bottom: 1px solid #d9d9d9;}
    #left-bar li a {text-decoration: none; padding: 2px 10px 2px; display: block; color: #232323;}
    #left-bar li a:hover {text-decoration: underline; background: #FFd95f; color: #0000FF;}
    #left-bar .YPFSideCategoryList li ul {border-top: 1px solid #D9D9D9;}
        #left-bar .YPFSideCategoryList li.LastChild {border-bottom: 0 !important;}
    #left-bar .YPFSideCategoryList li{padding: 0; font-size: 0.95em; line-height: 15px;}
    
/*--------------------------------------------------------*/
/*- FEATURE SLIDER ---------------------------------------*/
/*--------------------------------------------------------*/
ul.selecters{background: url(feature-title-bg.png) repeat}
	ul.selecters li a{background:url(feature-selecters.png) top no-repeat;}

#feature-slider a.feature-image{width: 726px;}
#feature-slider div.feature-descriptions{width: 688px; background: url(feature-title-bg.png) repeat; border-top: 1px solid #700000;}
	#feature-slider div.feature-descriptions h3{color: #fff;}
		#feature-slider div.feature-descriptions h3 a{color: #fff;}
		#feature-slider div.feature-descriptions h3 a:hover{color: #ccc;}
	#feature-slider div.feature-descriptions p{border-left: 1px dotted #700000; color: #ccc;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN TWO ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------------------------------------*/
	/*- OTHER FEATURES BAR -----------------------------------*/
	.other-features{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
		.other-features h3.header-comments{border-bottom: 1px dotted #ccc; color: #000;}
		.other-features .middle{border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}


	/*--------------------------------------------------------*/
	/*- PAGINATION -------------------------------------------*/
	ul.page_button_content{border-top: 3px solid #e0e0e0;}
		ul.page_button_content li a{background: #002D42; color: #fff;}
			ul.page_button_content li a.previous-page, ul.page_button_content li a.next-page{background: #444;}
				ul.page_button_content li a.previous-page:hover, ul.page_button_content li a.next-page:hover{background: #000;}
				
			ul.page_button_content li a.selected-page{background: #444;}
			ul.page_button_content li a.selected-page:hover{background: #000;}

			ul.page_button_content li a.other-page{background: #ccc; color: #444;}
				ul.page_button_content li a.other-page:hover{background: #444; color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post .copy ol, .post .copy ul{color: #555;}

.post{border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;}

	.first{border-top: none;}

	.post h2.title a{color: #000; border-bottom: 1px dotted #ccc;}
		.post h2.title a:hover{color: #036; border-bottom: 1px solid #ccc;}

	.date{color: #777;}
	
	a.comment-count{color: #03F;}
		a.comment-count:hover{color: #333;}

	.post .tags{border-top: 1px dotted #ccc;}
		.post .tags a{background: #000; color: #fff;}
		.post .tags a:hover{background: #03F;}
			
		a.action-link{background: #333; color: #fff;}
			a.action-link:hover{background: #036;}

	/*--------------------------------------------------------*/
	/*- SPECIAL STYLING FOR ITEMS SUCH AS BREAKING NEWS ------*/
	.special{background: #fc0; border-top: none; border-bottom: 1px solid #f90;}
	
		.special h2.title a{background: #111; color: #fff; border-bottom: 3px solid #000;}
			.special h2.title a:hover{color: #f00; border-bottom: 3px solid #c00;}
			.special h2.title a span.breaking-headline{color: #999;}
			
		.special .date{color: #000;}
		
		.special a{color: #fff;}
			.special a:hover{color: #f00;}
		
		.special .media{border: 5px solid #000; border-left: none; border-right: none;}
		
		.special .copy{padding: 10px; color: #000;}
			.special .copy a.action-link{background: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.promote-post{background: #f8f8f8; border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
	.promote-post h3{color: #000; border-bottom: 1px dotted #ccc;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.user{border-top: 3px solid #ccc; border-bottom: 1px dotted #ccc;}
	.comment h4 a{color: #333;}
	.comment h4 a:hover{color: #03F;}
		.comment p.comment-date{color: #777;}
			
		.user a.action-link{background: #fff; color: #333;}
			.user a.action-link:hover{background: #03F; color: #fff;}

	/*--------------------------------------------------------*/
	/*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/
	.threaded-comments{background: #f3f3f3; border: 3px solid #e0e0e0;}
		h4.header-comments{color: #000;}
		.threaded-comments .thread-comment{border-top: 1px solid #e0e0e0;}

		.threaded-comments h4 a{color: #222;}
			.threaded-comments h4 a:hover{color: #03F;}


/*-------------------------------------------------------------------------------------------*/
/*- POST A COMMENT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comment-form-content{border-bottom: 1px solid #ccc;}
	.comment-form-content h3.header-leave-comment{border-top: 1px solid #ccc; border-bottom: 1px dotted #ccc;}
	
	.comment-form-content .comment_form label{color: #333;}

		.comment-input input{border: 1px solid #999; border-bottom: 3px solid #999;}
		.comment-texarea textarea{border: 1px solid #999; border-bottom: 3px solid #999;}
		
	.checkbox{color: #333;}
	input.submit_button{background: #111; color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#archives{border-bottom: 1px solid #ccc; border-top: 3px solid #e0e0e0;}


/*-------------------------------------------------------------------------------------------*/
/*- GALLERY PAGES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#gallery-slider{background: #000;}
	.gallery-description h3 a{color: #fff;}
	.gallery-description h3 .gallery-header{color: #888; background: #000;}
	.gallery-description p{color: #ccc;}
	span.gallery-image-overlay:hover span.gallery_name{color: #fff;}
	span.gallery-image-overlay:hover span.gallery_name span.gallery-date{color: #ccc;}
	
	.gallery-next-prev{border-top: 1px dotted #333;}
		.gallery-next-prev a.next, .gallery-next-prev a.prev{color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- COLUMN THREE ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-bar ul#side-bar li.widget{border-top: 3px solid #e0e0e0; border-bottom: 1px solid #ccc;}
	#right-bar ul#side-bar li.widget:last-child{border-bottom: 3px solid #ccc; padding: 0 20px 20px;}
	#right-bar ul li.widget ul li{border-bottom: 1px dotted #ccc;}
	#right-bar h3{border-bottom: 1px dotted #999;}


	/*--------------------------------------------*/
	/*- TABBED CONTENT ---------------------------*/
	#right-bar ul#side-bar li.tabbed-content{background: #fff; border: 3px solid #e0e0e0;}
		ul.side-bar-tabs li a{color: #999;}
			ul.side-bar-tabs li a:hover, ul.side-bar-tabs li a:active, ul.side-bar-tabs li.selected a{color: #03F; background: transparent url(tab-hover.png) bottom no-repeat;}


	.selected-tabbed-content{color: #555; background: #fff; border-top: 1px solid #e8e8e8;}

		.selected-tabbed-content ul li{border-bottom: 1px dotted #ccc;}
			.selected-tabbed-content ul li:last-child{}
				.selected-tabbed-content ul li a img{border: 1px solid #ccc;}
					.selected-tabbed-content ul li a span{color: #333;}
				.selected-tabbed-content ul li a:hover{background: #f8f8f8;}
					.selected-tabbed-content ul li a span:hover{color: #03F;}


	/*--------------------------------------------*/
	/*- TWITTER ----------------------------------*/
	ul#twitter_update_list li{border-bottom: 1px dotted #ccc; }


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.footer-links{border-bottom: 1px dotted #333; color: #333;}
	ul.footer-links li a{color: #FFE8B3; text-transform: none;}
		ul.footer-links li a:hover{color: #FFE8B3; text-decoration: underline; text-transform: none;}


	p.copyright{color: #FFE8B3;}
		p.copyright a{color: #3C96DF;}
		p.copyright a:hover{color: #fff;}
	a.obox-logo{background: url(obox-logo.png) top;}
		a.obox-logo:hover{background: url(obox-logo.png) bottom;}