/*
Theme Name: Colton-Haynes.com Summer 2010
Theme URI: http://colton-haynes.com
Description: Colton-Haynes.com
Author: Michele
Version: 1.0
*/


body {
	background: #A3A3A3 url('imgs/background.jpg') repeat-x;
	font: 8pt Tahoma;
	color: #7F7F7F;
	margin: 0;
	padding: 0;
	text-align: justify;
}

s {
	text-decoration: none;
	text-transform: uppercase;
}

ol, ul {
	list-style: none;
}

table, tr {
	font: 8pt Tahoma;
	text-align: justify;
	line-height: 16px;
}

.container {
	background: url('imgs/background_cont.jpg') center top repeat-y;
	width: 1048px;
}

.head_01 {
	background: url('imgs/01_01.jpg') center top no-repeat;
	width: 1048px;
	height: 72px;
}

#menu {
	font: italic 9pt Georgia;
	padding: 18px 0 0 40px;
}

#menu ul {
	margin-left: 36px;
	margin-bottom: 0;
	padding: 0 10px 0 10px; 
	position: relative; 
	float: left; 
	line-height:28px;
}

#menu ul li {
	float: left;
}

#menu ul li a { 
	color: #FFFFFF; 
	outline: none; 
	text-decoration: none; 
	text-align: center; 
	display: block; 
	overflow: hidden; 
	float: left; 
	z-index: 10; 
	padding: 0 16px; 
	position: relative;
}

#menu ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#menu ul li.back {
	background: url("imgs/lava.png") no-repeat right -28px; 
	width: 9px; 
	height: 28px; 
	position: absolute; 
	z-index: 8; 
	top: 0px;
}

#menu ul li.back .left { 
	background: url("imgs/lava.png") no-repeat top left; 
	height: 28px; 
	margin-right: 9px;
}

.head_02_01 {
	background: url('imgs/02_01.jpg') no-repeat;
	width: 40px;
	height: 385px;
}

.head_02_02 {
	background: url('imgs/02_02.jpg') no-repeat;
	width: 337px;
	height: 385px;
}

.head_02_03 {
	background: url('imgs/02_03.jpg') no-repeat;
	width: 305px;
	height: 385px;
	vertical-align: top;
}

.welcome {
	padding: 84px 0 0 0;
	line-height: 18px;
}

.welcome p:first-letter {
	font: italic 35pt Georgia;
	font-weight: normal;
	float: left;
	padding: 0 12px 3px 0px;
}

.welcome em {
	font: italic 8pt Georgia;
	color: #8176AA;
}

.welcome strong {
	color: #6D6D6D;
}

.head_02_04 {
	background: url('imgs/02_04.jpg') no-repeat;
	width: 326px;
	height: 385px;
}

.head_02_05 {
	background: url('imgs/02_05.jpg') no-repeat;
	width: 40px;
	height: 385px;
}

.head_03 {
	background: url('imgs/03_00.jpg') no-repeat;
	width: 1048px;
	height: 400px;
}

.sidebar {
	width: 386px;
	vertical-align: top;
}

.add {
	text-align: center;
	font: italic 8pt Georgia;
	padding: 20px 10px 10px 60px;
}

.sidebar_m{
	padding: 0 30px 20px 80px;
}


.sidebar_m .title {
	font: normal 20pt Impact;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: center;
	color: #93CDDD;
	padding: 40px 0 15px 0;
}

.sidebar_m .projects strong {
	font: italic bold 9pt Georgia;
	color: #8176AA;
}

.sidebar_m .projects em {
	font: italic 8pt Georgia;
	color: #595959;
}

.sidebar_m .projects .thumb {
	/*border: 6px solid #E7E7E7;
	background: #E7E7E7;*/
	float: right;
	margin: 0px 2px 6px 5px;
	padding: 0px;
}

.sidebar_m .projects a {
	color: #7F7F7F;
	text-decoration: none;
}

.sidebar_m .projects a:hover {
	color: #7F7F7F;
	text-decoration: underline;
}

.sidebar_m .projects a img {
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	padding: 5px 3px 5px 0;
}

