/*

Theme Name: W.F. Norman

Theme URI: http://cdesignstudios.com

Description: Theme developed for W.F Norman graphic design by Katy Vicory

Version: 1.0

Author: Chris Dudek

Author URI: http://cdesignstudios.com

Tags: gallery, ceiling, clean, basic

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";

@import "style/css/font.css";



/*===================================Main CSS===================================*/



html, body {margin:0;padding:0;}

body{text-align: center;font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;background-color: #660000;color: #444;font-size: 75%;}

/*===================================Header CSS===================================*/

#head{height:35px;background:#660000;margin:0 auto;width:902px;border-bottom:solid 1px #333;}



/*Search CSS*/

#search{float:right;margin:8px 0px 0 0;width:198px;}

#s{border:none;background:#fff;margin:1px 0 0 -5px;width:165px;color:#666;}

#searchbox{color:#CCC;height:19px;position:relative;border:solid 1px #000;padding-left:5px;width:170px;float:left;background:#fff;}

#searchsubmit{position:relative;float:right;}

/*Upper Navigation CSS*/

#uppernav{float:left;margin:9px 0 0 0px;color:#fff;}

#uppernav a{color:#fff;text-decoration:underline;}

#uppernav a:hover{color:#fff;text-decoration:none;}

/*Lower Header CSS*/

#logo{position:relative;z-index:1;}

#navigation{float:right;margin:-25px 5px 0 0;position:relative;z-index:2;width:445px;}

/*Top Menu Items*/

#navigation ul {margin:0;padding:0;list-style-type:none;font-size:1em;text-transform:uppercase;}

#navigation ul li{position:relative;display:inline-block;float:left;list-style:none;}

/*Top level menu link items style*/

#navigation ul li a{display:block;padding:8px 10px;text-decoration: none;color:#000;}

#navigation ul li.current_page_item a{text-decoration:underline;}

#navigation ul li a:hover{text-decoration:underline;color:#660000;}

/*IE6 hack to get sub menu links to behave correctly*/

* html #navigation ul li a{display:inline-block;}

/*1st sub level menu*/

#navigation ul li ul{position:absolute;left:0;display:block;margin:-10px 0 0 -5px;visibility:hidden;background:url(images/secnavbg.png) no-repeat top;width:180px;z-index:3;padding:15px 0 3px 0;}

/*Sub level menu list items (undo style from Top level List Items)*/

#navigation ul li ul li{display: list-item;float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

#navigation ul li ul li ul{top:0;}

#navigation ul li ul li a{width:150px;padding:5px 5px 5px 5px;margin:0 0 0 10px;color:#fff;}

#navigation ul li.current_page_item ul li a{text-decoration:none;}

#navigation ul li ul li.current_page_item a{text-decoration:underline;}

#navigation ul li ul li a:hover{background:#a70000;text-decoration:underline;color:#fff;}

/*Breadcrumb CSS*/

.breadcrumb{padding:5px 10px 5px 10px;margin-top:-5px;}

.breadcrumb a{color:#666;}

.breadcrumb a:hover{color:#660000;}

/*===================================Home Content===================================*/

#homecontent{float:left;width:590px;margin:2px 0px 0px 50px;}

#homecontent p{padding:10px 25px 0 0;font-size:.91em;}

#homecontent img{position:relative;z-index:1;margin-top:-60px;}

#company{width:240px;position:relative;left:315px;z-index:2;}

#companycontent{width:200px;float:left;text-align:center;margin-top:20px;}

#company h1{font-weight:normal;font-style:normal;font-size:2.3em;width:200px;padding:0px;margin:0px;font-family:'AlexandriaFLFBold', sans-serif;}

#company h3{font-size:1em;margin-top:0px;font-family:'AlexandriaFLFBold', sans-serif;}

.big{font-size:6em;font-weight:normal;float:left;width:20px;font-family:Arial, Helvetica, sans-serif;}

/*===================================Page Content CSS===================================*/

p.firstp{margin-top:10px;}

a{color: #660000;text-decoration: none;outline:none;}

a:focus, a:hover, a:active {text-decoration: underline;}

p{line-height: 1.8em;}

h1, h2 {font-family: "Trebuchet MS", Verdana, sans-serif;margin: 0;}

h1 {margin-bottom: 10px;padding: 0;font-size:3em;color: #333;letter-spacing:-1px;}

h2 {padding-top: 10px;font-size:2em;letter-spacing:-1px;}

h3{margin-top:10px;margin-bottom:10px;font-size:1.2em;}

pre {font-size: 1.2em;line-height: 1.2em;}

div#page {width: 900px;background-color: #fff;margin: 0 auto;text-align: left;border-color: #ddd;border-style: none solid solid;border-width: medium 1px 1px;}

div#container {padding: 15px;}

div#ads {clear: both;padding: 12px 0 12px 66px;}

div#thumbs{margin-left:20px;}

#issuu{margin:10px 0 0 -5px;padding-bottom:10px;border-bottom:solid 1px #ccc;}

.clear{clear:both;}

#installation{padding:0 50px;}

#ornamentdescription{text-align:center;padding-bottom:10px;border-bottom:solid 1px #ccc;}

/*===================================GalContent CSS===================================*/

#galcontent{float:left;width:280px;margin-left:20px;}


/*===================================Roofing CSS===================================*/

#sheet{border:solid 1px #333;text-align:center;width:600px;padding:40px 0;margin:0 auto;}

#sheet h1{padding-top:20px;}

#sheet p{font-size:.83em;}

.left{float:left;width:155px;}

.middle{float:left;width:280px;}

.right{float:right;width:155px;}

#roofingsidebar{float:left;width:155px;margin:45px 0 0 70px;}

#roofingprice{float:right;width:360px;border:none;}

#roofingprice table{width:360px;border:none;text-align:left;margin-top:35px;}

#roofingprice table tr.spacer{height:10px;}

/*===================================Products CSS===================================*/

#products p{float:left;padding:0 80px;}

.roofinglink{padding-top:60px;}

#products img{float:right;}

#products h2{padding-bottom:5px;border-bottom:solid 1px #ccc;}

#products h3{padding:0 80px;}


/*===================================Pricing Main CSS===================================*/

#maintext{height:200px;width:870px;}

#maintext p{padding:0 50px;}

#column1, #column2, #column3{width:281px;float:left;}

#column2{margin:0 13px;}

#column1 h2, #column2 h2, #column3 h2{border-bottom:solid 1px #ccc;text-align:center;padding-bottom:5px;}

#column1 p, #column2 p, #column3 p{text-align:center;}

#column1 a img, #column2 a img, #column3 a img{border:solid 1px #ccc;}

#column1 a:hover img, #column2 a:hover img, #column3 a:hover img{border:solid 1px #660000;}

/*===================================Pricing Tables CSS===================================*/

h2.heading{padding-bottom:5px;border-bottom:solid 1px #ccc;}

h2.ceiling{margin-bottom:15px;width:870px;}

h2.roofing{margin-bottom:10px;width:870px;margin-top:0px;}

#pricelist1{float:left;margin-left:15px;}

#pricelist2{float:left;margin-left:20px;}

#pricingcontent{float:left;width:300px;margin-left:20px;}

#pricingcontent2{float:left;width:360px;margin-left:20px;}

#pricingcontent4{float:left;width:390px;margin-left:20px;}

table{border:solid 1px #333;}

.roofing{border:none;margin-top:10px;border-bottom:solid 1px #333;width:450px;}

.roofing td{border:none;text-align:left;}

td.heading{font-weight:bold;}

/*Cornices and Moldings*/

#pricingtable1{width:289px;float:left;}

#pricingtable2{margin-left:10px;width:260px;float:left;}

#pricingtable1 h3, #pricingtable2 h3{text-align:center;padding-bottom:10px;}

#pricelist1 td, #pricelist2 td{border:solid 1px #333;padding:5px; vertical-align:middle;text-align:center;}

#pricingtable1 table td, #pricingtable2 table td{border:solid 1px #333;padding:10px;text-align:center;}

#pricingtable1 table td.heading, #pricingtable2 table td.heading{font-weight:bold;}

#pricingtable1 table td.indent, #pricingtable2 table td.indent{padding-left:50px;}

#pricingcontent3{float:right;width:290px;margin:40px 0 0 20px;}

/*===================================Sidebar CSS===================================*/

#sidebar{float:right;width:160px;text-align:center;border-top:double 6px #333;margin:20px 50px 0px 0px;}

#sidebar h1{font-size:2.3em;margin:10px 0 0 0;font-weight:normal;font-family:'AlexandriaFLFRegular', sans-serif;}

#sidebar h1.title2{margin-top:0px;font-size:2em;}

#sidebar h2{font-size:2.2em;padding-top:0px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}

#sidebar h3{font-size:1em;font-family:'AlexandriaFLFBold', sans-serif;}

#sidebar p{text-align:justify;line-height:1;font-size:1em;border-bottom:double 6px #333;padding-bottom:15px;font-family:'AlexandriaFLFBold', sans-serif;line-height:1.3;}

#sidebar p.copyright{border-bottom:none;margin-top:15px;padding-bottom:0px;color:#666;font-family:"Times New Roman", Times, serif;font-size:.91em;line-height:1;}

#sidebar p.copyright2{border-bottom:none;margin-top:5px;padding-bottom:0px;color:#666;font-family:"Times New Roman", Times, serif;font-size:.91em;line-height:1;}

/*===================================Contact Form CSS===================================*/

#contactform{float:left;width:420px;}

.textarea{resize:none;}

#contactinfo{float:right;width:450px;}

div.wpcf7-response-output{width:372px;}

#submit{margin-top:10px;}

.req{color:#990000;}

/*===================================Order Form CSS===================================*/

#formborder{border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;padding-top:25px;margin-bottom:25px;}

#orderform{float:left;width:420px;}

.textarea{resize:none;}

#orderinfo{float:right;width:450px;}

div.wpcf7-response-output{width:372px;}

#ordersubmit{margin-top:30px;}

.req{color:#990000;}

/*===================================Blog CSS===================================*/

h3.title {font-size:2em;margin-bottom:0px;padding-top:20px;clear:both;}

h2.pagetitle{text-align:center;padding-bottom:10px;border-bottom:solid 1px #ccc;color:#660000;}

.time{font-size:.83em;color:#999;margin-bottom:15px;}

#blog{width:480px;padding:0 10px 0 30px;float:left;}

#blogsidebar{width:288px;float:right;margin-right:30px;}

#blogsidebar a{padding-left:20px;}

.sidebaritem{padding-top:10px;border-top:dotted 1px #999;}

#picasa{width:288px;height:192px;border:solid 1px #ccc;}

p.nextpost1{width:240px;float:left;text-align:left;}

p.nextpost2{width:240px;float:right;text-align:right;}

/*===================================Search Page CSS===================================*/

.searchcontainer{padding:20px;}

h2.searchtitle{padding-bottom:5px;border-bottom:solid 1px #666;}

.searchresult{width:180px;float:left;padding:5px 5px 15px 5px;border:solid 1px #666;margin:10px 5px;}

.searchresult h3{text-align:center;padding-bottom:5px;border-bottom:solid 1px #ccc;}

.searchimage{margin:0 auto;width:75px;}

.relatedlinks{padding:10px 70px;}

.relatedlinks h2{padding-bottom:5px;border-bottom:solid 1px #666;}

.relatedlinks h3{border-bottom:solid 1px #ccc;width:545px;padding-bottom:3px;}

.arrow{float:right;}

/*===================================Admin CSS===================================*/

p.admin{text-align:center;margin-top:10px;}

/*===================================Footer CSS===================================*/

#footer {clear: both;color: #777;margin: 0 auto;padding: 10px 0 10px;text-align: center;background:#fff;width:900px;}

p.footertext{text-align:center;}