/*
Site Name: Gypsy Girls Guide
Theme Name: GypsyGirl
Theme URI: http://www.gypsygirlsguide.com/
Description: WordPress theme for <a href="http://www.gypsygirlsguide.com/">Gypsy Girls Guide</a>.
Version: 1.0
Author: Richard Cave
Author URI: http://sleepwalkwithme.com/
*/


body {
    background-image: url('images/background.jpg'); /* background image */
    background-repeat: repeat;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #7d7368;
}

#wrapper {
    margin: 25px auto;
    width: 970px;
    background-color: #fff;
}

#container {
    margin: 0;
    padding: 0;
}

/************************************************
*   Headers                                     *
************************************************/

h1 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 4em;
    text-align: left;
    text-decoration: none;
    color: #443730;
}

h1 a, h1 a:hover, h1 a:visited  {
    text-decoration: none;
}

h2 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2.2em;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: #443730;
    margin-bottom: 5px;
}

h2 a, h2 a:visited {
    color: #443730;
    text-decoration: none;
}

h2.pagetitle {
    color: #f69f9b
}

h3 {
    font-size: 1.6em;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    color: #f79c85;
}

h3 a, h3 a:visited {
    color: #675a54;
    text-decoration: none;
}

h4 {
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    color: #7d7368;
}

h4 a, h4 a:visited {
    color: #7d7368;
    text-decoration: none;
}

/************************************************
*   Global                                      *
************************************************/

a, a:visited{
    text-decoration: none;
    color: #f79c85;
    outline: none; /* removes outline on click */
}
    
a:hover{
    text-decoration: underline;
}

a:focus {
    -moz-outline-style: none;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.alignnone {
    /* for no alignment */
}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    cursor: help;
    border-bottom: none;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

/************************************************
*   Images                                      *
************************************************/

img {
    border-style:none;
    border: 0;
}

p img {
    padding: 0;
    max-width: 100%;
}

p.centered_padded {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 20px;
}

p.centered_padded_left {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}

/*  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.centered_padded {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 0px;
}

img.align_right {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.align_left {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

img.tear {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 10px 0px;
}

/************************************************
*   Header                                      *
************************************************/

#header {
    margin: 0;
    padding: 0;
    width: 970px;
    height: 297px;
}

#header a {
    outline: none; /* removes outline on click */
}

/************************************************
*   Navbar                                      *
************************************************/

#navcontainer {
    background-image: url('images/menu_background.jpg');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 970px;
    height: 19px;
}

#navcontainer ul {
    list-style: none;
    padding-left: 170px;
    margin: 0;
    color: #7f6759;
    float: left;
    width: 100%;
}

#navcontainer ul li { 
    display: inline;
}

#navcontainer ul li a {
    padding: 0 3.0em;
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.1em;
    /*font-weight: bold;*/
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    color: #7f6759;
    float: left;
    outline: none; /* removes outline on click */
}

#navcontainer ul li a:hover {
    text-decoration: underline;
}

#navcontainer ul li a.current {
    text-decoration: underline;
}

/************************************************
*   Content                                     *
************************************************/

#content {
    width: 501px;
    padding: 0 30px 0 35px;
    margin: 0;
    float: left;
    background-color: #fff;
    border-left-style: dashed;
    border-right-style: dashed;
    border-width: 1px;
    border-color: #e3e2da;
}

/************************************************
*   Left Sidebar                                * 
************************************************/

#left_sidebar {
    width: 200px;
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
}

#left_sidebar hr {
    width: 200px;
    border: 0;
    border-top: 1px dashed #e3e2da;
    height: 0;
}

#left_buttons {
    padding: 20px 0px 10px 0px;
    text-align: center;
}

img.welcome {
    padding: 0px 0px 10px 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#join {
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#subscribe {
    padding: 20px 0px 20px 0px;
    text-align: center;
}

/* Categories */
#categories {
    padding: 20px 0px 10px 0px;
    text-align: left;
}