.sidebar_m .projects a:hover img{
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity:1.0;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.sidebar_m .item {
	text-align: center;
	margin-bottom: 18px;
}

.sidebar_m .item p {
	margin: 5px 0 5px 0;
}

.sidebar_m .item a {
	color: #4D4D4D;
	text-decoration: none;
}

.sidebar_m .item a:hover {
	color: #4D4D4D;
	text-decoration: underline;
}

.sidebar_m .twitter_cont {
	font-size:125%;
}

#twitter_div{
	text-align:justify;
	margin-left:-40px;
	margin-top:-11px;
	margin-right:-3px;
}

#twitter_div ul li{
	padding: 7px 10px 7px 25px;
	list-style: none;
	background: url('imgs/i_comment.png') no-repeat 5px 9px;
	font-size: 98%;
	border-bottom: 0px solid #C7C7C7;
}

#twitter_div ul li a{
	color: #BABABA;
	font-family: Tahoma;
	font-style: normal;
}

#twitter_div ul li span {
	font-size:8pt;
}

#twitter_div ul li span a{
	font: italic 8pt Georgia;
	color: #8176AA;
	text-decoration: none;
}

#twitter_div ul li span a:hover{
	font: italic 8pt Georgia;
	color: #8176AA;
	text-decoration: underline;
}

.sidebar_m .follow {
	color: #9D9D9D;
	text-align: center;
	padding-top: 8px;
}

.sidebar_m .follow a {
	font: italic 8pt Georgia;
	text-align: center;
	color: #9D9D9D;
}

.sidebar_m .follow a:hover {
	color: #9D9D9D;
}

.sidebar_m .latestphotos a img {
	border: 4px solid #E7E7E7;
	margin: 0 3px 3px 0;
}

.sidebar_m .latestphotos a:hover img {
	border: 4px solid #93CDDD;
}

.sidebar_m a{
	font: italic 8pt "Georgia";
	color: #8176AA;
	text-decoration: none;
}

.sidebar_m a:hover{
	font: italic 8pt "Georgia";
	color: #8176AA;
	text-decoration: underline;
}

.main {
	width: 662px;
	vertical-align: top;
}

.main a {
	color: #9288b6;
	text-decoration: none;
}

.main a:hover {
	text-decoration: underline;
}

.main .comments {
	background: url('imgs/comments.png') no-repeat;
	width: 225px;
	height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #605589;
	margin-left: 47px;
}

.main .comments a {
	color: #605589;
	text-decoration: none;
}

.main .comments a:hover {
	color: #605589;
	text-decoration: underline;
}

.main .updatetitle {
	background: url('imgs/updatetitle.png') no-repeat;
	width: 632px;
	height: 70px;
	padding: 0 15px 10px 42px;
	vertical-align: middle;
	text-transform: uppercase;
	color: #FFFFFF;
}

.main .updatetitle small {
	font-size: 7pt;
}

.main .updatetitle .title {
	font: normal 20pt Impact;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #FFFFFF;
	margin-bottom: -5px;
}

.main .update {
	padding: 5px 80px 20px 45px;
}

.main .update_share {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: -14px;
	margin-right: -14px;
	background: #E3E3E3 url('imgs/share.gif') no-repeat;
	padding: 22px 14px 12px 14px;
}

.update_share .close {
	text-align: right;
	color: #7F7F7F;
}

.update_share .close a {
	color: #7F7F7F;
	text-decoration: none;
}

.update_share .close a:hover {
	color: #7F7F7F;
	text-decoration: none;
	border-bottom: 1px dotted #7F7F7F;
}

.main .update em {
	font: italic 8pt Georgia;
	color: #8176AA;
}

.main .update strong {
	color: #8BC9DA;
}

.main .update img {
	border: 6px solid #E7E7E7;
	margin: 3px;
}

.relatedlink {
	text-align: right;
	text-transform: uppercase;
}

.main .relatedlink a {
	color: #9D9D9D;
	text-decoration: none;
}

.main .relatedlink a:hover {
	color: #9D9D9D;
	text-decoration: underline;
}

#related ul li {
	list-style: none outside;
	padding-bottom: 12px;
	margin-left: -35px;
}

