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

# PaFashion  -otober, 2007

# ------------------------------------------------------------------------

# Copyright (C) by Quang Huy.

# @license - GNU GPL

# Author: QuangHuy

# Websites:  http://www.pachay.com

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

body {

        margin: 10px 0;

        padding: 0;

        color: #333;

        background: #000000 url(../images/bg.gif) repeat-x;

        font-family: Arial,sans-serif;

        text-align: center;

}

a:link, a:visited {

        color: #000;

        text-decoration: none;

}

a:hover, a:active {

        color: #000;

        text-decoration: underline;

}

h1 {

        color: #000;

        font-size: 110%

}

h2 {

        color: #4682B4;

        font-size: 105%;

}

h3 {

        color: #333;

        font-size: 100%;

}

h4 {

        color: #000;

        font-size: 90%;

}

h5 {

        color: #4682B4;

        font-size: 90%;

}

h6 {

        color: #333;

        font-size: 80%;

}

p {

        font: 90% "Trebuchet MS";

}

img {

        border: none;

}

li {

        font: 90% "Trebuchet MS";

}

ol {

        list-style-type: decimal;

}

ul {

        list-style: url(../images/bullet.gif);

}



strong {

        color: #000000;

        font: 105% "Trebuchet MS";

}



/* ---- MAIN WRAPPER ---- */

#wrap {

        width: 760px;

        border: 4px solid #666;

        margin: 0px auto;

        text-align: left;

        background-color: #fff;

}

/* ---- END Main Wrapper ---- */



/* ---- SECTION MASTER HEADER ---- */

#header {

        width: 760px;

        margin: 0px;

        padding: 0px;



}

#logo {

        float:left;

        padding-left: 0px;

        background:  #000000;

}

#tagline {

        float:right;

        width:  69px;

    height: 80px;

        margin: 0px 0px 0px ;

        text-align: right;

        padding-right: 21px;

        background:  #000000;

}

#main, #flashcontent {

        margin: -10px 0 -10px 0;

        clear: both;

}

#flashcontent {

        height: 0px;

        border-top: 4px solid #666666;

        border-bottom: 9px solid #666666;

}



#pa-header {

        background: url(../images/logo.jpg) no-repeat

        width: 700px;

        height: 168px;

        margin: 0;

        padding: 0;

        float: center;

        overflow: hidden;

}



/* #pa-topmod {

        width: 210px;

        height: 0px;

        margin: 0;

        padding: 0;

        float: left;

        overflow: hidden;

        color: #AAAAAA;

        border-left: 4px solid #111111;*/

}



#menu1 {

        background: url(../images/menu.gif) repeat-x;

        color: #000000;

        font-weight: bold;

        height: 0px;

        margin: 0;

        text-align: right;

}



#menu1 ul {

  margin: 0;

  padding: 0;

  list-style:none;

}



#menu1 li {

        float: right;

        margin: 0;

        padding: 0;

        padding-left: 5px;

        padding-right: 5px;

        border-right: 1px solid #111111;

}





#menu1 a, #menu1 a:visited {

        color: #000000;

        font: bold 9.5pt Helvetica;

        text-decoration: none;

        margin: 0;

        padding: 20px 0 0 0;

        letter-spacing: 1px;

}

#menu1 a:hover {

        color: #000;

        text-decoration: none;

        border-bottom: 2px solid #666;

}



#menu1 a#active_menu-nav {

        color: #000;

}



/* ----END SECTION MASTER HEADER ---- */





#body1 {

        width: 510px;

        float:left;

        margin-left: 10px;

} /*layout content */

#body2 {

        width: 175px;

        float:left;

        margin-left: 10px;

        margin-top: 20px;

} /*layout menu left */



#body5 {

        width: 730px;

        margin: 0;

        padding: 0 1%;

} /*layout full */

html>body #body5 {

        width: 710px;

} /*layout full - fix for ie */



.subnav {

        background-color: #FFF;

        margin: 10px 0;

        padding: 0;

}

html>body .subnav {

        padding: 5px 6px 0 10px;

}

.subnav ul {

        font-size: 95%;

}

/* --- END SECTION CONTENT --- */



/* ---- SECTION GLOBAL MENU SIDEBAR INSTRUCTIONS --- */



.menu {

        margin: 0;

        padding: 0;

        line-height: 200%;

        font-size: 9pt;

}

.menu div {

        font-size: 9pt;

}

.menu a:link, .menu a:visited {

        color: #000;

        background: url(../images/bullet1.gif) no-repeat 0 50%;

        padding-left: 20px;

        display: block;

        width: 100%;

        font-weight: bold;

}

