/**



 * Theme Name: Fabric Shopper

 * Theme URI: http://fabricshopperonline.com



 * Description: A custom theme for the website of 

 * Version: 0.7



 * Author: Tara Gentile



 * Author URI: http://taragentile.com



 * Tags:  



 * Status: publish



 *



 *Template: hybrid



 */







/* Get base CSS */



@import url('http://fabricshopperonline.com/wp-content/themes/hybrid/library/css/21px.css');







/* Get layout CSS */



@import url('http://fabricshopperonline.com/wp-content/themes/hybrid/library/css/3c-l-fixed.css');







/* Get plugins CSS */



@import url('http://fabricshopperonline.com/wp-content/themes/hybrid/library/css/plugins.css');







/* Get drop-downs CSS */



@import url('http://fabricshopperonline.com/wp-content/themes/hybrid/library/css/drop-downs.css');





/* site specific colors, background, & font */



body {

background: url('http://fabricshopperonline.com/fabric/bg.jpg') no-repeat #fff;

font-family: arial, helvetica, sans-serif;

}



a, a:visited {

color:#0aadad;

}



a:hover {

color: #7d7b6d;

}



h3 {



}



/* theme-specific ids that i customize most frequently */



#site-title, #site-description {

display:none;

}



#body-container {

background: #fff;

padding: 20px;

}



.logo-about {

width: 350px;

float:right;

margin-right: -170px;

margin-top: -400px;

}



.logo-about p {

float:right;

line-height: 1.1em;

padding: 10px 5px;

}



#navigation {

}



#container {

margin-bottom: 40px;

}



#page-nav {

float:left;

width: 960px;

border: 1px solid #d4ceba;

}



#page-nav li a {

text-transform: uppercase;

font-size: 18px;

padding: 4px 14px 3px;

color: #000;

border: 0px;

}



#page-nav li a:hover {

color: #7d7b6d;

}



#primary {

overflow: visible;

width: 165px;

float:right;

position:relative;

margin-top: 565px;

}



#secondary {

overflow: visible;

float:right;

width: 170px;

padding: 10px;

margin: 5px;

}



#subsidiary li {

display:block;

width: 150px;

padding: 10px;

margin: 5px;

float:right;

}



#footer {

font-size: 11px;

}



/* theme-specific classes that i customize most frequently */



.about {

float:right;

border: 1px solid #d4ceba;

width: 350px;

}

.about table {

margin-bottom: 0px;

}



.about p {

margin-bottom: 0px;

}



.about img {

float:left;

padding: 5px;

}



.content {

width:560px;

margin-top: 50px;

}



.blog .entry-title {

margin-bottom: 0px;

}



.byline {

font-size: 11px;

color: #626053;

font-style: italic;

}



.entry-title a, .page-title a {

font-family: "trebuchet ms", arial, sans-serif;

}



.entry-meta .categories, .entry-meta .tags {

font-size: 11px;

color: #626053;

}



.comments-link {

font-family: "trebunchet ms", arial, sans-serif;

font-size: 24px;

float:right;

font-style: italic;

}



.meta-sep-comments {

display: none;

}



.widget-title {

font-size: 15px;

font-family: "trebuchet ms", arial, sans-serif;

}



.widget {

font-size: 11px;

color: #626053;

line-height: 1.2em;

}



#secondary {

margin-top: 390px;

}

#primary ul, #secondary ul {

list-style: none;

margin: 0 0 21px;

}



/* Comments template */



#comments-template {



	clear: both;



	}







/* Comment headers */



.comments-header {



	font-size: 1.2em;



	}







/* Comments are closed */



.comments-closed {



	font-style: italic;



	}







/* Comment list */



#comments-template ol {



	list-style: none;



	margin: 0 0 21px 0;



	}



#comments li, #comments li li li, #comments li li li li li {



	overflow: hidden;



	margin: 0 0 15px 0;



	padding: 15px 15px 0 15px;



	background: #fff;



	border: 1px solid #ccc;



	}



#comments li li, #comments li li li li {



	background: #f9f9f9;



	}







/* Avatar */



#comments-template .avatar {



	width: 40px;



	height: 40px;



	float: left;



	margin-right: 15px;



	padding: 0;



	border: 1px solid #666;



	}







/* Comment metadata */



.comment-meta {



	margin: 10px 0 21px 0;



	font-size: 13px;



	color: #666;



	}



.comment-author {



	font-size: 15px;



	color: #000;



	}



.comment-reply-link, .permalink, .comment-edit-link {



	font-style: italic;



	color: #666;



	}







/* Comment text */



.comment-text {



	clear: left;



	margin: 0 15px;



	}







/* Form */



.text-input {



	display: block;



	padding: 3px 6px;



	width: 97%;



	}



#comments-template label {



	font-size: .9em;



	}







/* Respond textarea */



textarea {



	width: 98%;



	}







/* Submit and rest buttons */



.button, .submit, .reset {



	width: 100px;



	margin-right: 15px;



	padding: 7px 15px 8px 15px;



	background: #fff;



	border: 1px solid #ccc;



	}



.button:hover, .submit:hover, .reset:hover {



	cursor: pointer;



	background: #f9f9f9;



	}



.archive .thumbnail {

float:left;

padding: 0 10px 5px 0;

}



.archive .entry-title {

font-size: 21px;

margin-bottom: 0px;

}