@charset "UTF-8";
/* 

[MASTER STYLE SHEET - COREYMADE.COM]

Last Modified:				09/23/2009 [created]

Primary Use:				CoreyMade Web Design Style Sheet
Author:						Corey Haggard (http://www.coreymade.com)
Copyright:					2009 Copyright CoreyMade // Do not steal or use any portion of this CSS without writen consent


*/

/*=========================================================================
MISC AND BODY ELEMENTS
==========================================================================*/

body {
	background-image:url(../images/page_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFBED;
	margin:0px;
	padding:0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a {
	text-decoration:none;
	color:#791F13;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
.clear {
	clear:both;
}
h2 {
	font-size:14px;
	color:#995243;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
h3 {
	font-size:12px;
	color:#995343;
	font-weight:normal;
	margin:0px;
	padding-top:10px;
	padding-left:17px;
	padding-bottom:17px;
	background-image:url(../images/div.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:19px;
	padding-right:5px;
}
p {
	padding:0px;
	margin:0px;
	line-height:19px;
	font-size:12px;
	color:#33322C;
}
strong {
	color:#995343;
}
blockquote {
	padding:10px;
	border:4px solid #F6EBD6;
	font-style: italic;
	color: #995343;
	font-size:11px;
 }

/*=========================================================================
2.0 - CONTAINER ELEMENT
==========================================================================*/

.container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:60px;
}

/*=========================================================================
3.0 - LOGO ELEMENT
==========================================================================*/

.logo {
	width:174px;
	float:left;
}

/*=========================================================================
4.0 MAIN NAVIGATION ELEMENTS
==========================================================================*/

.nav {
	width:560px;
	float:right;
	text-align:right;
}
.nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.nav ul li {
	display:block;
	float:left;
	text-align:left;
	padding:0px 30px 0px 30px;
	
}
.nav li.current_page_item {
	color:#000;
}
.nav ul li a {
	font-size:12px;
	color:#FFFBED;
	line-height:53px;
	padding:15px 0px 16px 0px;
	font-weight:normal;
}
.nav ul li a:hover {
	text-decoration:none;
	color:#995343;
	border-bottom:3px solid #995343;
}
.nav li.current_page_item a{
    color:#995343;
	border-bottom:3px solid #995343;
}

/*=========================================================================
5.0 - HEADER ELEMENTS
==========================================================================*/

.headerl {
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	color:#7A2013;
	padding-top:39px;
	padding-left:18px;
}
.header_sub {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	color:#7A2013;
	padding-top:39px;
	padding-left:18px;
}
.headerr {
	float:right;
}
.amper {
	font-size:42px;
	color:#171713;
}
.highlight {
	font-size:32px;
	color:#171713;
}

/*=========================================================================
6.0 - VISUAL FOLIO SWITCHER
==========================================================================*/

#visual {
    width: 347px; height: 152px;
    padding-left: 0px;
	margin:0px;
} 
/*\*/ * html #visual {
        width: 347px;
      } /**/
        /**
         * Splash
         */
 
 #visual div.tabbed-ui {
     width: 347px; height: 152px;
     position: relative;
     border-left: 1px solid #74cb38;
     border-right: 1px solid #74cb38;
} 
/*\*/ * html #visual div.tabbed-ui {
          width: 347px; height: 152px;
        } /**/

#visual div.tabbed-ui .tabs {
	margin: 0 0 0 11px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 46px;
}
#visual .tabs li {
    width: 31px; height: 31px;
    margin-left: 5px;
    float: left;
    text-align: center;
}
#visual .tabs li a {
    width: 31px; height: 31px;
    display: block;
    cursor: pointer;
	font-size:19px;
	font-family:"Trebuchet MS";
}
#visual .tabs li a span {
    width: 31px; height: 31px;
    display: block;
    line-height: 26px;
    cursor: pointer;
}
#visual .tabs li a:link,
#visual .tabs li a:visited {
    color:#1F7CBC;
	background: transparent url(../rotator/numberbg.png ) no-repeat 0 0;
	text-decoration:none;
}
#visual .tabs li a:hover,
#visual .tabs li a:active,
#visual .tabs li a:focus,
#visual .tabs li.ui-tabs-selected a {
    color:#527E3A;
	text-decoration:none;
    background: transparent url(../rotator/selected.png ) no-repeat 0 0;
    } 
    /*\*/ * html #visual .tabs li a:hover,
                * html #visual .tabs li a:active,
                * html #visual .tabs li a:focus,
                * html #visual .tabs li.ui-tabs-selected a {
                  color:#527E3A;
                } /**/

.ui-tabs-panel {
    height: auto;
}
.ui-tabs-hide {
    display: none;
}