.menu a:hover {

        color: #808080;

        background: #FFF url(../images/bullet2.gif) no-repeat 0 50%;

        text-decoration: none;

        font-weight: bold;

}

html>body .menu a:hover {

        width: 87%;

}

#menu3 {

        color: #666;

        font-size: 75%;

        clear: both;

        border-top: 1px solid #ccc;

        padding: 10px 10px 0 10px;

        margin: 0 0 10px 0;

        font-weight: bold;

        text-align: center;

}

.menu3b {

        color: #666;

        font-weight: bold;

}

.menu3b a:link, .menu3b a:visited, .menu3b a:hover, .menu3b a:active {

        color: #666;

        text-decoration: none;

}

/* --- END GLOBAL MENU SIDBEAR INSTRUCTIONS --- */



/* --- SECTION GENERAL INSTRUCTIONS --- */

.clear {

        clear:both;

} /* clear margins */



.center {

        text-align: center;

} /* align center */

.border {

        border: 1px solid #ccc;

        background-color: #ebebeb;

} /* border frame */

#divtop {

        background: url(../images/d-top.gif);

        margin: -8px 0 0 0;

        height: 40px;

        clear:both;

}

#divtop div {

        display: block;

        float: left;

        font-size: 90%;

        padding: 0 8px 0 0;

        margin-bottom: 2px;

        margin-left: 10px;

        margin-top:5px;

        background: url(../images/pathway-r.gif) no-repeat center right #E6E6E6;

        line-height: 23px;

}



#divtop div span {

        display: block;

        float: left;

        padding: 0 0 0 8px;

        margin: 0;

        background: url(../images/pathway-l.gif) no-repeat center left;

}





html>body #divtop {

        margin: -13px 0 0 0;

}

#divbtm {

        background: url(../images/d-btm.gif);

        border-bottom: 1px solid #666;

        margin: -4px 0 0 0;

        height: 40px;

        clear:both;

}



















/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/



div.offline {

        background: #fffebb;

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        font-size: 1.2em;

        padding: 5px;

}





/* headers */

div.componentheading {

  padding-left: 0px;

}



table.contentpaneopen h3 {

        margin-top: 25px;

}



h3, .componentheading, table.moduletable th, legend {

        margin: 0;

        font-size: 1.2em;

        padding-left: 0px;

        margin-bottom: 10px;

        text-align: left;

}



/* small text */

.small {

        font-size: .90em;

        color: #999;

        font-weight: normal;

        text-align: left;

}



.modifydate {

        height: 20px;

        vertical-align: bottom;

        font-size: .90em;

        color: #999;

        font-weight: normal;

        text-align: left;

}



.createdate {

        height: 20px;

        vertical-align: top;

        font-size: .90em;

        color: #999;

        font-weight: normal;

        vertical-align: top;

        padding-bottom: 5px;

        padding-top: 0px;



}



a.readon {

        margin-top: 10px;

        display: block;

        float: left;

        padding-right: 20px;

        line-height: 14px;

        height: 16px;

}



/* form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }





/** overlib **/



.ol-foreground {

        background-color: #f6f6f6;

}



.ol-background {

        background-color: #666;

}



.ol-textfont {

        font-size: 10px;

}



.ol-captionfont {

        font-size: 12px;

        color: #f6f6f6;

        font-weight: bold;

}

.ol-captionfont a {

        color: #0B55C4;

        text-decoration: none;

        font-size: 12px;

}



.ol-closefont {}



/* menu links */

a.mainlevel:link, a.mainlevel:visited {



}



a.mainlevel:hover {



}



/* spacers */

span.article_separator {

        display: block;

        height: 20px;

}



.article_column {

        padding-right: 5px;

}



.column_separator {

        border-left: 1px dashed #e0e0e0;

        padding-left: 10px;

}



td.buttonheading {



}



td.buttonheading img {

        border:none;

}



.clr {

        clear: both;

}



td.greyline {

  width: 20px;

  background: url(../images/line_grey.png) 50% 0 repeat-y;

}



div#maindivider {

  border-top: 1px solid #ddd;

  margin-bottom: 10px;

  overflow: hidden;

  height: 1px;

}



table.blog span.article_separator {

        display: block;

        height: 20px;

}



/* edit button */

.contentpaneopen_edit{

        float: left;

}



/* table of contents */

table.contenttoc {

  margin: 5px;

  border: 1px solid #ccc;

  padding: 5px;

}



