/*



Theme Name: Orange Squash 1.3



Description: The WordPress theme was designed by a <a href="http://brightcherry.co.uk/">Brightcherry</a> web designer.



Version: 1.3



Author: Maruf Rahman



Author URI: http://brightcherry.co.uk/



Tags: orange, green, custom header, fixed width, two columns, fruit











        This theme was designed and built by Maruf Rahman,



        whose blog you will find at http://brightcherry.co.uk/







        If you have any questions about this theme, please



        visit http://brightcherry.co.uk/



*/















/* Begin Typography & Colors */



body {



        font-size: 62.5%; /* Resets 1em to 10px */



        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



        text-align: center;



        }







#page {



        text-align: left;



        margin-top:20px;



        }











#header{



        margin: auto;



        padding: 0;



        position:relative;



        background:url('/images/bgphoto.jpg') top right no-repeat;



        height:200px;



}







#content {



        font-size: 1.2em;



        }











.post p{



        color:#666;



        width:505px;



        }







.postpages p{



        color:#666;



        width:505px;



        }







.narrowcolumn .entry, .widecolumn .entry {



        line-height: 1.4em;



        }











.entry{



        margin-bottom:40px;



}







.entry p{



        padding-bottom:10px;



}











.narrowcolumn .postmetadata {



        text-align: left;



        }







.alt {



        background-color: #f8f8f8;



        border-top: 1px solid #ddd;



        border-bottom: 1px solid #ddd;



        }







#footer a{



        color:#548C1C;



        }







small {



        font-family: Arial, Helvetica, Sans-Serif;



        font-size: 0.9em;



        line-height: 1.5em;



        }







h1, h2, h3 {



        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



        font-weight: bold;



        }











h1 {



        font-size: 4em;



        }







#headerimg .description {



        font-size: 1.2em;



        }







h2 {



        font-size: 1.8em;



        }







h2.pagetitle {



        font-size: 1.8em;



        }







#sidebar h2 {



        font-family: 'Lucida Grande', Verdana, Sans-Serif;



        font-size: 1.4em;



        color:#fff;



        text-indent:15px;



        position:relative;



        margin-top:30px;



        background:#EDAB49;



        height:22px;



        width:220px;



        }







h3 {



        font-size: 1.3em;



        }







h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {



        text-decoration: none;



        color: white;



        }











h2, h2 a, h3, h3 a, h3 a:hover, cite, .post a{



        text-decoration: none;



        color: #006633;



        }







h2 a:hover, .post a:hover{



        color: #518E02;



        text-decoration: none;



        }







h4{



        color:#333;



        font-size:14px;



}







b.pink{



        font-weight:normal;



        color:#EC005E;



}







ol.commentlist{



        margin:0px;



}







.commentlist li{



        background:url('images/commentlime.gif') no-repeat top left;



}







.commentlist li.alt{



        background:url('images/commentlemon.gif') no-repeat top left #eee;



}







.commentlist cite{



        color:#666;



}







.commentlist li, #commentform input, #commentform textarea {



        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;



        }







.commentlist li {



        font-weight: bold;



        }







.commentlist li .avatar {



        float: right;



        border: 1px solid #eee;



        padding: 2px;



        background: #fff;



        }







.commentlist cite, .commentlist cite a {



        font-weight: bold;



        font-style: normal;



        font-size: 1.1em;



        }







.commentlist p {



        font-weight: normal;



        line-height: 1.8em;



        text-transform: none;



        color:#666;



        padding-left:70px;



        }







.commentinfo{



        padding-left:70px;



}







#commentform p {



        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



        }







.commentmetadata {



        font-weight: normal;



        }







#sidebar ul li a{



        color:#666;



}







#sidebar h2{



        font-weight:normal;



}







#sidebar {



        font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;



        }







small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {



        color: #777;



        }







code {



        font: 1.1em 'Courier New', Courier, Fixed;



        }







acronym, abbr, span.caps



{



        font-size: 0.9em;



        letter-spacing: .07em;



        }









#navigation {

background-color: #CC3300;

margin:auto;

position:relative;

        width: 100%;

        margin: 0;

        padding: 0px;

        float: left;



}





#navigation li{

background: #CC3300;

        float:left;

        list-style-type:none;

        position:relative;

        margin-right:20px;



}







#navigation a{



        position:relative;



        float:left;



        color:#fff;



        font-size:14px;



        font-weight:bold;



        padding:9px 9px 10px 9px;



        text-decoration:none;



}







