/* 

		|    |  ,   .   ____ `   ___       /       ___  \ ___    ___   |  
		|\  /|  |   |  (     | .'   `      |      /   ` |/   \ .'   `  |  
		| \/ |  |   |  `--.  | |           |     |    | |    ` |----'  |  
		/    /  `._/| \___.' /  `._.'      /---/ `.__/| `___,' `.___, /\__

         .--.      .-.    ,-.   .----.  .-----.                   .-.         .-.      
        : .; :     : :  .'  :   : .--'  `-. .-'                   : :        .' `.     
        :    :   _ : :   `: :   `. `.     : : .--. ,-.,-.,-..---. : :   .--. `. .'.--. 
        : :: :  : :; :    : : _ .-`, :    : :' '_.': ,. ,. :: .; `: :_ ' .; ; : :' '_.'
        :_;:_;  `.__.'    :_;:_;`.__.'    :_;`.__.':_;:_;:_;: ._.'`.__;`.__,_;:_;`.__.'
                                                            : :                        
             Copyright Joomla XTC 2008 All Rights Reserved :_;                                                                     
             
  */


/***
  *** DO NOT EDIT the Resets ***
  *** OverRide them instead  ***
 ***                          ***/




/*****************************//* RESETS DEFAULT BROWSER STLES - COURTESY OF ERIC MEYER **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    
}

body {
    line-height: 1;
    color: #333;
    background: #222222;
    
}

/* Tables still need 'cellspacing="0"' in the markup. */ 
table {
    border-collapse: separate;
    border-spacing: 0;
    
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    
}

/* Remove possible quote marks (") from <
q>
, <
blockquote>
. */ 
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    
}

blockquote, q {
    quotes: "" "";
    
}

ul {
    list-style:none;
    
}

li {
    list-style-type:none;
    list-style-image:none;
    
}

/**  * Typography   */    /* Set some inteligent defaults */    /* TYPOGRAPHY *****************************************************/
body {
    font: 10pt Arial, Tahoma, Verdana, sans-serif;
    
}

/* This is where you set your desired font size. The line-height    and vertical margins are automatically calculated from this.       You have to add an extra calculation here because of IE, so that    all users may resize text manually in their browsers.      The top one is for IE: The percentage is of 16px (default IE text size)   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).   The second value is what all other browsers see (the wanted font size). */   

body  {
    font-size: 75%;
    
}

/* IE */
body  {
    font-size: 9px;
    
}

/* Other browsers */ /* HEADINGS *******************************************************/ 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content .contentheading, #content .componentheading {
    font-family: Arial, Helvetica, Verdana, "Lucida Grande", Georgia, sans-serif;
    clear: both;
    margin: 0;
    padding: 0;
    
}

#content h1, #content .componentheading {
    font-size: 2.25em;
    
}

#content h2, #content .contentheading {
    font-size: 1.55em;
    margin-bottom: 5px;
    
}

#content h3 {
    font-size: 1.2em;
    
}

#content h4 {
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: bold;
    
}

#content h5 {
    font-size: 1em;
    font-weight: bold;
    
}

#ocntent h6 {
    font-size: 1em;
    
}

/* TEXT ELEMENTS **************************************************/ 
#content p {
    margin: 0 0 1.4em 0;
    color: #525555;
    
}

#content p.right  {
    text-align: right;
    
}

#content p.last  {
    margin-bottom:0;
    
}

#content ul, #content ol  {
    margin: 0;
    list-style-type: none;
    color: #606060;
    
}

#mainbody ul, #mainbody li {
    margin-left: 10px;
    list-style-type: disc;
    
}

#content ol {
    list-style-type: decimal;
    
}

#content dl {
    margin: 1.5em 0;
    
}

#content dl dt {
    font-weight: bold;
    
}

#content a {
    color: #222;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    
}

#content a:hover  {
    color: #151515;
    text-decoration:none;
    
}

#content a.arrow  {
    padding: 0 12px 0 0;
    background: url(../../images/icon_arrow.gif) no-repeat right center;
    
}

#content a.arrow:hover {
    padding: 0 12px 0 0;
    background: url(../../images/icon_arrowhover.gif) no-repeat right center;
    
}

