/*

Theme Name: Pina-Mango

Theme URI: http://guitarchasers.biz/

Description: This is a light and subdued Wordpress theme with a fixed width, laid out in 2 columns with the menu on the left. White with shades of yellow and orange. Widget enabled and no images. Built on the foundation of Will Healey's Blank Themes at http://www.tomorrows-laundry.com and button code by CSS BuMa at http://css-buma.sjfrancke.nl/index.html

This theme is free to use, modify and redistribute in its original or modified form - the only requirement being that the Attribution paragraph below is included in the stylesheet. Linkbacks are not required, but would be appreciated.

Attribution: The original Pina-Mango theme was created in May, 2007 by Theme Burrito at www.guitarchasers.biz and released under the Creative Commons Licensing Agreement by-nc-sa 

Author: Theme Burrito

Author URI: http://guitarchasers.biz/


/*-----------Block Level Elements--------------*/

Body {
        background: #ffffff;

}

#page {
        background: #ffffff;
        width: 750px;
        margin: 0 auto;

}

#header {
        background: #ffffff;
        width: 100%;
        height: 128px;
        border: #ffcc66 solid 2px;
        padding: 8px 0 16px 20px;

}

#headerimg {

}

.description {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 18px;
        color: #ffcc66;
        padding-left: 6px;

}

#wrapper {
        width: 100%;

}

#content {
        background: #ffffff;
        float: right;
        width: 68%;
        padding-top: 4px;

}

#sidebar {
        background: #ffffff;
        width: 28%;
        margin-right: 70%;
        margin-top: 4px;
        border: #ffcc66 solid 2px;
        padding: 4px 6px 4px 0;

}

#footer {
        background: #ffffff;
        width: 100%;
        height: 64px;
        margin-top: 4px;
        border: #ffcc66 solid 2px;
        padding: 6px 0 4px 0;
        text-align: center;
        clear: both;

}

#footer a:visited, #footer a:hover, #footer a {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #ffcc66;

}

#footer p {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #cc9933;

}

#navbar {
        background: #ffffff;
        width: 100%;
        height: 26px;
        padding-top: 1px;

}

/*-------------Headings-------------*/

h1 a:visited, h1 a:hover, h1 a {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 32px;
        color: #ffcc66;

}

h2 {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 16px;
        color: #ffcc66;

}

h3 {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 16px;
        color: #cc9933;
        border: #ffffee solid 6px;
        padding: 4px 4px 4px 4px;

}

h4 {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 16px;
        color: #cc9933;

}

h5 {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 16px;
        color: #cc9933;

}

/*-------------The Post-------------*/


.post h2 {
        font-family: "Arial", "Helvetica", "Sans serif";
        border: #ffffee solid 6px;
        font-size: 20px;
        color: #cc9933;
        padding: 6px 6px 6px 6px;

}

.post h2 a:hover, .post h2 a:visited, .post h2 a {
        font-size: 20px;
        color: #cc9933;

}

.post {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

.post p {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

.post a {
        font-size: 14px;
        color: #ffcc66;

}

.post ul {
        font-size: 14px;

}

.post li {
        font-size: 14px;

}

.entry {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #000000;

}

.entrytext .postmetadata {
        border: #ffcc66 solid 1px;
        width: 80%;
        padding: 4px 4px 4px 4px;
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #000000;

}

.postmetadata alt {
        color: #000000;
        font-size: 14px;

}

.postmetadata a {
        color: #ffcc66;
        font-size: 14px;

}

.navigation a:visited, .navigation a, .navigation {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #ff6600;

}

.alignleft a:visited, .alignleft a, .alignleft {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #ff6600;

}

.alignright a:visited, .alignright a, .alignright {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #ff6600;

}

.center a:visited, .center a, .center {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #ff6600;

}

.page-title {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #cc9933;

}

blockquote {
        border-left: 5px solid #ffffee;
        margin-left: 1.5em;
        padding-left: 5px;

}

cite {
        font-size: 14px;
        color: #ff6600;
        list-style: none;

}

cite a {
        font-size: 14px;
        color: #ff6600;
        list-style: none;

}

cite a:hover {
        font-size: 14px;
        color: #ffff00;
        list-style: none;

}

cite a:visited {
        font-size: 14px;
        color: #ffccaa;
        list-style: none;

}

cite a:visited:hover {
        font-size: 14px;
        color: #ccccff;
        list-style: none;

}

a img {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #cc9933;

}

acronym, abbr {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        font-size: 14px;
        color: #cc9933;

}

/*--------------Sidebar------------*/

#sidebar ul {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #ffcc66;
        list-style: none;

}

#sidebar ul h2 {
        background: #ffffee;
        border: #ffcc66 solid 1px;
        width: 188px;
        height: 24px;
        margin: 10px 0 0 0;
        font-size: 16px;
        padding: 2px 0 2px 6px;
        list-style: none;

}

