/*
Theme Name: FrameHouse
Version: 1.0
Author: Haley
*/

/* TABLE OF CONTENTS

01 - Global Elements
02 - Typography - All Type throughout the site
03 - Main Structure - Columns, clearfix, etc.
04 - Header - Header, Logo, navigation, search.
05 - Showcase - jQuery and about us.
06 - Main Content - Post boxes, post meta, etc.
07 - Sidebar - Custom sidebar widgets.
08 - Footer - Categories, About, Copyright, Sponsors.

/* ----------------------------------------------*/

/*
COLORS

blue background:  afe8f4
dark grey:  6e929a
light blue boxes: e1f6fb
red: 950000
lime green: 9cc800
*/

/* 01 - GLOBAL ELEMENTS
/* ----------------------------------------------*/


body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: 0.4pt;
	word-spacing: 0pt;
	line-height: 1.3;
        background-color:#afe8f4;
        margin: 0; padding:0;
        text-decoration: none;
        list-style: none;
}

img {
        margin:0;
        padding:0;
        border:0;
}

/* 02 - TYPOGRAPHY
/* ----------------------------------------------*/

h1{
	margin-top:5px;
	padding:0;	
	border-bottom:2px solid #000000;
}

h2{
       margin:0;padding:0;
       color: #950000;
       font-size: 22px;
}

h3{
}

a:link, a:active {
       color:#950000;
       font-weight: bold;
       text-decoration: none;
}

a:hover {
       color:#000000;
}

p {
       line-height: 17.2px;
}



/* header
/* ----------------------------------------------*/



#header_menu li {
	display: inline;
	list-style-type: none;
}

#header_menu li a{
        float: left;
        margin: 6px 27px 0 22px;
        font-size: 19px; font-family: Arial, sans-serif;
        color:#ffffff;
        font-weight:bold;
        text-decoration:none;
}

#header_menu li a:hover, #header_menu li a:active {
        color:#950000;
        text-decoration:underline;
      
}


/* posts
/* ----------------------------------------------*/

.post-info{
}
        .post-info span{

        }
                .post-info span a:link,.post-info span a:active,.post-info span a:visited {
                }
.read_more a:link{
}

.read_more a:hover{
}

.categories ul{
	list-style:none;
}

.post-footer {
}

/* sidebar
/* ----------------------------------------------*/

#sidebar li{
        font-family: arial,sans-serif;
        color:#6e929a;
        font-size: 11.2px;
        text-align: left;
	padding-right: 14px;
	padding-bottom: 3px;
}

#sidebar .rss-date{
        margin-bottom: 10px; 
        padding:0;
        font-size: 10px;
        color:#000000;
        display:block;
}


/* footer
/* ----------------------------------------------*/

#footer li {
	display: inline;
	list-style-type: none;
}

#footer li a{
        color:#9cc800;
        text-decoration: none;
        font-size: 13.3px;
}

#footer li a:hover, #footer li a:active {
        color:#afe8f4;
}


/* 03 - MAIN STRUCTURE
/* ----------------------------------------------*/


#wrapper {
        width: 1100px;
	margin-left:auto;
	margin-right:auto;     
}


/* 04 - HEADER
/* ----------------------------------------------*/

#header {
	margin-bottom:10px;
}

#header_image {
	height:345px;
        background-image:url(images/Header.png);
        background-repeat: no-repeat;
	margin-bottom: 0;
}

#header_menu {
	background-color:#6e929a;
        height:37px;
        width:1000px;
	margin-left:auto;
	margin-right:auto;
}


/* 05 - SHOWCASE
/* ----------------------------------------------*/

#page_body_main_showcase {

}

#page_body_main_showcase_image{     
        height:284px;
        width:1000px;
        background-image:url(images/Showcase1.png);
        background-repeat: no-repeat;
}

li.widget_rss h2 {
	display: block;
	width: 240px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(images/twitter_widget.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* 06 - MAIN CONTENT
/* ----------------------------------------------*/

#page_body_main_special div{
        width:1000px;
        height:284px;        
	margin-left:25px;
        float: left;
	margin-bottom: 10px;

}


#page_body_main {
	width:750px;
	margin-left:50px;
        float: left;
}

#page_body_main div{
	background-color:#e1f6fb;
	margin-bottom:10px;
        padding: 5px;
}

#page_body_main li{
	list-style:none;
}

#page_body_sidebar div{	
        background-color:#e1f6fb;
	width:240px;
	float:right;
        padding: 10px;
	margin-bottom:10px;
}


/* 07 - SIDEBAR
/* ----------------------------------------------*/

#sidebar {
        width:240px;
        float:right;
        margin-right:50px;
        margin-bottom:10px;
	list-style-type:none;
        background-color:#e1f6fb;
}

#sidebar li{ 
        
}

#sidebar.textwidget{
}

/* 07 - FOOTER
/* ----------------------------------------------*/

#footer {
        clear:both;
        height: 370;
        background-color: #afe8f4;
        color: #ffffff;
}

#footer_image {
	height:370px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        background-image:url(images/Footer.png);
        background-repeat: repeat-x;
}


#footer_contents {
        width:1000px;
        margin: auto;
	padding-top:150px;
}

#footer_keep_in_touch{
	float: left;
	margin-left:40px;        
	margin-right:600px;
	margin-bottom:22px;
	width:286px;
	height:28px;
	background-image:url(images/keep_in_touch.png);
	background-repeat: no-repeat;
}

#find {
	display: block;	
	float: left;
	width:255px;
	height:20px;
	margin-left:657px;
	margin-top:18px;
	background-image:url(images/find.png);
	background-repeat: no-repeat;
}

a#twitter {
        display: block;
        float: left;
        width: 49px;
    	height: 70px;
    	background-image: url(images/twitter.png);
    	background-repeat: no-repeat;    	
	margin-right:30px;
}

a#email-us {
    	display: block;
    	float: left;
    	width: 49px;
    	height: 71px;
    	background-image: url(images/email-us.png);
    	background-repeat: no-repeat;
    	margin-right:30px;
}

a#flickr {
    	display: block;
    	float: left;
    	width: 49px;
    	height: 66px;
    	background-image: url(images/flickr.png);
    	background-repeat: no-repeat;
    	margin-right:30px;
}

a#facebook {
    	display: block;
    	float: left;
    	width: 49px;
    	height: 65px;
    	background-image: url(images/facebook.png);
    	background-repeat: no-repeat;
    	margin-right:30px;
}

a#rss {
    	display: block;
    	float: left;
    	width: 48px;
    	height: 66px;
    	background-image: url(images/rss.png);
    	background-repeat: no-repeat;
}

fieldset.search {
	display:block;
	float: right;
	border: none;
	width:333px;
}

.search input, .search button {
	display:block;	
	border: none;
	float: left;
}

.search input.box {
	display:block;
	float:left;	
	font-size: 1.2em;
        text-indent:35px;
        padding-top: 10px;
	width: 225px;
	height: 30px;
	background-image: url(images/search_input.png);
    	background-repeat: no-repeat;
	margin-right: 10px;
}

.search button.btn {	
	display:block;
	float:left;
	width: 96px;
	height: 41px;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(images/search.png);
    	background-repeat: no-repeat;
}

.search button.btn:hover {
	background-image: url(images/search_rollover.png);
    	background-repeat: no-repeat;
}



#footer_about {
	width:1000px;  
	margin: auto;
        padding-top:175px;
}

}