/*div#content a {
    border-bottom: 1px dotted #d0d0d0;
    
}

*/ 

#content a.blue  {
    color: #0096bd;
    
}

#mainbody img {
    margin: 0;
    padding:0 0 0 0;
    border: none;
    
}

#content blockquote  {
    margin: 1.5em 0 1.5em 1.5em;
    color: #666;
    font-style: none;
    
}

#content strong  {
    /*color: #5d6060;
    */ color: #333;
    font-weight: bold;
    
}

#content em {
    font-style: none;
    
}

#content pre  {
    margin-bottom: 15px;
    background: #f9f9d4;
    padding: 0 10px;
    overflow: auto;
    
}

#content code {
    font: 11px Monaco, monospace;
    margin: 0;
    padding: 1px 3px;
    background: #ffffe1;
    
}

#content abbr  {
    border-bottom: 1px dotted #999;
    cursor: help;
    
}

/* Use this to create a horizontal ruler across a column. */ 

#content hr {
    background: #666;
    color: #666;
    clear: both;
    float: none;
    width: 100%;
    height: 0.1em;
    margin: 0 0 1.4em 0;
    border: none;
    
}

* html hr {
    margin: 0 0 1.2em 0;
    
}

/* IE6 fix */ /* TABLES *********************************************************/ 

#content table  {
    margin-bottom: 1.4em;
    /*border-top:0.1em solid #ddd;
    border-left:0.1em solid #ddd;
    */ margin:0 auto;
    width:99%;
    
}

#content th, #content td {
    height: 1em;
    ;
    /*padding:0.2em 0.4em border-bottom:0.1em solid #ddd;
    border-right:0.1em solid #ddd;
    */ line-height:16px;
    
}

#content th  {
    font-weight:bold;
    
}

/* FORMS **********************************************************/ 

#content label {
    font-weight: bold;
    
}

#content textarea {
    height: 180px;
    width: 300px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    
}

/** END OF DO NOT EDIT ***/

  /* 
   * Backgrounds 
   */ 

body.light, body{
    background:url(../images/background-pattern-light.jpg) repeat-x;
    
}

body.dark {
    background: #222222 url(../images/dark/background-pattern.jpg) repeat-x;
    
}

   /*  
    * Generic Elements  
    */ 

#testwrapper {
    background:url(../images/bg_testwrappr.png) no-repeat;
    margin:0 auto;
    width:947px;
    margin-bottom:20px;
    
}

#wrapper {
    margin:0 auto;
    width:947px;
    
}

#topbar {
    width:100%;
    background:url(../images/bg_topbar.png) repeat-x;
    height:37px;
    
}

#headermod, #banner {
    width:100%;
    
}

#headermod {
    background:url(../images/header.jpg) no-repeat;
    height:140px;
    
}

#topmenu {
    width:100%;
    background:url(../images/bg_topmenu.png) repeat-x;
    height:36px;
    
}

	/*   
	 * Modules  
	 */    

  /* Top Mods */  

#topmods {
    width: 400px;
    padding:15px;
    position:absolute;
    
}

 /* Search */   

#search {
    float:right;
    margin:8px 17px 0 0;
    
}

#search h3 {
    color:#7D7D7D;
    float:left;
    font-size:10px;
    margin:5px 10px 0 0;
    text-transform:lowercase;
    
}

#search input {
    background:#666666 none repeat scroll 0 0;
    border:0px;
    padding:3px;
    width:128px;
    color:#fff;
    
}

#search form {
    float:right;
    
}

#search .search {
    
}

  /* Left Right */     

#leftcontent .h3left, #rightcontent .h3left {
    background:transparent url(../images/bg_h3left.png) no-repeat scroll left top;
    float:left;
    height:33px;
    
}

#leftcontent .h3right, #rightcontent .h3right {
    background:transparent url(../images/bg_h3right.png) no-repeat scroll right top;
    height:33px;
    
}

#leftcontent .modtitle, #rightcontent .modtitle {
    height:33px;
    width:156px;
    
}