/*=========================================================================
7.0 - SITE FLOATS & WIDTHS
==========================================================================*/
.sitel {
	width:600px;
	float:left;
	padding-left:0px;
	padding-top:30px;
}
.siter {
	width:328px;
	float:right;
	padding-top:26px;
}
.subl {
	width:556px;
	float:left;
	padding-left:18px;
	display:inline;
	margin-top:45px;
}
.subr {
	width:320px;
	float:right;
	display:inline;
	margin-top:45px;
}
.rundown {
	width:205px;
	float:left;
}
.sectionl {
	width:245px;
	float:left;
}
.sectionr {
	width:245px;
	float:right;
}
.middle_home {
	width:375px;
	float:right;
}
.siter ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
.siter ul li {
	display:block;
	padding-top:0px;
	padding-bottom:6px;
	margin-bottom:10px;
 }
 .siter ul li a {
 	font-size:12px;
 	color:#995243;
 	font-weight: normal;
 }
 .page_left {
	width:660px;
	float:left;
	padding-left:18px;
	display:inline;
	margin-top:50px;
}
 .page_left2 {
	width:660px;
	float:left;
	padding-left:18px;
	display:inline;
	margin-top:50px;
}
.page_right {
	width:173px;
	float:right;
	display:inline;
	margin-top:50px;
}
.page_right2 {
	width:220px;
	float:right;
	display:inline;
	margin-top:50px;
	background: url(../images/rss_feed.jpg) no-repeat;
	padding-top:80px;
	padding-left:25px;
}


/*=========================================================================
8.0 - FOOTER ELEMENTS
==========================================================================*/

.footer {
	background:url(../images/footer_top.jpg) repeat-x #F9F1DE;
	border-bottom:3px solid #F4E9DA;
}
.journal_title {
	font-size:12px;
	color:#995343;
}
.journal_date {
	font-size:9px;
	color:#B8AD9A;
}
.featured {
	margin-top:20px;
}
.footer_wrap {
	width:960px;
	margin: 0 auto;
	padding:18px;
}
.footerl {
	width:400px;
	float:left;
	padding-left:18px;
}
.footerr {
	width:400px;
	float:right;
	text-align:right;
	padding-left:18px;
}
.company {
	font-size:12px;
	color:#7A2013;
}
.city {
	font-size:10px;
	color:#B8AD9A;
	padding-top:2px;
	padding-bottom:15px;
}
.vcard {
	float:left;
}
.download {
	float:left;
	padding-left:8px;
	padding-top:3px;
}
.download a {
	font-size:11px;
	color:#B8AD9A;
	font-weight:normal;
}
.footer_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.footer_nav ul li {
	display:inline;
}
.footer_nav ul li a {
	font-size:11px;
	font-weight:normal;
	color:#B8AD9A;
	padding:0px 7px 0px 7px;
}
.access {
	font-size:10px;
	color:#7A2013;
	padding-top:10px;
}
.access a {
	font-weight:normal;
	color:#B8AD9A;
}
.sponsor {
	padding-top:7px;
}
.sponsor a {
	text-decoration:none;
	border:none;
}
.twitter {
	background-image:url(../images/twitter_bg.jpg);
	background-repeat:no-repeat;
	padding-left:55px;
	font-size:11px;
	color:#B8AD9A;
	margin-top:38px;
	padding-right:17px;
	height:70px;
}
.twitter_follow {
	width:174px;
}
.twitter_follow a {
	background-image:url(../images/twitter_follow.png);
	background-repeat:no-repeat;
	background-position: -10px -10px;
	height:19px;
	display:block;
}
.twitter_follow a:hover {
	background-position:-10px -48px;
}
.tweet {
	float:left;
}
.mt_sponsor {
	float:right;
}
.footwrap {
	width:228px;
	float:right;
	display:inline;
	margin-top:7px;
}


/*=========================================================================
9.0 - WHAT I DO ELEMENTS
==========================================================================*/