#sidebar ul li {
        font-size: 16px;
        list-style: none;
        margin-left: -30px;

}

#sidebar ul ul {
        font-size: 16px;
        list-style: none;

}

#sidebar ul ul li {
        font-size: 16px;
        list-style: none;

}

#sidebar ul ul ul {
        font-size: 14px;
        list-style: none;

}

#sidebar p {
        font-size: 14px;
        list-style: none;

}

#sidebar a {
        font-size: 14px;
        color: #ffcc66;
        list-style: none;

}

#sidebar a:hover {
        font-size: 14px;
        color: #cccc00;
        list-style: none;

}

#sidebar a:visited {
        font-size: 14px;
        color: #ffcc66;
        list-style: none;

}

#sidebar a:visited:hover {
        font-size: 14px;
        color: #cccc00;
        list-style: none;

}

/*--------------Comments--------------*/

ol.commentlist {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

ol.commentlist li {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

ol.commentlist li.alt {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

ol.commentlist a {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #cc9933;

}

small.commentmetadata {
        font-family: "Arial", "Helvetica", "Sans serif";
        font-size: 14px;
        color: #000000;

}

#commentform textarea {
        border: #ffffee solid 6px;

}

#commentform input {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        background: #ffffee;
        font-size: 12px;
        color: #ffcc66;

}

/*--------------Search Form-------------*/

#searchform {

}

#searchform input {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        background: #ffffee;
        font-size: 12px;
        color: #ffcc66;

}

#searchform #s {
        background: #ffffff;
        border: #ffffee solid 6px;
        font-family: "Arial", "Helvetica", "Sans serif";
        width: 150px;
        font-size: 14px;
        color: #000000;

}

#searchretrap {
        float: right;
        width: 68%;

}

/*-------------Calendar-----------------*/

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a:visited:hover {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #cccc00;

}

#wp-calendar a:visited {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #cc9933;

}

#wp-calendar a:hover {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #cccc00;

}

#wp-calendar a {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #ff6600;

}

#prev a, #next a {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #ff9933;

}

#wp-calendar caption {
        font-family: "Trebuchet MS", "Lucida Sans", tahoma, arial, "Trebuchet MS";
        color: #ffcc66;

}

/*-------------Images------------------*/






/*-------------Other------------------*/

hr {
        display: none;

}

/* begin menu */

div.menu {
        margin: 0em;

}

div.menu ul {
        margin: 0em;
        padding: 0em;
        line-height: 1.18em;

}

div.menu li {
        float: right;
        padding-right: 3px;
        list-style-type: none;
        height: 1.18em;
        width: 4.67em;
        padding-bottom: 3px;
        text-align: center;
        font-family: Vrinda, Verdana, Tahoma, Sans-Serif, Serif, "Courier New", Arial;

}

div.menu li a {
        display: block;
        overflow: hidden;
        text-decoration: none;

}

div.menu li a:link {
        background-color: #ffffee;
        color: #ffcc66;
        font-weight: normal;
        text-align: center;
        border: 1px solid #ffcc66;

}

div.menu li a:visited {
        background-color: #ffffee;
        color: #ffcc66;
        font-weight: normal;
        text-align: center;
        border: 1px solid #ffcc66;

}

div.menu li a:hover {
        background-color: #ffffff;
        color: #cccc00;
        font-weight: normal;
        text-align: center;
        border: 1px solid #ffcc66;

} /* end menu */