/*
Theme Name: Matt's Real Snazy (but not quite finished) Site
Theme URI: http://mattallyn.com
description:  portfolio page completed
version: 1.2.2
Author: Katie Allyn
Author URI: http://katieallyn.com
Tags: 6/16/10, professional, mordern, blog
change log: link port title to img, adds meta keywords and more descriptive text to header images about 
		Matt (for search engines),
		lines up portfolio page with sidebar correctly, 
		formats next page link, 
		fixes sidebar/length issue, 
		formats pics and captions

*/

element.style {

text-align: justify;
}
#wrap {
	background-color:none;
	min-height:800px;
	width:771px; /*was 1020, change to 771*/
	margin-left: auto; 
	margin-right: auto;
	margin-top: -50;
	border:none;

	}

}


h2 {
	color: #E3340C;
	font-size: 23px;
	font-weight:	bold;
	margin-bottom:20px;
	letter-spacing:1px;
	}

h2 a {
	color: #E3340C;
	text-decoration:none;
	}
	
h2 a:visited {
	color: #e3340c;
	text-decoration:none;
}

h2 a:hover {
	color: #c73500; /*orig dark orange: CD3700*/
	text-decoration:none;
}

.h2links a {
	background-color: none;
	color: #e3340c;
	text-decoration:none;
}

h3 {color:#1c1c1c;
	font-size:		12px !important;
	margin-bottom:5px;
	margin-top:25px;
	text-transform: uppercase;
	
}

h3 a {
	background-color: none;
	color: #1c1c1c !important;
text-decoration:none !important;
	
}

h3 a:hover {
	background-color: none;
	color: #E3340C !important;
text-decoration:none !important;
	
}

.caps {
font-size: 100% !important;

}

.static_content {
margin-top:-1px;

	
}

p {
	margin-bottom: 16px;	
}

/*-----------------IMAGES-------------*/
.body_text img {
-moz-border-radius:2px 2px 2px 2px;
background-color:#ECECEC !important;
color:#ECECEC;

	
}

.body_text a img {
	background-color: #ececec !important;

   	color: #ececec;
	
}

/* from wordpress codex to give textwrap. Doesn't work for captioned images*/
.body_text img.alignright {float:right; margin:0 0 1.5em 1.5em}
.body_text img.alignleft {float:left; margin:0 1.5em 1.5em 0}
.body_text img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*__________________________________________________________*/

.body_text img.alignright { padding: 3px; margin: 4px 0 1.5em 2em; display: inline; }
.body_text img.alignleft { padding: 0px; margin: 4px 2em 1.5em 0; display: inline; }

.wp-caption.alignright {float:right; margin:0 0 1.5em 1.5em}
.wp-caption.alignleft {float:left; margin:0 1.5em 1.5em 0}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption a.alignright {float:right; margin:0 0 1.5em 1.5em}
.wp-caption a.alignleft {float:left; margin:0 1.5em 1.5em 0}
.wp-caption a.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption.alignright { 
	padding: 3px 0px 0px 0px; 
	margin: 0 0 10px 14px; 
	display: inline; }
.wp-caption.alignleft { 
	padding: 3px 0px 0px 0px; 
	margin: 0 14px 10px 0; 
	display: inline; }

.wp-caption { 
	margin: 5px; 
	background: #ececec; 
	color: #828180; 
	text-align: center;
	-moz-border-radius: 3px 3px 3px 3px;
	border:1px solid #DDDDDD;
}

.wp-caption-text{
	margin-top: -7px;
	margin-bottom: 1px;
	font-size:		11px;
}

.soc-icons img{
border:none !important;
padding:0px !important;
color:none!important;
background-color: none !important;
margin-right: 10px !important;
display:inline !important;
}

.textwidget ul li {
background: none;
float:left; /* IE FIX */
display: inline !important;
list-style-type: none;
margin: 5px 0 0 0;
padding: 0px;
}

/*__________________________________________________________*/


body {
	margin:50px 0px; padding:0px;
	font-family:	arial;
	background: url(images/background_image.png) repeat-x top;
	}
	
.body_text {
	color:	#151515;
	font-size:		12.5px;
	line-height:	14.5pt;
text-align:justify !important;
}
.body_text a{
	color: #828180;
	text-decoration:underline;
}

.body_text a:visited{
	color: #a4a4a3;
	text-decoration:underline;
}

.body_text a:hover{
	color: #e3340c;
	text-decoration:underline;
}



.single_entry{
	border:none;
	color:	#666;
	font-size:		12px;
	line-height:	14pt;
}

#date-posted {
	color:#828180;
	font-size:		10px;
	font-style:		none;
	margin-top:13px;
	margin-bottom:0px;
	text-transform: uppercase;
	
}
#date-posted a:link {
	color:#828180;
	text-decoration:underline;
}

#date-posted a:visited {
	color: #828180;
	text-decoration:underline;
}

#date-posted a:hover {
	color: #e3340c;
	text-decoration:underline;
}