.section_feature {
	font-size:11px;
	color:#B27D6C;
	padding-top:5px;
	padding-bottom:5px;
}
.step {
	font-size:37px;
	color:#995243;
	float:left;
	width:37px;
	background-image:url(../images/process_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 105px;
	padding-left:5px;
}
.process_title {
	font-size:13px;
	color:#995343;
	float:left;
	width:245px;
	padding-top:20px;
	
}
.process {
	font-size:11px;
	color:#33322C;
	float:left;
	line-height:17px;
	width:260px;
}

/*=========================================================================
10.0 - PORTFOLIO ELEMENTS
==========================================================================*/


.portfolio_entry {
	background-color:#FBF5E5;
	padding:6px;	
	float:left;
	display:inline;
	margin-right:30px;
}
.folio_wrap {
	margin-bottom:30px;
	margin-left:18px;
}
.folioso {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.folioso li {
	margin:0px;
	padding:0px;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 5px solid #F6EBD6;
	overflow: scroll; /*leave this value alone*/
	width: 562px; /*Width of Carousel Viewer itself*/
	height: 620px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 562px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.foliol {
	width:615px;
	float:left;
	padding-left:18px;
	padding-top:50px;
}
.folior {
	width:300px;
	float:right;
	display:inline;
	margin-top:20px;
	padding-top:25px;
	min-height:500px;
	padding-left:25px;
}


/*=========================================================================
11.0 - CONTACT AND QUOTE FORMS
==========================================================================*/

.contactr {
	width:328px;
	float:right;
	background-image:url(../images/side_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	display:inline;
	margin-top:20px;
	padding-top:10px;
	min-height:680px;
}
.form_wrap {
	width:300px;
	padding-left:30px;
}
.form_icon {
	width:40px;
	float:left;
}
.form_heading {
	float:left;
	padding-left:5px;
	width:240px;
	font-size:11px;
	color:#B27D6C;
	font-weight:normal;
}
.form_link {
	float:left;
	width:240px;
	padding-left:5px;
	font-weight:normal;
}
.form_link a {
	font-size:11px;
	color:#B8AC99;
	font-weight:normal;
}
.div {
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
}

/*=========================================================================
12.0 - JOURNAL ELEMENTS
==========================================================================*/


.post_wrap {
	background-image:url(../images/post_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom:35px;
	border-bottom:1px solid #E4D8C2;
	padding-bottom:20px;
}
.side ul {
	margin:0px;
	padding:0px;
	list-style: none;
}
.side ul li a {
	font-weight: normal;
	color:#B8AC99;
	font-size:11px;
}
.post_title a {
	font-size:14px;
	color:#995243;
	font-weight: normal;
}
.post_title {
	font-size:14px;
	color:#995243;
	font-weight: normal;
}
.date {
	font-size:11px;
	color:#B8AD9A;
}
.the_post {
	padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
	color:#33322C;
	line-height: 22px;
}
.moretext {
	font-size:11px;
	font-style: italic;
	color:#995243;
	font-weight: normal;
	float:right;
	padding-right:15px;
	padding-top:20px;
}
.divider_blog {
	clear:both;
}
.post_title_left {
	float:left;
	width:550px;
}
.post_title_right {
	float:right;
	width:100px;
	text-align: right;
	padding-top:0px;
}
.inputs_left {
	width:200px;
	float:left;
}
.inputs_right {
	width:420px;
	float:right;
}
.input_wrap {
	background-color:#F4E9DA;
	padding:10px;
	margin-top:20px;
}
.input_name {
	font-size:11px;
	color:#33322C;
}
.thoughts {
	font-size:13px;
	color:#791F13;
}
.input_wrap2 {
	padding-bottom:15px;
}
.field {
	padding:5px;
	font-size:11px;
	color:#995243;
	border:none;
	background-color:#FFFBED;
}
.text_field {
	padding:5px;
	font-size:11px;
	color:#995243;
	border:none;
	background-color:#FFFBED;
	line-height: 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.submit {
	background-color:#9C7B6F;
	color:#FFFBED;
	padding:5px;
	width:75px;
	border:none;
	cursor: pointer;
}
.avatar {
	width:70px;
	float:left;
	background-color:#000;
}
.the_comment {
	width:550px;
	float:right;
	border:5px solid #F4E9DA;
	background-color:#FFFBED;
	padding:8px;
	margin-bottom:35px;
	display:inline;
}	
.title_link {
	font-weight: normal;
	color:#995243;
	font-size:13px;
	line-height: 12px;
}
.title_link a:hover {
	text-decoration: none;
}
.comment_text {
	font-size:11px;
	font-style: italic;
	color:#33322C;
	line-height: 20px;
	padding-top:12px;
	padding-bottom:12px
}
.page_left ol  {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.arc_wrap {
	border-bottom:1px solid #DBD3C3;
	padding-bottom:8px;
	padding-top:8px;
}
.arc_wrap a {
	font-size:14px;
	color:#995343;
	font-weight: normal;
}
.arc_wrap a:hover {
	text-decoration: none;
}
.the_date2 {
	float:left;
	width:175px;
	font-size:11px;
	color:#B8AD9A;
	padding-top:3px;
}
.the_post2 {
	float:left;
	width:480px;
}
.rss_feed {
	padding-bottom:25px;
}
.rss_input {
	background-color:#fcf6e5;
	border:1px solid #f6ebd1;
	padding:4px;
	color:#b88e81;
	font-size:11px;
	width:280px;
}
.home-date {
 	font-size:9px;
 	color:#BCAD95;
 }