#categories_list ul {
    margin-left: 0;
    padding-left: 0;
    text-indent: -1em;
    text-align: left;
}

#categories_list li {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin-left: -20px;
}

#categories_list li a {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.05em;
    text-transform: uppercase;
    text-decoration: none;
    color: #7d7368;
}

#categories_list li a:hover {
    text-decoration: underline;
}

#categories_list li a:visited {
    color: #c6b9ab;
}

/* Archives */
#archives_list {
    /* archives_list plugin css set in a plugin */
    padding: 20px 0px 10px 0px;
    text-align: left;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.05em;
    text-transform: uppercase;
    color: #7d7368;
}

/* Search */
fieldset.search {
    border: none;
    width: 180px;
    margin: 0 auto;
    padding: 20px 0px 40px 20px;
}

.search input[type="text"], .search textarea {
    font-size: 1.0em;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 5px 0 5px 10px;
    border: dashed 1px #bcb09e;
    width: 120px;
    color: #7d7368;
}

.search input.box:focus {
    outline: none;
}

.search_button {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 0;
    border: none;
    background-color: #fff;
    color: #f79c85;
}

.screen-reader-text {
    font-size: 1.1em;
    float: left;
    vertical-align: middle;
}

/************************************************
*   Right Sidebar                               * 
************************************************/

#right_sidebar {
    width: 200px;
    float: right;
    margin: 0;
    padding: 0;
}

#right_sidebar hr {
    width: 200px;
    border: 0;
    border-top: 1px dashed #e3e2da;
    height: 0;
}

#twitter_feed {
    padding: 20px 0px 5px 0px;
    overflow: hidden;
    word-wrap: break-word; /* IE fix for long links */
}

#follow_me {
    padding: 5px 0px 10px 0px;
    margin: 0;
}

#right_buttons {
    padding: 10px 0px 10px 0px;
}

#link_button {
    padding: 10px 0px 10px 0px;
}

#badge {
    padding: 10px 20px 10px 20px;
}

p.share_badge {
    text-align: center;
    font-size: 1.8em;
    font-style: italic;
    color: #f79c85;
}

textarea.share_code {
    width: 150px;
    padding: 5px 5px 5px 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.0em;
    color: #7d7368;
    border: dashed 1px #cdc4b6;
    overflow: auto; /* auto scrollbar */
}

/************************************************
*   Footer                                      *
************************************************/

#gutter {
    clear: both;
}

#footer {
    font-size: 1.02em;
    padding: 0;
    margin: 0 auto;
    width: 970px;
}

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

#footer a, #footer a:visited{
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    color: #f79c85;
}
    
#footer a:hover{
    text-decoration: underline;
    color: #f79c85;
}

/************************************************
*   Entry                                       *
************************************************/

.post {
    margin: 0 0 40px;
}

.post_dashed {
    width: 565px;
    margin-left: -35px;
    border-bottom-style: dashed;
    border-width: 1px;
    border-color: #e3e2da;
}

.entry { 
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.1em;
}

.entry p {
    line-height: 2.0em;
    text-align: left;
}

.entry hr {
    width: 565px;
    margin-left: -35px;
    border: 0;
    padding: 0;
    border-top: 1px dashed #e3e2da;
    height: 0;
}

.entry img {
    padding-top: 5px;
    padding-bottom: 5px;
    /* for centering the entry image */ 
    /* display: block; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.entry a, .entry a:visited {
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #f1bfbd;
}

.entry a:hover {
    color: #f79c85;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}


.postdate {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
    text-transform: uppercase;
    text-align: left;
    color: #f79c85;
    }

.postmetadata {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: left;
    color: #bcb09e;
}

.postmetadata a, .postmetadata a:visited {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #f79c85;
}

.postmetadata a:hover {
    text-decoration: underline;
}

a.post-edit-link {
    font-size: 1.2em;
}

/************************************************
*   Twitter for Worpress                        * 
************************************************/

ul.twitter {
    margin: 0;
    padding-left: 20px;
    list-style: none;
    /*float: left;*/ /* IE8 bug if present */
}

li.twitter-item {
    padding: 10px 20px 0px 0px;
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.0em;
    line-height: 1.8em;
    text-align: left;
}

p.twitter-message {
    /* doesn't seem to be any need for this */
}

.twitter-timestamp {
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.8em;
    color: #f79c85;
}

a.twitter-link {
    font-weight: normal;
}

a.twitter-user {
    font-weight: normal;
}

/************************************************
*   Navigation                                  * 
************************************************/

.navigation {
    font-size: 1.5em;
    font-style: italic;
    position: relative;
}

.navigation a {
    text-decoration:none;
    outline:none;
    color: #7f6759;
}

.navigation a:hover {
    text-decoration:none;
}

#nav_bottom {
    padding: 0px 0px 50px 0px;
    margin: 0;
}