#navigation a:hover{



        position:relative;



        float:left;



        background:#F0B75F;



        padding:9px 9px 10px 9px;



        text-decoration:none;



}







.navigation a{



        font-size:22px;



        color:#55A506;



}







.navigation a:hover{



        color:#9FD668;



}











/* End Typography & Colors */















/* Begin Structure */



body {



        margin: 0 0 20px 0;



        padding: 0;



        }







#page {



        margin: auto;



        padding: 0;



        width: 800px;



        border: 1px solid #959596;



        margin-top:40px;



        }







#headertxt h1{



        font-size:30px;



}







#headertxt{



        position:absolute;



        left:0px;



        text-align:left;



        top:150px;



        z-index:99;



}















.narrowcolumn {



        float: left;



        padding: 0;



        margin: 0;



        width: 517px;



        }















.post {



        margin: 0 0 40px 0;



        padding-bottom:20px;



        text-align: justify;



        background:url('images/postdivide.gif') no-repeat bottom;



        }







.post hr {



        display: block;



        }







.widecolumn .post {



        margin: 0;



        }







.postmetadata {



        font-size:12px;



        float:left;



        position:relative;



        left:15px;



        bottom:10px;



        color:#fff;



        font-weight:bold;



        }







.postmetadata a{



        color:#fff;



        text-decorataion:underline;



}







.postmetadata a:hover{



        color:#333;



        text-decorataion:underline;



}







.comments{



        float:left;



        width:115px;



}







.category{



        width:150px;



        float:left;



}







.categorylink{



        float:left;



}











.widecolumn .postmetadata {



        margin: 30px 0;



        }







.widecolumn .smallattachment {



        text-align: center;



        float: left;



        width: 128px;



        margin: 5px 5px 5px 0px;



}







.widecolumn .attachment {



        text-align: center;



        margin: 5px 0px;



}







.postmetadata {



        clear: both;



}







.clear {



        clear: both;



}







#footer {



        padding: 0;



        margin: 0 auto;



        width: 800px;



        clear: both;



        position:relative;



        top:40px;

        height:80px;



        }







#footer p {



        margin: 0;



        padding: 170px 10px 10px 10px;



        text-align: left;



        }















/* End Structure */















/*        Begin Headers */



h1 {



        margin: 0;



        }







h2 {



        margin: 30px 0 0;



        }







#content h2{



        width:505px;



}







h2.pagetitle {



        margin-top: 30px;



        text-align: left;



        color:#666;



}







#sidebar h2 {



        margin: 5px 0 0;



        padding: 0;



        }







h3 {



        padding: 0;



        margin: 30px 0 0;



        }







h3.comments {



        padding: 0;



        margin: 40px auto 20px ;



        }



/* End Headers */















/* Begin Images */



p img {



        padding: 0;



        max-width: 100%;



        }







/*        Using 'class="alignright"' on an image will (who would've



        thought?!) align the image to the right. And using 'class="centered',



        will of course center the image. This is much better than using



        align="center", being much more futureproof (and valid) */







img.centered {



        display: block;



        margin-left: auto;



        margin-right: auto;



        }







img.alignright {



        padding: 4px;



        margin: 0 0 2px 7px;



        display: inline;



        }







img.alignleft {



        padding: 4px;



        margin: 0 7px 2px 0;



        display: inline;



        }







.alignright {



        float: right;



        }







.alignleft {



        float: left



        }











#aboutimage{



        background:url('images/abouticon.jpg');



        height:119px;



        width:87px;



        position:relative;



        margin:5px;



        float:left;



        border:1px solid #7CA546;







}







#abouttxt{



        padding:5px;



        min-height:112px;



        height:112px;



}











/* End Images */















/* Begin Lists







        Special stylized non-IE bullets



        Do not work in Internet Explorer, which merely default to normal bullets. */







html>body .entry ul {



        margin-left: 0px;



        padding: 0 0 0 30px;



        list-style: none;



        padding-left: 10px;



        text-indent: -10px;



        }







html>body .entry li {



        margin: 7px 0 8px 10px;



        }







.entry ul li:before, #sidebar ul ul li:before {



        content: "\00BB \0020";



        }







.entry ol {



        padding: 0 0 0 35px;



        margin: 0;



        }







.entry ol li {



        margin: 0;



        padding: 0;



        }







.postmetadata ul, .postmetadata li {



        display: inline;



        list-style-type: none;



        list-style-image: none;



        }