#leftcontent .h3center, #rightcontent .h3center {
    background:transparent url(../images/bg_modhead.png) repeat-x scroll 0 0;
    float:left;
    height:33px;
    margin-left:5px;
    width:146px;
    
}

#leftcontent .h3center h3, #rightcontent .h3center h3 {
    font-size:9px;
    color:#555555;
    
}

#leftcontent .h3center h3, #rightcontent .h3center h3, #leftcontent .modulecontent, #rightcontent .modulecontent {
    margin:11px 0px 11px 9px;
    
}

#leftcontent .h3center h3, #rightcontent .h3center h3 {
    background:transparent url(../images/bg_midot.png) no-repeat scroll 0 0;
    margin-left:5px;
    padding-left:13px;
    
}


  /* User Mods */   

#inset, #user1, #user2, #user3, #user4, #user5, #user6, #user7 {
    float:left;
    display:inline;
    
}

#inset .h3wrap, #user1 .h3wrap, #user2 .h3wrap, #user3 .h3wrap, #user4 .h3wrap, #user5 .h3wrap, #user6 .h3wrap, #user7 .h3wrap {
    background:url(../images/bg_h3wrap2.png) repeat-x;
    height:32px;
    float:left;
    clear:both;
    width:100%;
    
}

#user4 .h3wrap, #user5 .h3wrap, #user6 .h3wrap, #user7 .h3wrap {
    background:url(../images/bg_h3wrap2.png) repeat-x;
    height:32px;
    
}

#inset .modcontentinner, #user1 .modcontentinner {
    padding:6px 6px 0px 6px;
    
}

#user2 .modcontentinner, #user3 .modcontentinner, #user4 .modcontentinner, #user5 .modcontentinner, #user6 .modcontentinner, #user7 .modcontentinner {
    clear:both;
    padding:8px 2px 8px 8px;
    
}

#columns #content #user2 .module_video .modulecontent {
	padding:0;
}

#columns #content #user2 .module_video .modcontentinner {
	padding:15px 15px !important;
}
  /* User1 and Inset */ 

#inset {
    width:56%;
    
}

#user1 .modulecontent {
    font-size:14px;
    height:312px;
    
}

#user1 {
    width:44%;
    
}

#user2, #user4, #user6 {
    width:57%;
    
}

#user3, #user5, #user7{
    width:43%;
    
}

#user2 .h3inner, #user4 .h3inner, #user5 .h3inner, #user7 .h3inner, #user3 .h3inner {
    height:34px;
    margin-top:3px;
    float:left;
    
}

#user4 .h3inner, #user5 .h3inner, #user6 .h3inner, #user7 .h3inner {
    height:32px;
    margin-top:0px;
    
}

#user2 .h3inner h3, #user3 .h3inner h3, #user4 .h3inner h3, #user5 .h3inner h3, #user6 .h3inner h3, #user7 .h3inner h3 {
    margin:7px 0 0 11px !important
}

.h3inner h3 {
    margin:22px 0 0 10px !important;
    font-weight: normal;
    color:#5b5b5b;
    text-transform:uppercase;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    
}

#user2 .modulecontent, #user3 .modulecontent {
    width:100%;
    
}

#maincontent .modulecontent, #maincontent .modulecontent a {
    color:#606060 !important;
    
}

	/*   
	 * Module Suffixes  
	 */    
  /* Content */
#columns #maincontent .module_white .modulecontent, #inset .moduletablewhite .modulecontent {
    background:#d8d8d8 url(../images/bg_user2.png) repeat-x scroll 0 0;
    color:#606060 !important;
    
}

#columns #maincontent .module_darkgray .modulecontent, #inset .moduletabledarkgray .modulecontent {
    background:#9a9a9a url(../images/bg_user6.png) repeat-x scroll 0 0;
    color:#cccccc !important;
    
}

#columns #maincontent .module_tan .modulecontent, #inset .moduletabletan .modulecontent {
    background:#dfcbbc url(../images/bg_user1.png) repeat-x scroll 0 0;
    color:#606060 !important;
    
}

#columns #maincontent .module_striped .modulecontent, #inset .moduletablestriped .modulecontent {
    background: url(../images/bg_stripeduser.png) repeat scroll 0 0;
    color:#606060 !important;
    
}