.wide_column{
	background-color:none; 
	border:none;

	float:left;
	font-size:		12px;
	line-height:	14pt;
	width:539px; 
	margin-left:0px;
	margin-top:29px;
	text-align:justify;
	padding:0px;		
}

.next_page{
	float:right;
	position:static;
	clear:right;
	margin-right:233px

}
.next_page a:hover{
	color:#03B4C8;
}


.prev_page{
	float:left;
	position:static;
	clear:left;
	margin-left:1px
}
.prev_page a:hover{
	color:#03B4C8;
}



/* -----START HEADER---------------------------------------- */


#nav li {
	float: left;
	margin-left: 0px;
	margin-right: 39px;
	
}	


#nav {
	list-style: none;
	text-align:left;
	background-color:none;
	border:none;
	color:#1c1c1c;
	float:none; 
	font-size:16px;
	font-weight:none;
	letter-spacing:1px;
	width:800px; 
	height:20px;
	margin-left:0px; /*was 124*/
	margin-right:0px;
	margin-top:15px;
	margin-bottom: 0px;
	text-transform: uppercase;
	word-spacing:10px;
}
#nav a {
	
	text-decoration:none;
	font-weight:none;
	color:#1c1c1c;
}



#nav a:hover {
	color:#CD3700;
	text-decoration:none;
}

#nav a:visited {
	
	text-decoration:none;
	font-weight:none;
	color:#1c1c1c;
}
#nav a:visited:hover {
	
	text-decoration:none;
	font-weight:none;
	color:#CD3700;
}

#header {
	background-color: none;
	margin-left: 0px; /* was 20px*/
	padding: 0;
	height: 155px;
	width: 600px;
	background-image: url(images/nav_logo.png);
	background-repeat: no-repeat;
	background-position: -1.0% 69%;
	text-indent:-9999px;
}



#logo {
	background-color:#none;
	width:0px; 
	height:120px; 
	margin-left:0px; /* was 5px*/
	float:none;
	padding:0px;
	border:none;
}





/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
		width:450px; /*413*/
		list-style:none;
		height:38px;
		margin-left:-2px; /*0px, was 103*/
		margin-top: -1px;
		float:left;		
}

ul#navigation li {
	display:inline
}

ul#navigation li a {
	height:38px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}


ul#navigation li#navigation-1 a {
	width:83px;
	background:url(images/Matthew-nav2.jpg) no-repeat 0px 0
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -38px
}
ul#navigation li#navigation-1 a.current_page_item {
	background-position:0px -76px;
	background-color: none;
}

ul#navigation li#navigation-2 a {
	width:96px;
	background:url(images/Matthew-nav2.jpg) no-repeat -83px 0;
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-83px -38px
}
ul#navigation li#navigation-2 a.current_page_item {
	background-position:-83px -76px;
}

ul#navigation li#navigation-3 a {
	width:122px;
	background:url(images/Matthew-nav2.jpg) no-repeat -179px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-179px -38px
}
ul#navigation li#navigation-3 .current_page_item {
	background-position:-179px -76px
}

ul#navigation li#navigation-4 a {
	width:113px;
	background:url(images/Matthew-nav2.jpg) no-repeat -301px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-301px -38px
}
ul#navigation li#navigation-4 a.current_page_item {
	background-position:-301px -76px
}

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

ul#navie {
		width:450px; /*413*/
		list-style:none;
		height:38px;
		margin-left:-2px; /*0px, was 103*/
		margin-top: -1px;
		float:left;	
}


ul#navie li {
	display:inline
}

ul#navie li a {
	height:38px;
}

ul#navigation li a {
	height:38px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navie  li a span {


}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navie li#navigation-1.current_page_item{
	background:url(images/Matthew-nav2.jpg);
	background-position: -76px;
	color:red;
	width:83px;
}
ul#navie li#navigation-1 a {
	width:83px;
	background:url(images/Matthew-nav2.jpg) no-repeat 0px 0
}

ul#navie li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -38px
}



ul#navie li#navigation-2.current_page_item{
	background:url(images/Matthew-nav2.jpg);
	background-position: -76px;
	color:red;
	height:38px;
}


ul#navie li#navigation-2 a:link {
	width:96px;
	background:url(images/Matthew-nav2.jpg) no-repeat -83px;
}

ul#navie li#navigation-2 a:active,
ul#navie li#navigation-2 a:hover {
	background-position:-83px -38px;
}
ul#navigation li#navigation-2 .current_page_item {
	background-position:-83px -76px
}

/* =Search
-------------------------------------------------------------- */

#search {
	float: right;
	width: 181px;
	height: 27px;
	background: #000000 url(images/search-input.png) no-repeat;
	margin: 5px -171px 0 0;
	clear:none;

}

#search form {margin: 0;}

#search input#s {
	width: 140px;
	padding: 3px 5px 3px 0;
	margin: 4px 0 0 34px;
	color: #000000;
	background: none;
	border: medium none;
}
#search input#search-submit {
	width: 25px;
	height: 25px;
	background: url (images/search.png) no-repeat;
	


	
	
}
#search input#search-submit:hover {cursor: pointer;}