#sidebar ul, #sidebar ul ol {



        margin: 0;



        padding: 0;



        }







#sidebar ul li {



        list-style-type: none;



        list-style-image: none;



        margin-bottom: 15px;



        line-height:1.6em;



        }







#sidebar ul p, #sidebar ul select {



        margin: 5px 0 8px;



        }







#sidebar ul ul, #sidebar ul ol {



        margin: 5px 0 0 10px;



        }







#sidebar ul ul ul, #sidebar ul ol {



        margin: 0 0 0 10px;



        }







ol li, #sidebar ul ol li {



        list-style: decimal outside;



        }







#sidebar ul ul li, #sidebar ul ol li {



        margin: 3px 0 0;



        padding: 0;



        }



/* End Entry Lists */















/* Begin Form Elements */



#searchform {



        margin: 10px auto;



        padding: 5px 3px;



        text-align: center;



        }







#sidebar #searchform #s {



        width: 128px;



        padding: 2px;



        border:1px solid #666;



        margin:5px 0 0 0;



        }







#sidebar #searchsubmit {



        padding: 1px;



        margin-left:5px;



        }







.entry form { /* This is mainly for password protected posts, makes them look better. */



        text-align:center;



        }







select {



        width: 130px;



        }







#commentform input {



        width: 170px;



        padding: 2px;



        margin: 5px 5px 1px 0;



        border:1px solid #666;



        }







#commentform textarea {



        width: 98%;



        padding: 2px;



        border:1px solid #666;



        }







#commentform #submit {



        margin: 0;



        float: right;



        margin-right:4px;



        }



/* End Form Elements */















/* Begin Comments*/



.alt {



        margin: 0;



        padding: 10px;



        }







.commentlist {



        padding: 0;



        text-align: justify;



        }







.commentlist li {



        margin: 15px 0 3px;



        padding: 5px 10px 3px;



        list-style: none;



        }







.commentlist p {



        margin: 10px 5px 10px 0;



        }







#commentform p {



        margin: 5px 0;



        }







.nocomments {



        text-align: center;



        margin: 0;



        padding: 0;



        }







.commentmetadata {



        margin: 0;



        display: block;



        }



/* End Comments */















/* Begin Sidebar */



#sidebar



{



        width: 221px;



        position:relative;



        padding:0 10px 10px 10px;



        float:right;



        }







#sidebar form {



        margin: 0;



        }



/* End Sidebar */























/* Begin Various Tags & Classes */



acronym, abbr, span.caps {



        cursor: help;



        }







acronym, abbr {



        border-bottom: 1px dashed #999;



        }







blockquote {



        margin: 15px 30px 0 10px;



        padding-left: 20px;



        border-left: 5px solid #ddd;



        }







blockquote cite {



        margin: 5px 0 0;



        display: block;



        }







.center {



        text-align: center;



        }







.hidden {



        display: none;



        }







hr {



        display: none;



        }







a img {



        border: none;



        }











/* End Various Tags & Classes*/















/* Captions */



.aligncenter,



div.aligncenter {



        display: block;



        margin-left: auto;



        margin-right: auto;



}







.wp-caption {



        border: 1px solid #ddd;



        text-align: center;



        background-color: #f3f3f3;



        padding-top: 4px;



        margin: 10px;



        -moz-border-radius: 3px;



        -khtml-border-radius: 3px;



        -webkit-border-radius: 3px;



        border-radius: 3px;



}







.wp-caption img {



        margin: 0;



        padding: 0;



        border: 0 none;



}







.wp-caption p.wp-caption-text {



        font-size: 11px;



        line-height: 17px;



        padding: 0 4px 5px;



        margin: 0;



}

.top_nav_class

{
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana;
        height: 30px;
        background:#cd670c;
}

.top_nav

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #FFFFFF;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: none;

}



.top_nav_back

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #FFFFFF;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: none;

        background-color:#000000;

}





.top_nav:hover

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #FFFFFF;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: underline;

}



.top_nav_black

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #FFFFFF;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: none;

}



.top_nav_black:hover

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #FFFFFF;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: underline;

}



.center_box

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #000000;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: none;

}

.center_box:hover

{

        FONT-WEIGHT: normal;

    FONT-SIZE: 11px;

    COLOR: #000000;

    FONT-FAMILY: Verdana;

    font-weight: bold;

    text-decoration: underline;

}







/* End captions */