#columns #maincontent .module_dark .modulecontent, #inset .moduletabledark .modulecontent {
    background:#434343 url(../images/bg_darkuser.jpg) repeat-x scroll 0 0;
    color:#cccccc !important;
    
}

#columns #maincontent .module_black .modulecontent, #inset .moduletableblack .modulecontent {
    background:#000000 repeat-x scroll 0 0;
    color:#cccccc !important;
    
}

#columns #maincontent .module_video .modulecontent, #inset .moduletablevideo .modulecontent {
    background:#000000;
    color:#606060 !important;
    padding: 7px !important;
    margin-top:7px;
    
}

#columns #maincontent .module_video .modulecontentinner, #inset .moduletablevideo .modulecontentinner {
    padding:7px !important;
    
}

#user4 .modulecontent, #user5 .modulecontent, #user6 .modulecontent, #user7 .modulecontent {
    width:100%;
    
}

  /* Text Colors */    

#columns #maincontent .module_white .modulecontent p, #inset .moduletablewhite .modulecontent p {
    color:#606060 !important;
    
}

#columns #maincontent .module_darkgray .modulecontent p, #inset .moduletabledarkgray .modulecontent p {
    color:#cccccc !important;
    
}

#columns #maincontent .module_tan .modulecontent p, #inset .moduletabletan .modulecontent p {
    color:#606060 !important;
    
}

#columns #maincontent .module_striped .modulecontent p, #inset .moduletablestriped .modulecontent p {
    color:#606060 !important;
    
}

#columns #maincontent .module_dark .modulecontent p, #inset .moduletabledark .modulecontent p {
    color:#cccccc !important;
    
}

#columns #maincontent .module_black .modulecontent p, #inset .moduletableblack .modulecontent p {
    color:#cccccc !important;
    
}

	/* 
	 * Menus  
	 */ 
 
  /* TopMenu */ 
#topmenu {
    position:relative;
    
}

#topmenu li {
    float:left;
    background:url(../images/bg_menuitem.png) repeat-x;
    height:27px;
    margin-left:4px;
    margin-top:2px;
    letter-spacing:2px;
    display:block;
    
}

#topmenu li a {
    margin:12px 22px 7px 27px;
    float:left;
    color:#6d6d6d;
    text-decoration:none;
    font-size:9px;
    text-transform:uppercase;
    width:100%;
    letter-spacing:2px;
    
}

#topmenu li:hover, #topmenu li.sfhover {
    background:none;
    
}

  /* Drop downs */ 
 
#topmenu li ul {
    background:url(../images/transparent.png);
    border:1px solid #666;
    border-top:none;
    border-bottom:none;
    left:-999em;
    margin-top:28px;
    position:absolute;
    width:16.9em;
    z-index:100;
    float:left;
    
}

#topmenu li:hover ul, #topmenu li.sfhover ul {
    left:auto;
    text-align:left;
    
}

#topmenu li ul li, #topmenu li ul li:hover {
    background:url(../images/transparent.png);
    border-bottom:1px solid #666;
    border-right:medium none;
    display:block;
    float:left;
    height:27px;
    margin:0 0;
    width:14.9em;
    
}

#topmenu li:hover ul li, #topmenu li.sfhover ul li {
    width:100%;
    
}

#topmenu li ul li a:hover, #topmenu li ul li:hover a:hover {
    color:#fff;
    
}

#topmenu li ul li a, #topmenu li ul li:hover a {
    background:transparent none repeat scroll 0 0 !important;
    border-right:medium none;
    display:block;
    font-family:"Lucida Grande",Arial,sans-serif;
    font-size:8px;
    font-variant:normal;
    height:auto;
    line-height:normal;
    margin:0;
    padding:10px;
    color:#cecece !important;
    
}

  /* Left and Right Content Menus */   

#leftcontent ul.menu li a, #rightcontent ul.menu li a {
    background:transparent url(../images/bg_midot.png) no-repeat scroll 0 50%;
    margin-left:5px;
    padding-left:16px;
    line-height:22px;
    margin-left:0px;
    
}

