/*  
Theme Name: Companion Canyon
Theme URI: http://topwpthemes.com/companion-canyon/
Description: Designed by <a href="http://www.webhostingfan.com">Web Hosting Fan</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
Author: Web Hosting Fan
Author URI: http://www.webhostingfan.com
Tags: black, white, blue, green, pink, yellow, two-columns, fixed-width, right-sidebar
*/

/* 
   * Default HTML tags 
   */
a {
    color: #0000FF;
    }

a:visited {
            color: #0000FF;
            text-decoration: none;
}

a:hover {
	color: #181818;
}

acronym, abbr {
                cursor: help;
                }

blockquote {
	border-left: 3px solid #fc03ff;
	margin-left: 15px;
	padding-left: 5px;
}

body {
       background: #f067fb url("images/background.jpg") repeat-x top;
       color: #181818;
       font-size: 60.5%;
       font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
       margin: 0 auto;
       padding: 0;
       text-align: center;
       line-height: 14px;
       }

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
     font-size: 12px;
     background: url("images/post-title-background.jpg") repeat-x bottom;
     margin: 11px 0 6px 0;
     padding: 4px 0 8px 5px;
     font-weight: bold;
     color: #181818;
}

h2 a{ 
                     text-decoration: none;
                     color: #0000FF;
                     }
h2 a:visited{ 
                     text-decoration: none;
                     color: #0000FF;
                     }
h2 a:hover{ 
                     text-decoration: none;
                     color: #181818;
                     }
h2 a:visited:hover { 
                     text-decoration: none;
                     color: #181818;
                     }
h3 {
     font-size: 120%;
     margin-top: 0;
}

img { 
      padding: 3px;
      border: #f067fb 1px solid;
	  vertical-align:middle;
      }

a:hover img {
      padding: 3px;
      border: #181818 1px solid;
}


img.alignleft { 
                float: left;
                margin: 3px 3px 0px 0;
                }

img.alignright { 
                 float: right;
                 margin: 0 3px 0px 3px;
                 }

li { 
     margin: 0;
     padding: 0;
     list-style-type: none;
     }


ol#comments li p {
                   font-size: 100%;
                   }

ul { 
     margin: 0;
     padding: 0;
     }

/*
   * Classes
   */

/* The credits at the bottom of the site */
#credit {
          color: #333;
          font-size: 11px;
          width: 868px;
          text-align: center;
          margin: 0 auto;
          padding: 5px 0 5px 0;
          clear: both;
         
          }

#credit a, 
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
                          color: #181818;
                          }





/* Link to the comments */
.feedback {
            color: #181818;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            font-size: 11px;
            font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
            }

.feedback a { 
                            text-decoration: none;
                            color: #fc03ff;
                            font-weight:bold;
                            }
.feedback a:hover { 
                            text-decoration: underline;
                            color: #181818;
                            }
.feedback a:visited { 
                            text-decoration: none;
                            color: #fc03ff;
                            }
.feedback a:visited:hover { 
                            text-decoration: underline;
                            color: #181818;
                            }

/* The post informations */
.meta { 
        font-size: 0.9em;
        }

.meta li, 
ul.post-meta li { 
                  display: inline;
                  }

.meta ul { 
           display: inline;
           list-style: square;
           margin: 0;
           padding: 0;
           }

.meta a { 
          color: #0000FF;
          text-transform: lowercase;
          text-decoration: none;
          font-weight:bold;
          }

.meta a:hover { 
   text-decoration: underline;
          color: #181818;
          }

.meta { 
        color: #181818;
        font-weight: normal;
        letter-spacing: 0;
        font-size: 11px;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
       
        }


.storycontent { 
                font-size: 115%;
                }

/* Comment form design */
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
                        background: #fefefe;
                        border: 1px solid #181818;
                        color: #181818;
                        }

#commentform textarea {
	width: 96%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
}

ol#commentlist li { 
                  list-style: decimal;
                  }
#content {
           float: right;
           width: 580px;
           padding: 0px 20px 20px 12px;
           text-align: left;
           display: inline;
           }