#nav_bottom_left {
    float: left;
    vertical-align: middle;
}

#nav_bottom_right {
    float: right;
    vertical-align: middle;
}

img.arrow_left {
    padding-right: 10px;
    vertical-align: middle;
}

img.arrow_right {
    padding-left: 10px;
    vertical-align: middle;
}

/************************************************
*   Resources                                   * 
************************************************/

.resources_row {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.resources_col1 {
    float: left;
    width: 250px;
    text-align: left;
    margin: 0;
    padding: 0;
}

.resources_col2 {
    float: left;
    width: 250px;
    text-align: left;
    margin: 0;
    padding: 0;
}

p.resource_dashed {
    border-bottom-style: dashed;
    border-width: 1px;
    border-color: #e3e2da;
}
.resource_title {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #474a4a;
    letter-spacing: 0.2em;
    padding: 0px 0px 20px 0px;
    margin: 0;
}

.resource_list {
    padding: 0px 0px 20px 0px;
}

.resource_list ul {
    list-style:none;
    border:none;
    margin: 0;
    padding: 0;
}

.resource_list li {
    margin: 0;
    padding-top: 8px;
}

.resource_list li a {
    font-size: 1.2em;
    font-style: italic;
    color: #474a4a;
    text-decoration:none;
}

.resource_list li a:hover {
    color: #000000;
    text-decoration:underline;
}

/************************************************
*   Comments                                    * 
************************************************/

#comments {
    margin-top: 20px;
    padding: 0;
}

.commentlist ul {
    list-style:none;
    margin: 0;
    padding: 0;
}

.commentlist li {
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.1em;
}

.commentlist li {
    list-style:none;
    padding: 10px 0px 20px 0px;
    margin-left: -30px;
    border-bottom-style: dashed;
    border-width: 1px;
    border-color: #e3e2da;
}

.commentlist li ul li {
    font-size: 1em;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
}

.comment_author {
    margin: 0;
    padding: 0;
}

.commentmetadata {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.0em;
    margin: 0;
    display: block;
    color: #bcb09e;
}

.commentmetadata cite, .commentmetadata cite a {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #81b0a1;
    font-size: 1.0em;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
}

/************************************************
*   Comment Form                                * 
************************************************/

#commentform {
    margin: 5px 10px 0 0;
}

#commentform p {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
}

#commentform label {
    width: 6em;
    float: left;
    text-align: left;
    padding-top: 10px; 
    margin-right: 0.5em;
    display: block
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
    background: #ffffff;
    padding: .2em;
    border: dashed 1px #bcb09e;
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform input.box:focus {
    outline: none;
}

#commentform textarea {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.2em;
    width: 80%;
    padding: 2px;
    border: dashed 1px #bcb09e;
    overflow: auto; /* auto scrollbar */
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: left;
}

#commentform .comment_submit {
    background-image:url(images/comment_submit.jpg);
    background-position:center left;
    background-repeat:no-repeat;
    background-color: #ffffff;
    width: 140px;
    height: 16px;
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding-bottom: 40px;
}

#respond:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

/************************************************
*   Calendar                                    * 
************************************************/

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

#wp-calendar td.pad:hover {
    background-color: #fff; 
}