#button-search {
	margin: -20px 0 0 3px;
	
	
}
/* =Search
-------------------------------------------------------------- 

/* -----END HEADER---- */


/* -----START SIDEBAR---- */

#sidebar {
	background-color: none;
	border:none;
	color:#828180;
	float:right;
	font-size:11px;
	height:auto;
	margin-right:0px; /*was 124*/
	margin-top:37px;
	padding-top: 0px;
	width:180px; 
	background-image: url(none);
	background-repeat: no-repeat;
	}
	
#sidebar-head {
	color:#151515c;
}

#sidebar-head a{
	color:#151515;
	text-decoration:none;
	
}

#sidebar-head a: visited{
	color:#e3340c;
	text-decoration:none;
	
}

#sidebar-head a: hover{
	color:#e3340c;
	text-decoration:none;
	
}

#sidebar a {
	color:#828180;
	text-decoration:underline;
}


#sidebar a:visited {
	color:#828180;
	text-decoration:none;
}

#sidebar a:hover {
	color:#e3340c;
	text-decoration:underline;
}

#sidebar li {
	text-decoration:none;
	list-style: none	
	
}
ul
  {
  margin-left: 0;
  padding-left: 0;
  line-height:	14pt;
  }
li
  {
  margin: 0;
  padding: 0;
  }

li.tweet_list {
color:#828180 !important;
margin-bottom: 10px;
}

#xhanch_my_twitter ul li.tweet_list {
	margin-bottom:15px;
	line-height:	14pt;
}
/* -----END SIDEBAR---- */	



/*--------------------------FOOTER------------------------*/


#footer {
	background: url(images/footer_bg.png);
	background-repeat:repeat-x;
	left:0;
	float:left;
	width:100%; 	
	max-height:58px;
	min-height:58px;
	overflow:hidden;
	text-align: center;
	color:#828180;
	font-size:9px;
	text-transform: uppercase;
clear:both;
	
	

}

#footer-text {
	margin-top: 41px;
	letter-spacing: 1px;

}

#footer a{
	color:#828180;
}

#footer a:hover{
	color:#A6A6A6;
}



/*--------------------------END FOOTER------------------------*/

/* -----------------CONTACT FORM-------------------- */	

div.intouch {
        margin: -28px auto 0px auto;
  
}

div.intouch div.inputfield {
	padding: 0px 0px 20px 0px;



}

div.intouch label {
    clear: left;
    display: inline;
	color: #151515c;
	margin: 0 0 5px 0;

}

div.intouch br {
    display: none;

}

div.intouch div.inputfield input, div.intouch div.inputfield textarea {
    clear: left;
    display: block;
	background-repeat: no-repeat;
	border:none;
	height:18px;
	background-image: url(images/contact-name2.png);
	background-position: 0px 0px;
	padding: 7px 0px 7px 5px;

    
}

div.intouch div.inputfield input {
	width:412px;
    background-color: #ffffff;
	background-repeat: no-repeat;
	color: #151515c;
	margin-top: 5px;
    
}

div.intouch div.inputfield textarea {
    width: 410px;
    height: 149px;
    clear: left;
    color: #151515c;
    margin-top: 6px;
    background-image: url(images/contact-message.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 5px 5px 0 5px;
	font: arial;
}

div.intouch div.inputfield input.submitbutton {
    color: #e3340c;
    clear: left;
    width: 86px;
    height: 30px;
    padding: 2px 0px 3px 3px;
    margin: 0 0 0 325px;
    background-image: none;
    background-color: #E5E5E5;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    border: 1px solid #E5E5E5,
    
}

div.intouch div.inputfield input.submitbutton:hover {
	cursor: pointer;

	background-color: #dcdbdb;
}


div.intouch div#usermessage {

    margin-bottom: 10px;
margin-right: 120px;
text-align:right;
}

div.intouch .error {
    border: 1px solid #FF0000 !important;
    padding: 1px;
}



/* -----END CONTACT FORM---- */	

/* -----PORTFOLIO---- */	

.portfolio {
	margin-top: -4px;
	
}
.portfolio img {
	float: left;
	margin-left:-139px;
	margin-top:-42px;
	margin-bottom: 0px;
	width:120px; 
	height:108px;
   	padding:1px;
   	border:1px solid #ececec;
  	background-color:#ececec;

}

.portfolio a img:hover {
	border:1px solid #A6A6A6;
}


.portfolio-text {
	margin-left:140px;
}

.portfolio-text a{
	color: #828180;
	text-decoration:underline;
}

.portfolio-text a:visited{
	color: #828180;
	text-decoration:underline;
}

.portfolio-text a:hover{
	color: #e3340c;
	text-decoration:underline;
		cursor: pointer;
}


.port-title {
	margin-left: 140px;
}

.port-date {
	color:#828180;
	font-size:		11px;
	margin-top:3px;
	margin-bottom: -10px;
	margin-left: 140px;
}

/* -----END PORTFOLIO---- */

/* -----ABOUT PAGE---- */

.about img {

	margin-top:1px !important;



}
/* -----END ABOUT PAGE---- */