@charset "UTF-8";

/*
MTAIT
by Matthew James Tait
http://mtait.com/

COLOR KEY:
		 	
Green: #8dc73f;
Light Brown: #887e79;
Dark Brown: #271310
*/

/* RESET AND BASICS */

*
{ margin:0px; padding:0px; }								
								
li
{ list-style-type: none; }
	
body#home
{ height:100%; font-family:Helvetica, Arial,sans-serif; background-color: #887e79;}
								
::selection
{ background: #8dc73f; color: white; }
								
::-moz-selection
{ background: #8dc73f; color: white; }								

a, a:visited
{ text-decoration:none; outline:none; color: #8dc73f; }
	
a:hover
{ color:#271310; text-decoration:none;}
			
a img
{ border:none; text-decoration: none; }
					
img
{ vertical-align:middle; }
					
.clear
{ clear:both; }

								
.caps
{ font-variant: small-caps; }

.aligncenter
{ text-align:center; }

.alignright
{ text-align:right; }

.floatleft
{ float:left; }

.floatright
{ float:right; }

.italic
{ font-style: oblique; }


.form
{ border: 1px solid #887E79; background-color:#887E79; color:#ffffff; padding:1px; height: 14px; width: 146px; outline: none;}

.button
{ border: 1px solid #271310; background-color:#271310; color:#FFFFFF; height: 20px; padding: 0 2px; }
								
.button:hover
{ color:#887e79; }

#searchform { height: 20px; background-color: #887E79; margin-right: 10px; }				

/* MAIN STRUCTURE */

#content-bg
{ border-bottom: 10px solid #271310; width:970px; background:url(/images/redesign_1/content-bg_2.jpg); margin:0px auto; overflow:auto; padding-left: 10px; }
								
#left-container
{ width:610px; }

#right-container
{ width:340px; padding-left:10px; }

.heading-bg-left
{ height:30px; width:590px; background-color:#c2c2c2; padding:0 0 0 10px; }

.heading-bg-right
{ height:30px; width:320px; background-color:#c2c2c2; padding:0 0 0 10px; }

/* PROJECT POST */

.post-info
{ width: 310px; padding:10px; }

.post-description
{ width: 580px; padding:10px; }

.post-image
{ width: 600px; border-top:dashed 1px #00a651; }

#portfolio-container
{ width: 960px; min-height:1120px;}

#portfolio-left
{ width: 610px; min-height:1120px; }

#portfolio-right
{ width: 340px; min-height:1120px; padding-left:10px; }

#dynamic-img
{ margin: 10px 0 10px 10px; }

.sketch
{ margin:0 0 10px 10px; }

#sketch-footer 
{ width:579px; height:18px; background-color:#ffffff; padding: 0 10px 0 10px; border-top:1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; margin-top: 10px; }

.video
{ margin: 10px 0 10px 10px; }

.gallery-post
{ height:230px; width:190px; margin:0 10px 10px 0; }

/* POST GALLERY */

.post-meta-key
{visibility:hidden; }

#gallery-container-post 
{ width: 330px; padding:10px 0 0 10px; }

.post-thumb img
{ margin: 0 10px 10px 0; height: 43px; width: 43px; border: 1px solid #271310; cursor: pointer; }

.post-thumb img:hover
{ border: 1px solid #8dc73f;}

/* COMMENTS */

#comment-container
{ height:240px; width:310px; padding:10px; margin-top:10px; background-color: #cdcdcd; }

.response-wrap
{ width: 320px; height: 40px; }

li.author
{ background-color:#00a651; width: 320px; padding: 10px 0 10px 10px; border-bottom:dashed 1px #00a651; }

.response
{ width: 320px; padding: 10px 0 10px 10px; border-bottom:dashed 1px #8dc73f; }

.right-seperator
{ height: 20px; width:320px; background-color: #8dc73f; padding-left: 10px;	}
								
textarea.comments
{ border: 1px solid #271310; color:#00a651; height: 106px; width: 306px; max-height: 106px; max-width: 306px; overflow:auto; padding: 1px;}

hr.right-comments-hr
{ color:#271310; width:288px; }

/* HEADER */

#header-bg
{ height:160px; background-image:url(/images/redesign_1/bg-header_2.jpg); background-repeat:repeat-x;}
								
#header-wrap
{ height:110px; width:960px; margin:0px auto; padding-top:10px; }								
								
#header-left-column
{ height:100px; width:160px; }

#header-main-image 
{ height:100px; width:780px; background-image:url(/images/redesign_1/bg-image.jpg); background-color: #ffffff;}
								
a.logo 
{ height:100px; width:160px; background-image:url(/images/redesign_1/logo_2.png); background-repeat: no-repeat; }
								
.header-title
{ height: 20px; background-color:#FFFFFF; border-bottom:dashed 1px #271310; padding: 0 10px; margin-bottom: 50px; }
								
#header-right-column
{ height:100px; width:780px; padding-left: 20px; }

/* BOTTOM (SIDEBAR) */

#content-bg-bottom
{ min-height:300px; width:970px; background:url(/images/content-bg.jpg); margin:0px auto; overflow:auto; padding-left: 10px; border-bottom: 10px solid #271310; }

#bottom-container-left
{ min-height:300px; width:610px; }
								
#bottom-container-right
{ min-height:300px; width:330px; padding-left: 10px; }
								
.heading-bg-bottom
{ height:30px; width:285px; background-color:#cdcdcd; margin-right: 10px; padding:0 0 0 10px; }

#bottom-left-wrap
{ min-height:300px; width:295px; margin-right: 10px; }
								
#bottom-left-text-container
{ min-height:250px; width:275px; padding: 10px; }
								
#bottom-right-text-container
{ min-height:250px; width:310px; padding: 10px; }
								
/* FEATURED PROJECT (HOME) */
								
.featured-image
{ height:260px; width:600px; margin-top:10px; }
								
#featured-project
{ height:360px; width:610px; }
								
.project-name-bg
{ height:30px; width:590px; padding:0 0 0 10px; }

/* DROP DOWNS */

a.view
{ height: 30px; width: 75px; background-image: url(/images/redesign_1/viewall.jpg); }

a.view:hover, #drop_container_1:hover a.view
{ background-position: 0 30px; }

#drop_container_1
{position: relative;}

#projects_1
{ height:30px; width:600px; background-image: url(/images/redesign_1/bg-title_recent.jpg);}

#drop_1
{width: 184px; background-color: #ffffff; display: none; position: absolute; opacity:0.95;filter:alpha(opacity=95); border-left: 1px solid #8dc73f; border-right: 1px solid #8dc73f; border-bottom: 1px solid #8dc73f; margin-left:410px; top:30px; padding: 2px;}

#drop_1 a
{display: block; padding: 2px;}

#drop_1 a:hover
{background-color: #8dc73f; color: #ffffff; }

/* RECENT PROJECTS (HOME) */

#recent-projects
{ width:610px; }

#gallery-container
{ min-height:720px; width:600px; padding:10px 0 0 10px; }

.thumb-post
{ height:230px; width:190px; margin:0 10px 10px 0; }
								
.thumb-image
{ height:188px; width:188px; border: 1px solid #271310; }

.thumb-image:hover
{ border: 1px solid #8dc73f; }
								
.thumb-line-top
{ height:20px; width:190px; }
								
.thumb-title
{ height: 19px; padding-top:1px; }
								
.thumb-line-bottom { border-top:1px solid #271310; height:19px; width:190px; }				

/* NEWS (HOME) */
								
#news
{ height:360px; width:340px; }	
								
#news-wrap
{ height:330px; width:320px; padding:0 10px; }

.news-post-wrap
{ height:100px; width:320px; margin-top:10px; }

.news-line-top
{ height:20px; width:320px; }
								
.news-line-bottom
{ border-top:1px solid #271310; height:19px; width:320px; }
																
/* BLOG (HOME) */

#blog
{ min-height:760px; width:340px; }

#blog-wrap
{ min-height:730px; width:320px; padding:0 10px; }

.blog-post-wrap
{ height:230px; width:320px; margin-top:10px; }								

.blog-image
{ height:190px; width:320px; }

/* PAGES */
#content-bg-pages
{ border-bottom: 10px solid #271310; min-height:600px; width:970px; background:url(/images/content-bg-pages.jpg); margin:0px auto; overflow:auto; padding-left: 10px; }

#page-container
{ width:960px; min-height:600px; }

.page-cont
{width: 610px; margin: 0 auto; margin-bottom: 60px; }

.page-cont-title
{width: 590px; height:40px; background-color: #271310; padding:10px;}

.page-cont-middle
{width: 588px; padding: 10px; border-left:1px solid #271310; border-right:1px solid #271310;}

.page-cont-btm
{width: 610px; height:20px; background-color: #271310;}

/* FOOTER */

#footer-bg
{ height:100px; background-image:url(/images/bg-footer.jpg); background-repeat:repeat-x; }
								
#footer-wrap
{ height:80px; width:960px; margin:0px auto; padding-top:20px; }
								
#footer-nav
{ height:30px; width:960px }
								
#footer-info
{ height:50px; width:960px;padding-top:10px; }
								
/* DROP DOWN */

.heading-drop
{ height:30px; width:30px; }
								
a.arrow
{ height:20px; width:30px; background-image:url(/images/bg-button-arrow.jpg); }
								
a.arrow:hover
{ background-position:30px 0; }

/* LISTS & NAV ITEMS */		
																								
#global-nav
{ height:25px; width:950px; padding:5px 10px 0 0; margin-top: 20px;}

#global-nav	 a
{ color:#FFFFFF; }
								
#global-nav	 a:hover
{ color:#8dc73f; }					

#navlist li
{ font-family:Georgia, "Times New Roman", Times, serif; display:inline; list-style-type:none; }
								
.seperator
{ color:#8dc73f; }

#navcontainer
{ width:580px; height:24px; background-color:#00a651; padding:6px 10px 0 10px; }

#navcontainer a
{ color:#FFFFFF; }
								
#navcontainer a:hover
{ color:#271310; }

#navcontainer-blog
{ width:310px; height:24px; background-color:#00a651; padding:6px 10px 0 10px; }
								
#navcontainer-blog a
{ color:#FFFFFF; }
								
#navcontainer-blog a:hover
{ color:#271310; }
								
#post-footer 
{ width:580px; height:20px; background-color:#00a651; padding: 0 10px 0 10px; }

#footer-nav
{ height:20px; width:960px; text-align:center; }
								
#footer-nav	 a:hover
{ color:#8dc73f; }

#footer-nav	 a
{ color:#FFFFFF; }

.archive-header
{height:24px; width:960px; background-image: url(/images/redesign_1/archive_header.jpg); margin-bottom: 60px;padding: 3px 0;}

/* TYPOGRAPHY */					

.general
{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; color:#271310; line-height:18px; }

.general-sans
{ font-size:12px; font-family: Helvetica, Arial, sans-serif; color:#271310; line-height:18px; }
								
.comment-number
{ font-size:10px; text-align:center; }

#post-footer a
{ color: #271310; }

#post-footer a:hover
{ color: #FFFFFF; }

.archive 
{ font-family: Helvetica, Arial, sans-serif; font-size:20px; color: #271310; font-size: 20px; padding:5px 0 0 10px; font-weight: bold; }

.comment-box
{ height:17px; width:20px; background-image:url(/images/comment.png); margin-top: 2px; }	

.drop-title
{ font-size:9px; font-family: Helvetica, Arial, sans-serif; color:#271310; height: 10px;}

.title { font-family: Helvetica, Arial, sans-serif; font-size:20px;color:#271310; font-weight: bold; padding-top: 5px;}

.title-light
{ font-family: Helvetica, Arial, sans-serif; color:#271310; font-size:20px; padding-top: 5px;}
								
.title-serif
{ font-family: Georgia, "Times New Roman", Times, serif; color:#271310; font-size:18px; padding: 5px 10px 0 0; }

.cont-title, .cont-title a
{ font-family: Georgia, "Times New Roman", Times, serif; color:#ffffff; font-size:38px;}

.cont-title a:hover
{ color:#8DC73F; }
			
.cont-btm
{ color:#ffffff; font-size:10px; padding: 5px 0 0 10px;}

.cont-btm a:hover
{ color:#8DC73F; text-decoration: underline; }
								
.footer-copyright
{ color:#ffffff; text-align:center; font-size:12px; }

.footer-copyright a
{ color:#ffffff; text-decoration:underline; }

.footer-copyright a:hover
{ color:#8dc73f; }

/* Delete Soon */

.page-cont-s
{width: 750px; margin: 0 auto; margin-bottom: 60px; }

.page-cont-title-s
{width: 730px; height:40px; background-color: #271310; padding:10px;}

.page-cont-middle-s
{width: 728px; padding: 10px; border-left:1px solid #271310; border-right:1px solid #271310;}

.page-cont-btm-s
{width: 750px; height:20px; background-color: #271310;}