#leftcontent a, #rightcontent a {
    padding:0px 0px 2px 0px;
    line-height:22px;
    
}

	/*   
	 *  Content   
	 */    

#leftcontent {
    width:160px;
    margin-top:4px;
    float:left;
    padding:0 0 15px 5px;
    
}

#rightcontent {
    width:160px;
    margin-top:4px;
    float:right;
    padding:0 0 15px 5px;
    
}

#threecolumns #maincontent {
    float:left;
    width:617px;
    
}

#mainbody {
    float:left;
    min-width:100%;
    min-height:341px;
    
}

#mainbodyinner {
    margin:18px 18px 0;
    
}

#twocolumns #maincontent {
    width:782px;
    float:left;
    
}

#onecolumn #maincontent {
    width:947px;
    float:left;
    
}

	/*  
	 *  Footer  
	 */   

#footerwrap {
    height:62px;
    width:100%;
    background:#EAEAEA;
    color:#666666;
    float:left;
    
}

.dark #footerwrap {
    background:#1B1B1B;
    color:#666666;
    
}

#footer {
    padding:18px;
    
}

#footerwrap a {
    color:#666666;
    text-decoration:none;
    
}

#footerwrap a:hover {
    text-decoration:none;
    
}

#footerwrap #legal {
    float:right;
    margin-top:1.37em;
    
}

#footerwrap #footermod {
    margin-top:1.37em;
    
}

#footerwrap #footermod .moduletable_menu a {
    margin-right:4px;
    
}

#footermod {
    width:400px;
    float:left;
    
}

	/*   
	 * Columns   
	 */   

#threecolumns, #twocolumns, #onecolumn {
    background:url(../images/bg_threecolumns.png) repeat-y;
    float:left;
    
}

#onecolumn #mainbody {
    width:100%;
    
}

#twocolumns.noright {
    background:url(../images/bg_noright.png) repeat-y;
    
}

#twocolumns.noleft {
    background:url(../images/bg_noleft.png) repeat-y;
    
}

#onecolumn {
    background:url(../images/bg_onecolumn.png) repeat-y;
    
}

   /*   
    * Forms  
    */ 

input.button {
    background-color:#b8b8b8;
    border:medium none;
    color:#000;
    border-left:1px solid #c3c3c3;
    border-top:1px solid #c3c3c3;
    border-right:2px solid #7a7a7a;
    border-bottom:2px solid #7a7a7a;
    
}

input {
    background:#666666 none repeat scroll 0 0;
    border:0px;
    padding:3px;
    
}
	
	/*   
	 * Typography   
	 */

#maincontent p, #maincontent{
    color:#595959;
    
}

   /* 
    * Links 
    */


 /* Read More */ 


a.readon {
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #ececec;
    border-right-color-value: #ececec;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #ececec;
    border-left-color-value: #ececec;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    background-color: transparent;
    background-image: url(http://www.prettyprinter.de/kleider/blue-sand/images/arrow.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 48%;
    color: #006699;
    padding: 5px;
    
}

a.readon:hover, a.readon:active, a.readon:focus {
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #dddddd;
    border-right-color-value: #dddddd;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #dddddd;
    border-left-color-value: #dddddd;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    background-color: #f6f6f6;
    background-image: url(http://www.prettyprinter.de/kleider/blue-sand/images/arrow.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 5px 48%;
    padding: 5px;
    
}


#content a {
    text-decoration:none;
    
}
	
   /*  
	* Virtue Mart Showcase    
	*/

.vmprod {
    font-size: 12px;
    color: #703142;
    font-weight: bold;
    line-height: 12px;
    
}

.vmname {
    font-size: 10px;
    color: #333333;
    font-weight: normal;
    line-height: 11px;
    
}
	
   /* 
	* Virtue Mart Browse Page     
	*/   

.vmBrowseContainer{
    width: auto;
    float: left;
    background-color: #757575;
    padding: 3px;
    
}

#columns #maincontent .module_video .modulecontent, #inset .moduletablevideo .modulecontent {
    padding:0px !important;
    margin:0px !important;
    
}