/*
Template Name: Typografik
Template URI: http://www.joomlaxtc.com
Description: JoomlaXTC Typografik
Version: 1.0
Author: JoomlaXTC
Author URI: http://www.joomlaxtc.com
Tags: tags, are, separated, using, commas,

License: #  The CSS, XHTML is released under GPL:
         #  http://www.opensource.org/licenses/gpl-license.php 
 		 #  Graphics under exclusive license (C)2009 Monev Software LLC 
		 #  Additional CSS, PHP, and Javascripting under exclusive license (C)2009 Monev Software LLC - not for distribution
	     #  http://www.joomlaxtc.com

*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements 
01 - Header - Header, Logo, navigation, search.  
02 - Main Structure - Columns, clearfix, etc.
03 - Layouts - CSS For The Different Layouts  
04 - Modules - mod suffixes et.
05 - Menus - Menus   
06 - Typography - All Type throughout the site    
07 - Footer and Bottom Mods - Copyright, Legals, disclaimer etc
08 - Content - Blog Stuff Etc.
09 - Sample Content - Sample styling used for news pro etc. 

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

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	font-family: "MS Trebuchet", Arial, sans-serif;   
	font-size:13px;   
	line-height:17px;
	color:#545454;
} 

p {
	font-family: "MS Trebuchet", Arial, sans-serif;   
	font-size:13px;   
	line-height:17px;
	color:#545454;
}

.BGfull {
	width:100%;  
	float:left;
}     
  
.wrapper {
	width:971px;
	margin:0px auto;
} 

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

/* 01 - HEADER
/* ----------------------------------------------*/ 
 

#header_bg {
    background:url(../images/headers/headerBG.png) repeat-x;
    height:211px;
}

    #header {
        top:28px; 
        position:relative;
    }
        #logo a {
            width:298px;
            height:106px; 
            background:url(../images/logos/logo.png) no-repeat;
            float:left; 
			margin-top:-200px; 
        } 
        
       #newsflash_bg {
            float:right; 
            margin-top:25px;
        }
 

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

/* 02 - Main Structure
/* ----------------------------------------------*/

#content_bg {
    background:url(../images/contentBG.png) repeat-x; 
    min-height:438px;  
    margin-top:-42px;
} 

#columns_wrapper {
    margin-top:90px;
}   

#maincolumn {
    margin-bottom:16px;
} 

#maincolumn div.inner {
    border-right:1px solid #E1E1E1; 
}    

#topLeftMods {
    float:left;
    width:100%;
}


/** Columns **/  

.usermod, .column {
    float:left; 
}   

div.inner, .modules {
	padding:0px 16px 0px 16px;
}


#left_column .usermod .moduletable {  
    margin:0px 0px 0px 0px;
}

#left_column .usermod.last-child .modules {
    border-left:1px solid #e1e1e1; 
    border-right:1px solid #e1e1e1; 
} 


#right_column #left .modules {
    border-right:1px solid #E1E1E1;
}   
 
 
/* ----------------------------------------------*/

/* 03 - LAYOUTS
/* ----------------------------------------------*/       



/** Layout1 **/


.layout1 #user1.only-child .modules {                        
    border-left:none;
}
.layout1 #maincolumn.last-column div.inner {
    border-right:none;
} 

/** Layout 2**/  


.layout2 #left_column .usermod.last-child .modules {
    border-right:none;
}  

.layout2 #left_column .usermod .modules  {
    border-left:1px solid #e1e1e1; 
} 



/** Layout 3 **/  

.layout3 #left_column .usermod.last-child .modules {
    border-right:none;
}  

.layout3 #left_column .usermod .modules  {
    border-left:1px solid #e1e1e1; 
} 

.layout3 #right_column #user5 {
    border-left:none;  
} 

.layout3 #maincolumn div.inner {
    border-right:none;
    border-left:1px solid #E1E1E1;     
}

.layout3 #maincolumn.only-child div.inner {
    border-left:none;
}

/** Layout 4 **/    

.layout4 #maincolumn div.inner {
    border-left:1px solid #e1e1e1;   
}   

.layout4 #right_column #user5 {
    border-left:none; 
}
  

.layout4 #user1.only-child .modules {                        
    border-left:none;
}

/** Layout 5 **/    

.layout5 #maincolumn div.inner {
    border-left:1px solid #e1e1e1;   
}   

.layout5 #right_column #user5 {
    border-left:none; 
}   

.layout5 #user1.only-child .modules {                        
    border-left:none;
}


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

