/* Clear Floated Elements  */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}



/*  */

.clearfix:before,.clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

.clearfix:after {clear: both;}



/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem.*/

.clearfix {zoom: 1;}







/*** CHANGE BACKGROUND IMAGE HERE ***/	



html { background: url('images/bg.jpg') no-repeat center center fixed; z-index:-5; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }



.raster {position:fixed;z-index: -1;overflow:auto;height:100%;width:100%;background: url('images/raster.png');

	margin: 0px /*-8px 0 0 -8px*/;}





/*** CHANGE LOGO IMAGE HERE ***/	



.logo{ background: url('images/tpm-logo.png'); width: 288px; height: 40px; float: right; margin-top:60px; margin-bottom: -50px }







/*** START traildelameije STYLES ***/	



body { padding-bottom: 45px ;  }



.wrapper { width:950px; margin:0 auto; position:relative; display:block;   }



a:link, a:visited { color:#316594; text-decoration:underline }



a:hover, a:focus { color:#222; text-decoration:underline }	







/* HEADER */



.header { background-color: rgba(100%,20%,20%,0.8) ; top:0; left:0; height:45px; border-bottom:#C9C9C9 1px solid; width: 100%; position: fixed; z-index: 9999;

 box-shadow: 2px 2px 10px rgba(0,0,8, 0.3) }







/* HEADER: breadcrumbs */



header .breadcrumbs { font-family: 'sans-serif', arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; height:16px; line-height:16px; overflow:hidden; color:#666; width:100% }



header .breadcrumbs a:link, 



header .breadcrumbs a:visited { color:#888; font-family: 'sans-serif', arial, helvetica, sans-serif; text-transform:uppercase;	  }



header .breadcrumbs a:focus, 



header .breadcrumbs a:hover { color:#444; font-family: 'sans-serif', arial, helvetica, sans-serif; text-transform:uppercase }



#index header .breadcrumbs { display:none; /* no reason to have breadcrumbs on homepage */ } 



span.wrapper a:link, span.wrapper a:visited, span.wrapper  { font-family: 'sans-serif', arial, helvetica, sans-serif; text-transform:uppercase; font-size:10px; color:#666; text-decoration: none }







/* HEADER: logo */



header #logo { }



header #logo:link, 



header #logo:visited, 



header #logo:hover, 



header #logo:focus { text-decoration:none }











/* HEADER: navigation */



header nav { float: left; width: 100% }

header nav ul { list-style:none }	

header nav li { margin-top:  0px; display:block; float:left; margin-left: 28px }

header nav li:hover { margin-top: 0px; display:block; float:left }

header nav li a {
	display: block;
	font-size: 12px;
	font-family: 'Gotham-Medium', arial, helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	letter-spacing: 2px;
	font-weight: normal;
	color: #3366CC
}



header nav li a:link, 


header nav li a:visited { color: #f4f4f4; text-decoration:none }	



header nav li a:hover, 
header nav li a:focus { color:#F4F4F4; text-decoration:none; padding: 5px 10px 5px 10px; box-shadow: 0px 2px 3px rgba(0,0,0, .3); border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px;   background-color: #CCCCCC }
header nav li.current a { color:#f4f4f4; background-color: #CCCCCC !important; text-decoration:none; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px }







/* BODY CONTENT */



article { font-family: arial, helvetica, sans-serif; float:left; width:100%; margin: 65px 30px 30px 30px; min-height:500px; background-color: rgba(255,255,255,0.9); padding: 20px; box-shadow: 3px 2px 8px rgba(0,0,0, .3) }



article h1 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; font-size:11px; margin:0 0 45px 0; color: #444; font-size:24px }



article h2 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; margin:0 0 10px 0; color: #444; font-size:20px }



article h3 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; margin:0 0 15px 0; color: #444; font-size:18px }



article h4 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; margin:0 0 10px 0; color: #444; font-size:16px }



article h5 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; margin:0 0 10px 0; color: #333; font-size:14px }



article h6 { font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; margin:0 0 10px 0; color: #666; font-size:12px }



article section { padding:40px; line-height:22px; font-size:14px; color:#333;	 }



article section p {margin:0 0 25px 0;}



article section ul, 



article section ol { margin:0 0 25px 30px }



article section ul ul, 



article section ol ol,



article section ul ol, 



article section ol ul { margin:0 0 0 25px }



article section code { border:1px solid #ccc; background:#f6f6f6; font-size:12px; padding:1px }



article section pre { border:1px solid #ccc; background:#f6f6f6; padding:15px; margin:0 0 25px 0; line-height:16px; font-size:13px; color:#555; text-shadow: 1px 1px 0px #fff; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; overflow: hidden }



article section pre code { border:none; background:none; padding:none }



article section blockquote { margin:0 0 25px 20px; color:#555; line-height:20px; font-family:georgia, garamond, serif; font-style:italic; padding:0 0 0 15px; border-left:1px solid #ccc }



article section .footer { color:#888; font-size:11px; margin-top:40px; padding-top:15px }



article section .footer p { margin:0 0 10px 0 }







/* SIDEBAR LEFT*/



aside { float:left; width:240px; padding: 0px 10px 0px 0px; margin-left: 22px; margin-top: 20px; margin-bottom: 20px } 



aside .section { margin:0 0 0 0; font-size:14px; line-height:16px; color:#555; padding: 16px  16px 20px 6px }



aside .section p { margin:0 0 2px 0 }



aside .section ul{ margin-left: 24px !important; margin-bottom: 8px }



aside .section ol { margin:0 0 10px 2px }



aside .section h2 { background:#F3F3F3; box-shadow: 1px 2px 3px rgba(0,0,0, .3); text-transform:uppercase; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 2px; color:#444; font-size:12px; line-height:19px; margin:0 0 10px 0px; padding:12px 0 10px 12px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -khtml-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px }







/**** SIDEBAR RIGHT ****/



aside#right { float: left; width:240px; padding: 0px 10px 0px 0px; margin-left: 22px; margin-top: 20px; margin-bottom: 20px } 



/* SIDEBAR: socialmedia */



aside #socialmedia { position:relative }



aside #socialmedia h2 { width:65px; background: #316594; background: -moz-linear-gradient(top, #316594 0%, #2C5983 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316594), color-stop(100%,#2C5983)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316594', endColorstr='#2C5983',GradientType=0 ) }



aside #socialmedia .icons { position:absolute; top:3px; right:0px }







/* FOOTER */



footer { height:35px; padding:0; color: #f4f4f4; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-size:10px; width: 100%; background-color: rgba(60%,60%,60%,0.6); border-top:#C9C9C9 1px solid; position: fixed; bottom: 0; left: 0; z-index: 9999; box-shadow: 2px -2px 10px rgba(0,0,8, .3) }



footer .left { float:left; width:35%; padding-left: 40px; text-align:left; padding-top: 12px }



footer .right { float:right; width:50%; text-align:right; padding-top: 12px }



footer a:link, footer a:visited { color: #f4f4f4; text-decoration:underline }



footer a:hover, footer a:focus { color:#FFF; text-decoration:underline }







/**** ALL CUSTOM ADDED STYLES PLUGIN SUPPORT ****/



.clear{ clear: both }



#line_top{ height: 30px; border-bottom:1px solid #ccc; width: 900px; margin: 0 auto }



#line_bottom{ height: 30px; border-top:1px solid #ccc; width: 900px; margin: 0 auto }



#line_top_sidebar{ height: 10px; border-bottom:1px solid #ccc; width: 900px; margin: 0 auto }



.scroll_top{ bottom: 80px; right: 0; position: fixed; z-index: 9999;  opacity:0;}







/**** RIGHT ARTICLE *****/



section#right { width: 640px; float: left }



article section#right{ padding: 20px 0px 20px 20px; border-left: 1px solid #ddd; margin-top: 20px;  margin-bottom: 20px } 







/****** LEFT ARTICLE *****/



section#left { width: 640px; float: left }



article section#left{ padding: 20px 0px 20px 20px; border-right: 1px solid #ddd; margin-top: 20px;  margin-bottom: 20px } 







/******* CUSTOM IMAGE CLASSES ******/



img{ box-shadow: 0px 2px 6px rgba(0,0,0, .5) } 



.pl_img_left{ float: left; margin-right: 14px }



.pl_img_right{ float: right; margin-left: 14px  }



.pl_img_center{ margin: 14px; float: none; clear: both }



.pl_img_none{ margin: 14px }







/******* CUSTOM COLUMNS ********/



#pl_block_25 h2{ width: 98%; padding-left: 4px ; background: #888; color: #fafafa; font-size: 14px}



#pl_block_25{ width: 20.5%; margin:  12px; display: inline; float: left; background: #F3F3F3; padding: 4px; box-shadow: 1px 2px 3px rgba(0,0,0, .3) }



#pl_block_50 h2{ width: 99%; padding-left: 4px ; background: #888; color: #fafafa; font-size: 14px}



#pl_block_50{ width: 45%; margin: 12px; display: inline; float: left; background: #F3F3F3; padding: 4px; box-shadow: 1px 2px 3px rgba(0,0,0, .3) }



#pl_block_100 h2{ width: 99.5%; padding-left: 4px ; background: #888; color: #fafafa; font-size: 14px}



#pl_block_100 { width: 95%; margin: 14px; display: inline; float: left; background: #F3F3F3; padding: 4px; box-shadow: 1px 2px 3px rgba(0,0,0, .3) }



/******* DROP DOWN NAVIGATION *********/



 



/******** CUSTOM FONT SUPPORT *******/



@font-face {



    font-family: 'Gotham-Medium';



    src: url('fonts/Gotham-Medium.ttf') } 



	



/******* DROP DOWN NAVIGATION *********/



#nav li ul  { z-index: 9999; position: absolute; background: url("images/pl_eg_ul_bg.png") 0px -11px no-repeat; padding: 26px 4px 4px 4px; min-width: 180px; max-width: 280px; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; }



#nav li ul li { width: auto; margin-bottom: 4px }



#nav li ul li a { font-size:12px; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal;  display:block; font-size:12px;  padding: 5px 10px 5px 10px; text-transform:uppercase; min-width: 180px; max-width: 280px; margin-left: -24px; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px;}



#nav ul { ist-style: none }



#nav li ul { position: absolute; width: 13em; max-width: 15em; left: -999em; z-index: 100; margin-top: 0px  }



#nav li ul li:hover a{ color: #888; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px }



#nav li:hover ul { left: auto }



#nav li:hover ul, #nav li.sfhover ul { left: auto }







/**** GS BLOG STYLES ****/



img.blog_post_thumbnail { max-width: 400px; float: left; margin-right: 14px }



.blog_post_thumbnail { padding: 0px !important; margin-right: 14px }



a.read_more_link { float: right; text-decoration: none; color: #fff; background: #888; padding: 4px; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; box-shadow: 0px 2px 6px rgba(0,0,0, .5); text-transform:uppercase; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; font-size:11px; margin-top: 6px}



.blog_post_date{ display: none }



a.read_more_link:hover { float: right; text-decoration: none; color: #888 !important; background: #FEFEFE; padding: 4px; border-radius:1px; -moz-border-radius:1px; -khtml-border-radius:1px; -webkit-border-radius:1px; box-shadow: 0px 2px 6px rgba(0,0,0, .5); text-transform:uppercase; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; font-size:11px;  margin-top: 6px}



h3.blog_post_title{ background:#F3F3F3; box-shadow: 1px 2px 3px rgba(0,0,0, .3); text-transform:uppercase; font-family: 'Gotham-Medium', arial, helvetica, sans-serif; font-weight: normal; color:#444; font-size:14px; line-height:19px; margin:0 0 20px 0px; padding:12px 0 10px 12px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -khtml-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px }



h3.blog_post_title a{ color: #444; letter-spacing: 2px; text-decoration: none; }



.post_date{ right:0; top: 0 }