table.contenttoc td {

  padding: 0 5px;

}





/* content tables */

td.sectiontableheader {

  background: #efefef;

  color: #333;

  font-weight: bold;

  padding: 4px;

  border-right: 1px solid #fff;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

  padding: 4px;

}



td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 3px;

}





/* content styles */

table.contentpaneopen, table.contentpane {

        margin: 0;

        padding: 0;

        width: auto;

}



table.contentpaneopen li {

        margin-bottom: 5px;

}



table.contentpaneopen fieldset {

        border: 0;

        border-top: 1px solid #ddd;

}



table.contentpaneopen h3 {

        margin-top: 25px;

}



table.contentpaneopen h4 {

        color: #333;

}



.highlight {

        background-color: #fffebb;

}



/* module control elements */

table.user1user2 div.moduletable {

        margin-bottom: 0px;

}



div.moduletable, div.module {

  margin-bottom: 25px;

}



div.module h3, div.module_menu h3 {

        font-size: 100%;

        font-weight: bold;

        color: #666666;

        margin: -28px -4px 5px -5px;

        padding-left: 10px;

        padding-bottom: 2px;

        padding-top: 10px;

}



div.module_menu {

        margin: 0;

        padding: 0;

        margin-bottom: 35px;

        padding-bottom: 15px;

        background-color: #EBEBEB;

}



div.module {

        margin: 0;

        padding: 0;

        margin-bottom: 35px;

        padding-bottom: 15px;

        padding-left: 3px;

        padding-right: 3px;

        /*border: 1px solid #AAAAAA;*/

}



div.module_menu ul {

        margin: 10px 0;

        padding-left: 20px;

}



div.module_menu ul li a:link, div.module_menu ul li a:visited {

                font-size: 130%;

}





/* forms */

table.adminform textarea {

  width: 510px;

  height: 400px;

  font-size: 1em;

  color: #000099;

}



div.search input {

        width: 145px;

        border: 1px solid #ccc;

        margin: 15px 0 10px 0;

}



form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}

form#form-login ul { padding-left: 20px; }



/* thumbnails */

div.mosimage         {  margin: 5px; }

div.mosimage_caption {  font-size: .90em; color: #666; }



div.caption       { padding: 0 10px 0 10px; }

div.caption img   { border: 1px solid #CCC; }

div.caption p     { font-size: .90em; color: #666; text-align: center; }



/* Parameter Table */

table.paramlist {

        margin-top: 5px;

}



table.paramlist td.paramlist_key {

        width: 128px;

        text-align: left;

        height: 30px;

}



table.paramlist td.paramlist_value {

}



div.message {

        font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;

        font-weight: bold;

        font-size : 14px;

        color : #c30;

        text-align: center;

        width: auto;

        background-color: #f9f9f9;

        border: solid 1px #d5d5d5;

        margin: 3px 0px 10px;

        padding: 3px 20px;

}



/* Banners module */



/* Default skyscraper style */

.bannergroup {

}



.banneritem img {

        display: block;

        margin-left: auto;

        margin-right: auto;

}



/* Text advert style */



.banneritem_text {

        padding: 4px;

        font-size: 11px;

}



.bannerfooter_text {

        padding: 4px;

        font-size: 11px;

        background-color: #F7F7F7;

        text-align: right;

}



/* System Messages */

/* see system general.css */



.pagination span { padding: 2px; }

.pagination a    { padding: 2px; }



/* Polls */

.pollstableborder td {

        text-align: left;

}



/* WebLinks */

span.description {

        display:block;

        padding-left: 30px;

}



/* Frontend Editing*/

fieldset {

        border: 1px solid #ccc;

        margin-top: 15px;

        padding: 15px;

}



legend {

        margin: 0;

        padding: 0 10px;

}



td.key {

        border-bottom:1px solid #eee;

        color: #666;

}



/* Tooltips */



.tool-tip {

        float: left;

        background: #ffc;

        border: 1px solid #D4D5AA;

        padding: 5px;

        max-width: 200px;

}



.tool-title {

        padding: 0;

        margin: 0;

        font-size: 100%;

        font-weight: bold;

        margin-top: -15px;

        padding-top: 15px;

        padding-bottom: 5px;

}



.tool-text {

        font-size: 100%;

        margin: 0;

}



.contentheading {

        padding: 0;

        font-family: Arial,sans-serif;

        font-size: 1.1em;

        font-weight: normal;

        vertical-align: bottom;

        color: #333;

        text-align: left;

        width: 100%;

}