/* 04 - Module Suffixes
/* ----------------------------------------------*/   

.module {
    margin-bottom:16px;  
} 


.module ul.menu li {    
    border-bottom:1px solid #dbdbdb;   
    padding:4px 0px 4px 22px; 
	text-transform: uppercase;
	font-size: 10px;
	margin: none;
    background:url(../images/list-icon.png) no-repeat scroll 0% 50%;
}
  
 
/*
.moduletable_splitlist {    
    background:url(../images/list-icon.png) no-repeat scroll 0% 50%;
} 
*/
.moduletable_splitlist ul.menu li {    
	float:left;
	width:117px;
    padding:4px 0 4px 22px; 
	margin:0 3px 0 3px;    
} 

/** Surround **/

.surround .modtitleLines {
    background: url(../images/dots.png) repeat-x scroll center; 
}

    .surround .modtitle {
        font-size:9px;
        color:#232323; 
        letter-spacing:0px;  
        font-weight:bold;  
        text-align:center; 
        line-height:10px; 
    }

        .surround .modtitle  .inner {
            background:#fff;
            padding:0px 4px 0px 4px; 
            border:2px solid #c0bebe;  
            border-bottom:none;
            border-top:none;
        }    

.surround .modulecontent {
    margin-top:5px;
}
  

#user4 .menu {
    float:left;
}

/** Split It **/   

.splitit .modtitleLines {
    border-bottom:1px solid #c0bebe; 
	padding-bottom:0px;

}

.splitit .firstThree {  
    font-size:16px;
    text-align:center;
    display:block;  
} 

.splitit .rest {
    font-size:35px;
    color:#444444;   
    text-align:center;
} 
 

.splitit h3.modtitle  {
    line-height:27.5px;   
}


/** Aligns **/ 
    
.leftAlign .firstThree, .leftAlign .rest  {
    text-align:left;     
} 
    
.rightAlign .firstThree, .rightAlign .rest  {
    text-align:right;     
} 

.centerAlign h3.modtitle {
    text-align:center;
}

.contentCenterAlign {
    text-align:center;
}
 
.contentRightAlign {
    text-align:right;
}
   
   
.advert h3.modtitle {
   font-size:9px;
} 

.moduletable.advert{
    background:#ebebeb;  
    padding:2px 6px 6px 6px !important;
}

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

/* 05 - MENUS
/* ----------------------------------------------*/ 
/** Base Styles DO NOT EDIT Over-ride isntead **/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
  	color:#BABABA;
	list-style:		none;
	text-decoration:none;
	font-family: Arial; 
	font-size: 12px;
	font-weight:100;
	text-transform:uppercase;
	z-index: 300 !important;
}
	
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
		
}
.sf-menu ul li {
  display:block;
  width: 100%;
  color: #bababa;
}  

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		200;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
  display:block;
	padding: 		.55em 2.5em;
	text-decoration:none;
}

.sf-menu ul a span{
  display:block;
  padding:3px 20px 3px 20px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			66em; /*IE6 soils itself without this*/
}

#menu ul.sf-navbar > li > ul{
  position:absolute;
  left:auto !important;
  margin:0px 0px 0px 0px;
}

#menu ul.sf-navbar > li > ul > li > ul{
  margin:6px 0px 0px 0px;
}

.sf-navbar ul li a span{
  font-size:10px;
}
.sf-navbar ul a span{
  display:block;
  padding:3px 8px 3px 8px;
}
.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}


ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}



/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


/** Main Menu **/

    
   
    #menu .menu {
        float:none;
        margin:300 auto;
        padding:3px 0 0;
        margin-left:500px;
        width:150px;
    }     
    
            #menu li a {
                background:#ffffff none repeat scroll 0 0;
                font-family:Arial;
                font-size:10px;
                font-weight:bold;
                padding:8px 20px 0;
            }    
			
			 #menu li a:hover {
	 	background: none;
	 	color:#cccc00;
    } 

        #menu > ul > li.active {
            background:transparent url(../images/menu-tick.png) no-repeat scroll 50% 36px;
            height:245px;

        }  

        .sf-navbar li ul {
            margin-left:0px; 
    } 


    /** Drop Downs */
                         
        #menu .sf-menu li ul  {
       text-align:center;
        margin-top:3px;
        margin-left:30px;
        width: 155px;
    }   
    
   #menu .sf-menu li ul li {
	  background: url(../images/tick-sm.png) center top no-repeat #fff;
	  text-align:center;

    }   

    
    #menu .sf-menu li ul li:hover {
	 	background: url(../images/tickh-sm.png) center top no-repeat #fff;
        display:block;
	  margin:0px;

    } 
    
    #menu .sf-menu li ul li:hover a {
        color:#fff;
    }
    
    #menu .sf-menu li ul li a {
        color:#cccc00;     
        background:transparent none repeat scroll 0 0 !important;
        display:block;
        font-family:"Arial,sans-serif;
        font-size:8px;
        font-variant:normal;
        padding:9px;
    } 
    
    #menu .sf-menu li > ul > li > ul {
        margin:0px 0px 0px 0px;
        
    }




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