#related ul li a{
	font: italic bold 9pt "Georgia";
	color: #8176AA;
	text-decoration: none;
}

#related ul li a:hover{
	font: italic bold 9pt "Georgia";
	color: #8176AA;
	text-decoration: underline;
}

#related ul li i{
	color: #9D9D9D;
}

blockquote {
	margin:22px 10px;
	padding:1px 10px 1px 60px;
	background: url('imgs/blockquote.gif') top left no-repeat;
}

.filedunder a {
	color: #7F7F7F;
}

.filedunder a:hover {
	color: #7F7F7F;
}

.commentdiv {
	padding: 20px 13px 20px 13px;
	border-bottom: 1px solid #D3D3D3;
	margin-left: -13px;
	margin-right: -13px;
}

.commentdiv b {
	font: italic bold 9pt Georgia;
	color: #8176AA;
}

.commentdiv b a {
	font: italic bold 9pt Georgia;
	color: #8176AA;
	text-decoration: none;
	border-bottom: 1px dotted #8176AA;
}

.commentdiv b a:hover {
	text-decoration: none;
	border-bottom: 0px;
}

.commentdiv .date {
	font: italic 8pt Georgia;
	color: #9D9D9D;
}

.form {
	padding: 20px 0px 20px 0px;
}

.form b {
	font: italic bold 9pt Georgia;
	color: #8176AA;
}

input, textarea {
	width: 90%;
	background: transparent;
	border: 0px;
	font: italic 8pt Georgia;
	color: #7F7F7F;
	padding: 10px 10px 10px 33px;
	border-bottom: 1px dotted #D3D3D3;
	
}

#author {
	background: url('imgs/i_user.png') no-repeat 7px center;
}

#email {
	background: url('imgs/i_email.png') no-repeat 7px center;
}

#url {
	background: url('imgs/i_official.png') no-repeat 7px center;
}

#s {
	background: url('imgs/i_search.png') no-repeat 7px center;
}

#comment {
	background: url('imgs/i_comment.png') no-repeat 7px 10px;
	height: 70px;
	line-height: 15px;
}

#submit {
	width: 120px;
	background: url('imgs/i_accept.png') no-repeat left center;
	border-bottom: 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

#reset {
	width: 90px;
	background: url('imgs/i_delete.png') no-repeat left center;
	border-bottom: 0px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#searchsubmit {
	width: 120px;
	border-bottom: 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

#submit:hover, #reset:hover, #searchsubmit:hover  {
	color: #494949;
}

select {
	font: normal 8pt Tahoma;
	color: #7F7F7F;
	padding: 5px;
	margin: 10px 0;
	border: 0px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:visited {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	background: #8176aa;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi a:hover {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #8176aa;
	font-weight: none;
	font-style: none;
	text-decoration: none;
	background: #ffffff;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.pages {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.pages a, .wp-pagenavi span.pages a:link, .wp-pagenavi span.pages a:active, .wp-pagenavi span.pages a:visited {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.pages a:hover {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #8176aa;
	font-weight: none;
	font-style: none;
	text-decoration: none;
	background: #ffffff;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.current {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.current a, .wp-pagenavi span.current a:link, .wp-pagenavi span.current a:active, .wp-pagenavi span.current a:visited {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.current a:hover {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #8176aa;
	font-weight: none;
	font-style: none;
	text-decoration: none;
	background: #ffffff;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.extend {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.extend a, .wp-pagenavi span.extend a:link, .wp-pagenavi span.extend a:active, .wp-pagenavi span.extend a:visited {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #FFFFFF;
	font-family: Georgia;
	font-size: 11px;
	font-weight: none;
	font-style: none;
	background: #8176aa;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}

.wp-pagenavi span.extend a:hover {
	padding: 5px 8px 5px 8px;    
	margin: 3px;   
	border: 1px solid #E7E7E7;
	color: #8176aa;
	font-weight: none;
	font-style: none;
	text-decoration: none;
	background: #ffffff;;
	-webkit-border-radius: 4px;    
	-moz-border-radius: 4px;    
	border-radius: 4px;    
	-khtml-border-radius: 4px;   
	}