/*
Theme Name: Phinney Ridge Cabinet Company
Theme URI: http://http.s30695.gridserver.com/
Description: This theme is custom made for Phinney Ridge Cabinet Company and is not available as a theme for your wordpress websites.
Version: 1.2
Author: April Howson, Treelight Design
*/


/*-------------------------------------------------------------------------------------------
 This section of the stylesheet is for the key rules that will apply to every page, such as font control, color, and headings.
---------------------------------------------------------------------------------------------*/

html {
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
color: #20201d;
font-family: Arial,Verdana,sans-serif;
font-size: 62.5%;
background-color: #333333;
}

#wrapper {
position: relative;
min-height: 100%;
font-size: 1.3em;
margin-bottom: 50px;
padding-bottom:20px;
}

* html #wrapper {
height: 100%;
}

p {
font-family: Arial,Verdana,sans-serif;
}

img {
border: 0;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}
.classiclist {
list-style-type: disc;
margin: 5px 5px 10px 20px;
padding: 5px 5px 10px 20px;
line-height: 200%;
}

/* Default styling for headings
-------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px 0;
padding: 0;
}
h1 {
font-size: 1.7em;
font-weight: bold;
}
h2 {
font-size: 1.5em;
font-weight: bold;
color: #822111;
}
h3 {
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px solid #822111;
}
h4 {
font-size: 1.3em;
font-weight: bold;
color: #822111;
}
h5 {
font-size: 1.1em;
font-weight: bold;
}

/*-------------------------------------------------------------------------------------------
 This stylesheet is for the layout and positioning of elements of the website.
---------------------------------------------------------------------------------------------*/

/* Elements which are stated "__In" are an extension of it's parent element - it centers the content within it's parent element which would otherwise extend to the end of a browser window of any size */

/* Centering Element */
.contentIn {
width: 960px;
margin: 0px auto 0px auto;
}
/*-------------------------------------*/
#header {
background: #333333;
height: 120px;
}
#logo {
float: left;
width: 220px;
padding: 30px 10px 10px 10px;
}
/*-------------------------------------*/
/* This element defines the navigation bar */
#navigation {
float: right;
}

/* ------ Links ------ */

a, a:link, a:visited, a:hover, a:active {
color: #822111;
}
a:visited {
}
a:hover {
text-decoration: none;
}
/* ----------------------------------- */

/* ------ Primary Navigation Bar ------ */
#navigation ul {
list-style-type: none;
}
#navigation ul li {
display: inline;
}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:active {
position: relative;
top: 60px;
background: transparent url(images/navbullet.gif) top right no-repeat;
padding: 60px 10px 44px 18px;
border-bottom: 14px solid transparent;
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#navigation ul li a:hover {
border-bottom: 12px solid #822111;
}
#navigation ul li a:active {
border-bottom: 12px solid #822111;
}
/* ----------------------------------- */

/* ------ Secondary Navigation Bar ------ */
#secnav {
float: right;
}

#secnav ul {
list-style-type: none;
margin: 5px 0px 15px 0px;
}
#secnav ul li {
display: inline;
}
#secnav ul li a:link, #secnav ul li a:visited, #secnav ul li a:hover, #secnav ul li a:active {
padding: 20px 10px 6px 10px;
border-bottom: 10px solid #333333;
color: #822111;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#secnav ul li a:hover {
border-bottom: 10px solid #822111;
}
#secnav ul li a:active {
border-bottom: 10px solid #822111;
}
/* ----------------------------------- */

#main {
clear: both;
height: 100%;
background: #fff;
padding: 20px 20px 40px 20px;
}

#main p {
line-height: 180%;
margin: 15px 0 12px 0;
}
#main table {
line-height: 180%;
margin: 20px 0px 10px 0px;
border-bottom: 1px solid #ededed;
}
#main table td {
vertical-align: top;
}
.tabletitle {
font-size: 1.3em;
font-weight: bold;
border-bottom: 1px solid #822111;
}
#main table img {
border: 6px solid #edebeb;
}

#footer {
padding: 20px 4px 5px 4px;
background-color: #333333;
font-size: 0.8em;
color: #fff;
}
#footerlinks {
text-align: center;
background-color: #333333;
}
#footerlinks ul li {
display: inline;
color: #fff;
}
#footerlinks ul li a {
padding: 10px 6px 12px 6px;
color: #fff;
text-decoration: none;
}
#footerinfo {
text-align: center;
}
#footerinfo p {
padding: 10px 6px 5px 6px;
}
#footerinfo p a {
color: #fff;
}


.clearboth {
clear: both;
}
.clearleft {
clear: left;
}
.clearright {
clear:right;
}

/* ------  Links List ------ */


}

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



/* This section of the stylesheet is for the posts
------------------------------------------------------- */


/* little fix for mozilla to stop it inserting a top margin at the start of paragraphs, which will upset the layout by a few pixels.
------------------------------------------------------- */

div>p {margin:0}

.test {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}


/*-------------------------------------------------------------------------------------------
 2 Column Page
---------------------------------------------------------------------------------------------*/

.mainleft {

}
.mainright {

}