/* 06 - TYPOGRAPHY
/* ----------------------------------------------*/ 

.componentheading, .contentheading {
	padding: 0;
	font-family: Arial, "MS Trebuchet", sans-serif; 
	font-size: 2.5em;
	font-weight: normal;
	vertical-align: bottom; 
	text-align: left;
	margin-bottom: 18px;
	width: 100%; 

}    

h3.modtitle {
    font-size:38px; 
    letter-spacing:-1px;
    line-height:35px; 
    font-family: Arial, "MS Trebuchet", sans-serif;   
    font-weight:normal; 
    color:#444444;
}  

h3.modtitle .rest {
    display:block;
    margin-left:-2px;
}  

#content h3 {
    color:#444444;

} 


.readmore {
    text-transform:uppercase;
}  

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

.button {
background: #e0e0e0;
font-size: 10px;
color:#666666;
padding: 2px 6px 2px 6px;
border: none;

}  

.dropcap {float:left;padding:4px 8px 0 0;display:block;color:#999999;font:50px/40px Times, serif;}
table.searchintro{padding:2px 0; width:100%}
.search input.inputbox{background:#999999; width: 221px; height: 22px;  padding:0 0 0 19px;   border:0px solid #898989;    color:#fff;   filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; float:left;
margin-top:1px;}
table.searchintro td{padding:5px!important}

/* Quotes */
quotes {padding: 1em 40px 1em 15px;	font: 16px Arial;}
quotes span.open {background: url(../images/typo/openquote.gif) no-repeat left top;	padding: 2px 0 2px 25px;}
quotes span.close {background: url(../images/typo/closequote.gif) no-repeat top right;	padding: 2px 25px 2px 0;}

/* Large Quotes */
quoteslg {padding: 1em 70px 1em 15px;font: 28px Arial;line-height: 28px;}
quoteslg span.open {background: url(../images/typo/oquote_lg.png) no-repeat left top;padding:12px 25px 2px 25px;}
quoteslg span.close {background: url(../images/typo/equote_lg.png) no-repeat top right;	padding: 2px 25px 25px 25px;}

/* Code */
.code {background: #F4F4F4;font: 1em/1.5 "Tahoma", monospace;	margin: 5px 0 15px;	padding: 10px 15px;	color: #333333;}

/* Notice */
p.error, p.message,p.ideas,p.astrix {height:11px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px}
p.error {color: #f10033;background: url('../images/typo/notice-typo.gif') no-repeat 0px  0px;}
p.ideas {color: #EE9600;	background: url('../images/typo/notice-typo.gif') no-repeat 0px  -16px;}
p.message {color: #006699;background: url('../images/typo/notice-typo.gif') no-repeat 0px  -32px;}
p.astrix {background: url('../images/typo/notice-typo.gif') no-repeat 0px  -52px;}

/* Highlight */
.highlight {padding: 12px;background: #FFFFCC;color: #333333;}

/* Download */
p.download {background: url('../images/typo/download.gif') no-repeat 5px center; height:14px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

/* Photolink */
p.photolink {background: url('../images/typo/ww_image.png') no-repeat 5px center;	padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

/* heart */
p.heart {background: url('../images/typo/heart.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

/* X */
p.x {background: url('../images/typo/x-red.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;}

p.xblack {background: url('../images/typo/x-black.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:5px; padding-bottom:5px;}

/* RSS */
p.rss {background: url('../images/typo/rss.png') no-repeat 5px center;padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

/* JoomlaTypo */
p.com, p.mod, p.plug, p.lang {height:12px;padding-left:35px; padding-right:0px; padding-top:0px; padding-bottom:5px;}
p.com {	background: url('../images/typo/joomla-typo.gif') no-repeat 0px  0px;}
p.mod {	background: url('../images/typo/joomla-typo.gif') no-repeat 0px  -34px;}
p.plug {background: url('../images/typo/joomla-typo.gif') no-repeat 0px  -17px;}
p.lang {background: url('../images/typo/joomla-typo.gif') no-repeat 0px  -51px;}

/* Star */
p.stargrey,p.starred,p.starblue,p.stargreen,p.staryellow,p.starblack, p.starpurple {height: 11px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.starpurple {background: url('../images/typo/star-typo.gif') no-repeat 0px  0px;}
p.starred {background: url('../images/typo/star-typo.gif') no-repeat 0px  -12px;}
p.staryellow {background: url('../images/typo/star-typo.gif') no-repeat 0px  -24px;}
p.stargrey {background: url('../images/typo/star-typo.gif') no-repeat 0px  -36px;}
p.stargreen {background: url('../images/typo/star-typo.gif') no-repeat 0px  -47px;}
p.starblue {background: url('../images/typo/star-typo.gif') no-repeat 0px  -58px;}
p.starblack {background: url('../images/typo/star-typo.gif') no-repeat 0px  -68px;}
/* Photo */
p.photogrey,p.photoblack,p.photored,p.photoblue,p.photopink,p.photogreen,p.photoyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.photogrey {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -48px;}
p.photoblack {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -72px;}
p.photored {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -24px;}
p.photoblue {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -84px;}
p.photopink {background: url('../images/typo/camera-typo.gif') no-repeat 0px  0px;}
p.photogreen {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -36px;}
p.photoyellow {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -60px;}
p.photopurple {background: url('../images/typo/camera-typo.gif') no-repeat 0px  -13px;}
/* Article */
p.articlegrey,p.articleblack,p.articlered,p.articleblue,p.articlepink,p.articlegreen,p.articleyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.articlegrey {background: url('../images/typo/article-typo.gif') no-repeat 0px  -48px;}
p.articleblack {background: url('../images/typo/article-typo.gif') no-repeat 0px  -72px;}
p.articlered {background: url('../images/typo/article-typo.gif') no-repeat 0px  -24px;}
p.articleblue {background: url('../images/typo/article-typo.gif') no-repeat 0px  -84px;}
p.articlepink {background: url('../images/typo/article-typo.gif') no-repeat 0px  0px;}
p.articlegreen {background: url('../images/typo/article-typo.gif') no-repeat 0px  -36px;}
p.articleyellow {background: url('../images/typo/article-typo.gif') no-repeat 0px  -60px;}
p.articlepurple {background: url('../images/typo/article-typo.gif') no-repeat 0px  -13px;}

/* blog */
p.bloggrey,p.blogblack,p.blogred,p.blogblue,p.blogpink,p.bloggreen,p.blogyellow,p.blogpurple { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.bloggrey {background: url('../images/typo/blog-typo.gif') no-repeat 0px  0px;}
p.blogblack {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -48px;}
p.blogred {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -72px;}
p.blogblue {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -84px;}
p.blogpink {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -24px;}
p.bloggreen {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -36px;}
p.blogyellow {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -12px;}
p.blogpurple {background: url('../images/typo/blog-typo.gif') no-repeat 0px  -60px;}

/* movie */
p.moviegrey,p.movieblack,p.moviered,p.movieblue,p.moviepink,p.moviegreen,p.movieyellow,p.moviepurple { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.moviegrey {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -48px;}
p.movieblack {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -24px;}
p.moviered {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -24px;}
p.movieblue {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -36px;}
p.moviepink {background: url('../images/typo/movie-typo.gif') no-repeat 0px  0px;}
p.moviegreen {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -48px;}
p.moviepurple {background: url('../images/typo/movie-typo.gif') no-repeat 0px  -60px;}

/* check */
p.checkgrey,p.checkblack,p.checkred,p.checkblue,p.checkpink,p.checkgreen,p.checkyellow { height: 12px; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
p.checkgrey {background: url('../images/typo/check-typo.gif') no-repeat 0px  -47.5px;}
p.checkblack {background: url('../images/typo/check-typo.gif') no-repeat 0px  -72px;}
p.checkred {background: url('../images/typo/check-typo.gif') no-repeat 0px  -24px;}
p.checkblue {background: url('../images/typo/check-typo.gif') no-repeat 0px  -84px;}
p.checkpink {background: url('../images/typo/check-typo.gif') no-repeat 0px  0px;}
p.checkgreen {background: url('../images/typo/check-typo.gif') no-repeat 0px  -36px;}
p.checkyellow {background: url('../images/typo/check-typo.gif') no-repeat 0px  -59px;}
p.checkpurple {background: url('../images/typo/check-typo.gif') no-repeat 0px  -13px;}

/* Note */
.note {	background: url('../images/typo/note.gif') no-repeat right bottom;font-size: 1em;color: #000000 !important;	padding-left:20px; padding-right:20px; padding-top:40px; padding-bottom:40px;}
.grayhover1{padding: 12px;}
.readMoreWrap {
	margin-bottom:10px;
}        

a.readmore, a.readon {
	float:left;
	color:#ffffff;  
	font-size:10px;   
	font-family: "MS Trebuchet", Arial, Helvetica, sans-serif;  
	padding:4px 8px 4px 8px;    
	background:#999999; 
	text-decoration:none;
	text-transform:uppercase;
}  


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

/* 07 - Footer and Bottom 
/* ----------------------------------------------*/

#bottom_modsBG {
    width:100%; 
    background:#101010 url(../images/bottomModsBG.png) no-repeat scroll top center;   
    margin-top:12px;
	padding-bottom: 32px;
}     

#bottomMods {
    margin-top:32px;
} 

#bottomMods h3.modtitle {
    font-size:12px; 
    color:#666;
	text-transform:uppercase;
	border-bottom:1px solid #555555;
    letter-spacing:0px; 
    margin-top:-15px;
} 

#bottomMods .module ul.menu li  {
    padding-left:4px;
    background:none; 
    border-bottom:1px dotted #424242;
} 

#bottomMods .module ul.menu li  a {
    color:#fff; 
}   

#bottomMods_topTick {
    height:15px;   
    width:25px;
    background:url(../images/bottom-ticks.png) no-repeat;
    margin:0px auto;
}     

#bottomMods_bottomTick {
    background:transparent url(../images/bottom-ticks1.png) no-repeat;
    height:15px;
    margin:-15px auto;
    position:relative;
    width:25px;
}     

#footer_modsBG {
    background:#000;
}  

#footer_mods {
    margin-top:10px;
}   


/* ----------------------------------------------*/
/*
/* 08 - Content. Blog Etc
/* ----------------------------------------------*/

#clear {clear:both;}
#mylogin {float: left; padding-right: 10px;}
#mylogin2 {margin-top: 8px;float: right;}   



/** ENTRY STUFF **/

.bloggerdetails {
	float:left;
	width:100%;
	margin-top:10px;
	padding:15px 30px 20px 0px;
	border-top:1px solid #ebebeb;  
}

.blogsContainer{
	color:#545454;
	background: transparent;
	font-family:"MS Trebuchet", Arial, sans-serif;
	font-size:13px;
	padding:0px;      
	float:left;
	width:100%;
}

.blogsContainer h2{
	color:#545454;
}


.blogsContainer .entryContent{  
	float:left;

}

.blogsContainer .entryContent h2, h2.pagetitle{
	background:none;
	padding:0 0 0 0;
	
}
.blogsContainer .entryContent h2 a, h2.pagetitle a, .blogsContainer .entryContent h2{
font-family: "MS Trebuchet", Arial, sans-serif;  margin-top:5px;
font-size:28px; text-transform:normal; color: #cecece;}

.entryContent {

padding-left: 5px;  
width:100%;


	 /* RESIZEABLE AREA */
		overflow:hidden;
		margin-bottom:35px;
}
.entryContent a 					{text-decoration:none; margin-bottom:30px;}
.entryContent a:link, .entryContent a:visited 	{ font-size:10px; text-transform: uppercase;  }
.entryContent a:hover				{color:#cccc00;}
.entryContent a:active				{ font-weight: bold; }
.entryContent h2 {
	font: 1.4em "MS Trebuchet", Arial, sans-serif;
	text-transform:uppercase; 
	padding: 9px 0px 12px 0px;
	margin:0px;
}

.entry {
	line-height: 1.6;
}
.entry-body {
	margin-top: 30px;
	margin-bottom:-5px;
}
.entryContent small a:link,
.entryContent small a:visited{
	color:#cccc00;
}

.entryContent small a:hover{
	color:#FFF;
}

/*---DATE FORMAT--*/
.entryContent .published {
	display:block;
	text-align: center;
	float:left;
	width:55px;
	height:45px;
	color:#eee;
	/*background: url(../images/badgespot1.png) no-repeat;*/
	border-right:1px solid #ebebeb;
	margin-right:20px;
	padding-right:15px;
	margin-bottom:15px;
	margin-left:-5;  
      
}

.entryContent .pub-month{
	padding: 5px;
	
}
.entryContent .pub-month {
	display:block;
	font-family: "MS Trebuchet", Arial, sans-serif;
	font-size:12px;
	margi:0px;
	color:#cecece;
	line-height:32px;
	font-weight:bold;
	position:relative;
	z-index:99;
}
.entryContent .pub-date {
	display:block;
	font-family: "MS Trebuchet", Arial, sans-serif; 
	font-size:42px;
	font-weight:bold;
	border:none;
	margin-top:-54px;
	padding:5px;
	line-height:normal;
	height:33px;
	color:#ebebeb;	
}
.entryContent blockquote{
	color:#eee;
	padding: 10px 10px 10px 20px;
	margin:0px;
	border-left: 5px solid #333;
	text-transform:uppercase;
}

.entryContent .clear {
	clear: both; 
}

.entry-body br{
	clear:both;
}

div.userAvatar{
	float:right;
}

/** END ENTRY STUFF **/

/** PAGINATION **/
.my-pagenav{
	text-align:center;
	color: #dddddd;
	padding:12px 0px;
}

.my-pagenav a {

	color: #999999;

}


/** List of all blogs section **/
div.blogList{
}

div.blogList .avatar_container {
}

div.blogList .avatar_image {
	position: static !important;
}

div.blogList .blogTitle {
	font-weight:bold;
}

div.blogList .updated {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
}
div.blogList .blogDesc {
	margin:0pt;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.blogList .blogStats {
	font-size: 0.9em;
	margin:0pt;
	padding:0pt;
}

div.blogList .blogStats .numEntries_image{
	padding-right:3px;
}

table.blogInfo
{
	padding:15px 0px 10px 5px;
}
table.blogInfo td.avatar{
	padding-right:15px;
	padding-top:5px;
}
table.blogInfo td.description{
	padding-top:5px;
}

.onAfterPrepareContent, .onBeforePrepareContent{
	padding:5px 0px; 
}



.pagenav {display:inline;}
.pagenav_next a, .pagenav_prev a {display:inline;border:1px solid #cecece;padding: 5px;float:left;}
.pagination a {display:inline;border:1px solid #cecece;padding: 5px;float:left;margin-right: 4px;}
.pagination span  {display:inline;	border:1px solid #cecece;padding: 5px;	float:left;	cursor: pointer;}
ul.pagination {margin: 15px auto; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px}
	
.pagenav {
	font-size: 11px;      
}  

table.pagenav {
	margin-top:20px;  
	float:left;
}

.pagenav a, a.pagenav, span.pagenav, .paginationCounter {
	border:1px solid #CECECE;
	display:inline;
	float:none;
	margin-right:4px;
	padding:5px;
	font-size:11px;      
	margin-bottom:20px;
}  

.pagenav a {
	float:left;
}

.pagination {
	margin-bottom:20px; 
	float:left;
} 

.pagenav a:hover {
	background:#666666 none repeat scroll 0 0;
	color:#FFFFFF !important;
}


.mosimage {
}     
     

.mainnewsletter {
	float:left;
}  
  
  
  
/* ----------------------------------------------*/

/* 09 - Sample Content
/* ----------------------------------------------*/     

/** News Items **/

.news_item {
	margin-bottom:18px !important;
}

.news_item .image {
    margin-bottom:14px;
}

.news_item h2.news_title { 
    font-size:14px; 
}

.news_item .news_desc {
    border-bottom:1px solid #dbdbdb;
    width:100%;  
    padding:16px 0px 13px 0px; 
	background: url(../images/oline1.png) top center no-repeat;
	margin-top:-3px;
} 

    .news_desc p {
        margin-bottom:0px;
    }   

.news_item .meta {
    padding:13px 0px 0px 0px;  
    float:left;   
}
   
    .news_item .meta div {
        float:left;
        width:100%;  
        font-size:10px;  
        text-transform:uppercase;  
    } 

        .news_item .meta div span.label {
            font-weight:bold;    
            color:#545454; 
            margin-right:2px;
        }    

/** Contributors **/

.contributors li {
    float:left;
    width:126px;
    margin-right:16px !important;
}    

.contributors li.last {
    margin-right:0px !important;
}  

    .contributors h2.contributor_title {  
        color:#000;
        font-size:12px;
        font-weight:bold;
        font-style:italic; 
    } 

    .contributors span.location {
        font-style:normal;
        font-weight:normal;    
        float:left;
        width:100%;
    }