#content ol li { 
                 list-style: decimal;
                 }

#content ul { 
              margin-top: 10px;
              margin-left: 35px;
              }

#content ul li { 
                 list-style-image: none;
                 }
#content a {
    color: #0000FF;
    }
	
#content-big {
           float: left;
           width: 612px;
           padding: 0px 8px 20px 12px;
           text-align: left;
           display: inline;
           text-align: justify;
           }


#header {
          font-size: 28px;
          font-weight: bold;
	  text-decoration:none;
          font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
          margin: 0 auto;
          height: 300px;
          width: 900px;
          background: url("images/header.jpg");
          }

.header-title {
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#fc03ff;
	font-size:23px;
        font-weight:bold;
	padding: 188px 0 0 328px;
	text-align:left;
	}
.header-title a{
	color:#fc03ff;
	text-decoration:none;
	border-bottom:none;
	}
.header-title a:hover{
	color:#181818;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
        font-size: 11px;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-weight: normal;
	color:#181818;
	padding: 10px 0 0 330px;
	text-align:left;
	}




#footer { 
          width: 900px;
          height: 63px;
          margin: 0 auto;
          color: #181818;
          background: url("images/footer.jpg") no-repeat;
          font-size: 11px;
          font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
          }

#footer p {
                          color: #181818;
                          text-decoration: none;
                          padding-top: 9px;
                          text-align: center;
                          }


#footer a, #footer a:visited{
                          color: #fc03ff;
                          text-decoration: none;
                          font-weight:bold;
                          }
#footer a:hover,#footer a:visited:hover {
                          color: #181818;
                          text-decoration: underline;
                          }

/* 
   * Left sidebar 
   */
#menu-left { 
             float: left;
             padding: 0px 8px 20px 20px;
             width: 230px;
             display: inline;
             }

#menu-left a,
#menu-left a:visited { 	     font-size: 11px;
	                     	 font-weight:bold;
                             line-height: 16px;
                             text-decoration: none;
                             color: #0000FF;
                             }

#menu-left a:hover,
#menu-left a:visited:hover  { 
                              color: #181818;
                             text-decoration: underline;
                              }

#menu-left ul ul { 
                   margin-left: 16px;
		   margin-bottom: 12px;
                   }

#menu-left ul ul li { 
                      list-style-image: url("images/icon.gif");
                      }

#menu-left h2 {
     font-size: 12px;
     background: url("images/sidebar-h2.jpg") no-repeat;
     margin: 11px 0 6px 0;
     padding: 4px 0 4px 5px;
     font-weight: bold;
     color: #fefefe;
             width: 230px;
}

.ad200 { 
                          text-align: center;
                          margin-top: 8px;
                   }


/* End of left sidebar */



input#s {
          width: 158px;
          background: #fefefe;
          border: 1px solid #181818;
          color: #181818;
}

#rap { 
       width: 900px;
       margin: 0 auto;
       background: url("images/rap-background.jpg") repeat-y;
       text-align: left;
       }
#search {
	margin: 0px 0px 0px 0px;
	height: 20px;
	width: 230px;
}

.searchfield {
	vertical-align: middle;
	padding: 1px;
	margin: 1px;
	background: #fefefe;
	border: 1px solid #181818;
	color: #181818;
	width: 150px;
	font-size: 12px;
	height: 16px;
}

.searchsubmit {
	vertical-align: middle;
	padding: 1px;
	background: #fefefe;
	border: 1px solid #181818;
	color: #181818;
	width: 60px;
	font-size: 12px;
	height: 20px;
        padding: 0px 0px 3px 0px;
}


#recentPosts li {
	list-style:square;
	margin-left:6px;
}

#exsi {
margin:5px !important;
padding:0 !important;
text-align:left;
}
#exsi h4 {
font-size:14px;
margin:0;
padding:0;
}
#exsi ul {
display:inline !important;
list-style:none outside none !important;
margin:0 !important;
padding:0 !important;
}
#exsi li {
display:inline !important;
margin-right:5px !important;
}