/*





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 */