/*   
Theme Name: Frye Wiles Theme
Theme URI: http://www.fryewiles.com/
Description: We're just doin' thangs!
Author: Rob Frye
Author URI: http://www.fryewiles.com/
Version: 3b


*/

.float-catch {clear: both;}

body {
	font-family: "Trebuchet MS",Tahoma,Arial;
	font-size: 12px;
	color: #555;
	background-color: #fff;
	/*background: #2B2829 url("images/blog-bg3.jpg") center 85px no-repeat;*/
        margin: 0px;
	line-height: 1.8em;
}

p {
	margin: .5em 0 1.75em;
}

code { 
	
	border: 1px solid #ddd;
	background: #eee; 
	color: #333; 
	display: block; 
	margin: 15px 0px;
	padding: 10px;
}

img { border: none; }


/* MAIN BODIES
-------------------------*/



#container {
	margin: 0px auto;
	width: 77em;
	/*background-color: #848484;*/
	/*border: 20px solid #eee;*/
/*background: #2B2829 url("images/blog-bg3.jpg") top center no-repeat;*/
}


#subnav {
	height: 30px;
	border: 1px
	}

#subnav ul {
	margin: 0;
	padding: 0;
}

#subnav ul li ul li{
	display: hidden;
}

#subnav a {
	text-decoration: none;
	color: #828C57;
}

#subnav a:hover {
	color: #aaaaaa;
}


#subnav ul li{
	border-bottom:1px solid #bbb!important;
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 1em;
}

#subnav img {
padding: 0px;
border: 0px;
margin: 0px;
}

#menu {
	width: 78em;
	/*padding-left: 20px;*/
	/*padding-right: 20px;*/
	/*padding-bottom: 30px;*/
	/*background-color: #848484;*/
	list-style: none;
	margin: 0;
	float: left;
}

#main {
	float: left;
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	width: 53.33em;
	/*background-color: #848484;*/
	/*padding: 20px;*/
	

}

#main #title-header {
	background: url(images/blog-header-white.png) left top no-repeat;
	height: 349px;
}

#main #title-header h2 {
	margin: 0px;
	padding: 200px 0px 0 350px;
	font-size: 1.50em;
	line-height: 1.2;
	color: #828C57;
	text-align: left;
}






/* MAIN MENU
-----------------------------------*/
#menu ul {
display: inline;
font-size: .9em;
}

#menu li {
	display: inline;
	vertical-align: middle;
}

#menu li a {

	margin-right: 10px;
	color: #828c57;
	text-decoration: none;
	height: 15px;
	vertical-align: middle;
}

#menu li a:hover {
	color: #AAAAAA;
}

#amenu li a {
	height: 15px;
	color: #333;
	width: 80px;
	background-color: #fff;
	border-bottom: 1px solid #ff9900;
	vertical-align: middle;
}

#amenu li a:hover {
	height: 15px;
	color: #333;
	width: 80px;
	background-color: #fff;
	border-bottom: 1px solid #ff9900;
	vertical-align: middle;
}

#navigation {
	float: left;
}
/*
#logoclick {
	width: 400px;
	margin: 0px auto;
	height: 20px;
*/

#feed {
	float: right;
	padding-bottom: 10px;
	text-align:right;
}

#feed img {
	border: 0px;
}

#feed a img {
	padding: 0px;
	
}



/* HEADINGS 
-----------------------------------*/
h1, h1 a, h2, h2 a, h3 a, h4 a {
	color:#828C57;
       
	/*font-size: 1em;*/
	text-decoration: none;
	
	margin: 0px;
	padding: 0px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#AAAAAA;
	}

#box {
	font-size: 11px;
	
	color: #999;
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	width: 160px;
	/*background-color: #fff;*/
	padding: 20px;
	list-style: none;
}

#centered {
	margin: 0 auto;
	text-align: center;
}

#centered #s {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
}

#centered:hover {
	color: #666;
}

#centered a {
	color: #666;
	text-decoration: none;
}

#centered a:hover {
	color: #333;
	text-decoration: none;
}

#centered2 {
	color: #999;
	margin: 0 auto;
	text-align: center;
}

#centered2 a {
	color: #666;
	text-decoration: none;
}

#centered2 a:hover {
	color: #828C57;
	text-decoration: none;
}


#box h3 {
	color:#828C57;
	font-size: 1.2em;
	margin: 0px;
	font-weight: normal;
}

#box li {
	padding: 5px;
	width: 100%;
	
}

#box li:hover {
	color: #666;
	background-color: #fafafa;
	
}

#box li a {
	color: #999;
}

#box li a:hover {
	color: #666;
}

#box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#boxx {
	font-size: 11px;
	
	color: #999;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 160px;
	background-color: #fff;
	padding: 20px;
	list-style: lower-roman;
}

#boxx h3 {
	color:#666666;
	
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin: 2px;
}

#boxx li {
	padding: 5px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

#boxx li:hover {
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
}

#boxx li a {
	color: #666;
}

#boxx li a:hover {
	color: #333;
}

#boxx ul {
	list-style: lower-roman;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}




/* LINKS
-----------------------------------*/
a {
	text-decoration: none;
}

a img {
	border: 1px solid #BBBBBB;
	padding: 3px;
}

/* COMMENTS
-----------------------------------*/

#comments {

float: left;
}

#comments a {
	color: #666;
}

#comments a:hover {
	color: #AAAAAA;
}

#comments ul {
	margin: 0;
	padding: 0;
}

#comments li {
	list-style-type: none;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.header {
	padding: 4px;

}

#comments fieldset {
	border: 0px;
}

#comments h4 {
        color:#828C57;
        
	font-size: 1.5em;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}



/* ENTRY
------------------------------------*/




.entry {

	padding-bottom: 20px;


}

.entry p {
	font-size: 1.2em;
	line-height: 1.7em;
	
}

.entry a {
	color: #828C57;
}

.entry a:hover {
	color: #AAAAAA;
}

.info {

}

.entry .info {
	padding: 5px;
	padding-left:15px;
	background: url("images/post.gif") center left no-repeat;
	background-color: #fafafa;
	border: 1px solid #f3f4f4;
}

.entry .info a {
	color: #949494;
}

.entry .info a:hover {
	color: #666;
}

.hidetxt {
	color: #fff;
}

.entry blockquote {
background: #ffffff;
margin: 15px;
	padding: 0px 10px;
	border: 1px dashed #BBBBBB;
}

.entry ul {
	margin: 1em 0px;
	clear: both;
}

.entry li {
	list-style-type: circle;
	font-size: 1.2em;
	line-height: 1.7em;
}

.entry li li {
	list-style-type: disc;
	font-size: .9em;
	line-height: 1.7em;
}

.label {
	width: 60px;
	float: left;
}

#author, #email, #url, #comment, #submit {
	border: 1px solid #ccc;
	color: #666;
}

/* SEARCH
-------------------------------------------*/

#search {
	border: 0px;
}

#searchbutton {
	background-color: #fff;
	border: 1px solid #999;
}



/* Post Title Area
-------------------------------------------*/

.title {
        
       width: 100%;

        float: left;
}
.title-info {
        border-bottom: 1px #BBBBBB solid;
border-top: 1px #BBBBBB solid;
       width: 100%;
        padding: 0px;
        margin: 5px 0px 10px 0px;
        float: left;
}
.avatar {
        float: left;
        
height: 40px;
padding: 0px;
margin: 0px 10px 0px 0px;
}

.avatar img {	

        border-left: 1px #BBBBBB solid;
border-right:1px #BBBBBB solid;
        padding: 0px;
margin: 0px;
}


.bubble {

	color: #7a7a7a;
	font-size: 1.5em;
	text-align: right;
	background: url(images/buble.jpg) no-repeat left center;
	float: right;
	padding: 0px 0px 0px 28px;
	margin-top: 8px;
}

.bubble a {

	color: #828C57;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.bubble a:hover {

	color: #AAAAAA;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.posttitle {
	padding-top: 10px;
	float: left;
}

#main .posttitle h2 a {
        font-size: 1.5em;
	margin-bottom: 0px;
	padding: 0px;
line-height: 1.2em;


}




.postdata {
	font-size: 1em;
	color: #666666;
	/*text-align: right;*/
	/*padding-bottom: 15px;*/
	float: left;
line-height: 1.2em;
margin-top: 5px;
	
}

.postdata .data_author {
float: left;
}

.postdata .data_postinfo {
float: left;
}

.postdata .data_postinfo h3 {
font-size: 1.0em;
font-weight: normal;
margin: 0px 0px 3px 0px;
padding: 0px;
}

.postdata .data_postinfo h3 a {

}


.clearing {
clear: both;	
}

.socialize {
width: 300px;
padding: 10px;

}

.socialize h3 {
margin-top: 0px;
font-size: 1.5em;
font-weight: normal;

color: #828C57;

}


/*---:[ sidebar styles ]:---*/

#sidebar {
	float: right;
	width: 19em;
	
}
#sidebar a, #sidebar a:visited {
color: #999999;
}

#sidebar a:hover {
color: #828C57;
}


#sidebar ul {
color: #2B2829;
list-style: none;
margin: 0px;
padding: 0px;
font-size: 1.4em;
font-weight: bold;

}


#sidebar ul ul {
font-size: .8em;
font-weight: normal;
line-height: 1.5em;
list-style: circle;
padding: 10px 0px 10px 15px;
}

#sidebar ul ul ul {
font-size: 1em;
font-weight: normal;
line-height: 1.3em;
list-style: circle;
padding: 5px 0px 5px 15px;
}


#web-whore-box {
	border: 1px solid #cccccc;
	padding: 10px;
	margin: 10px 0px;
	width: 8em;
	text-align: center;
}

#web-whore-box:hover {
	background: #ffffff;
}

#web-whore-box h3 {
	margin: 0px 0px 10px 0px;
	font-size: 1.4em;
	color: #828C57;
}

#web-whore-box img {
	border: 0px;
	padding: 0px;
}


/* @group comments */

.commentbox {
	width: 630px;
	margin: 20px 0px;
}

.left {
	float: left;
	margin-right: 1px;
	width: 40px;
}

.right {
	float: left;
	margin-top: 7px;
	text-align: left;
}

.comment-bubble {
	width: 500px;
	float: left;
}

.comment-bubble-top {
	background: url(images/comment-top.gif) no-repeat;
	height: 9px;

	font-size: 1px;
}

.comment-bubble-bottom {
	background: url(images/comment-bottom.gif) no-repeat;
	height: 9px;

}


.admincomment-bubble-top {
	background: url(images/comment-top-admin.gif) no-repeat;
	height: 9px;

	font-size: 1px;
}

.admincomment-bubble-bottom {
	background: url(images/comment-bottom-admin.gif) no-repeat;
	height: 9px;

}

.comment-title-inside {
	background: url(images/comment-speak.gif) no-repeat right top;
	width: 100px;
	padding: 10px 25px 0px 2px;
	float: left;
	text-align: center;
	margin: 0px;
	
}

.commenttitle {
	
	
}

.admincommenttitle {
	background: url(images/comment-speak-admin.gif) no-repeat right top;
}

.comment-bubble-inside {
	padding: 1px 20px;
	background: #efeeee;
}

.comment-bubble-inside p {
	margin: 10px 0px 10px 0px !important;
	color: #444444;
	font-size: 1.1em;
	line-height: 1.9em;
	
	
}

.commentext {
	/*specific non-admin style*/
}

.admincommentext {
	background: #d1eaf2;
}


.guest {
	border: 1px solid #cccccc;
	padding: 4px;
}


.comment-stats {
	text-align: right;
	color: #999999;
	text-transform:uppercase;
	font-size: .8em;
}



.submitbutton {
border: 1px solid #666666;

color: #666666;
}


/*---:[ search form styles ]:---*/

#search_form { 
margin: 0 0 20px 0; 
}

html[xmlns*=""] body:last-child #search_form { 
margin: 0 0 0.75em 0; 
} /* This is a hack for Safari */

#search_form .search_input {

width: 150px; 
padding: 0.25em; 
color: #777; 
font: normal .8em Verdana, Arial, Helvetica, sans-serif; 
border: 1px solid #BBBBBB; 

}
	
#search_form .search_input:focus { 
border: 1px solid #BBBBBB;  
}
	
#content .search_input { 
font-size: 0.9231em !important; 
}

.previous a {
color: #828C57;
background:transparent url(images/linkArrow.png) no-repeat scroll right 5px;
padding-right:10px;
}

.previous a:hover {
color: #AAAAAA
}

.next a {
color: #828C57;
background:transparent url(images/linkArrow.png) no-repeat scroll right 5px;
padding-right:10px;
}

.next a:hover {
color: #AAAAAA
}


/*------new menu-------*/

.hidden { display: none; }

#fwmenu {
	width: 950px;
	height: 85px;
	margin: 0px auto;
}

#fwheader {
	background-color: #2b2829;
	border-bottom: 1px solid #555;
}

#fwmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#fwmenu ul li {
	float: left;
}

#fwmenu ul li a {
	font-size: 1.4em;
	color: #bbb;
}

#fwmenu ul li a:hover {
	color: #828c57;
}

.link {
	display: block;
	padding: 18px 5px 0 30px;	
}

#logo {
	background: transparent url(http://www.fryewiles.com/images/menu/logo.gif) top left no-repeat;
	display: block;
	margin: 17px 0 0 12px;
	width: 185px;
	height: 51px;
}

#logo:hover {
	background-position: bottom left;
}

.menu-link {
	margin: 0px 16px 0px;
	height: 85px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.menu-link:hover {
	background-position: center top;
}

#menu-portfolio {
	width: 74px;
	background-image: url(http://www.fryewiles.com/images/menu/portfolio.gif);
}


#menu-staff {
	width: 57px;
	background-image: url(http://www.fryewiles.com/images/menu/staff.gif);
}

#menu-products {
	width: 70px;
	background-image: url(http://www.fryewiles.com/images/menu/products.gif);
}

#menu-services {
	width: 66px;
	background-image: url(http://www.fryewiles.com/images/menu/services.gif);
}

#menu-blog {
	width:42px;
	background-image: url(http://www.fryewiles.com/images/menu/blog.gif);
	background-position: right top;
}

#menu-web101 {
	width: 61px;
	background-image: url(http://www.fryewiles.com/images/menu/web101.gif);
}

#menu-about {
	width: 50px;
	background-image: url(http://www.fryewiles.com/images/menu/about.gif);
}


#menu-contact {
	width: 70px;
	background-image: url(http://www.fryewiles.com/images/menu/contact.gif);
}

#menu-labs {
	width: 37px;
	background-image: url(http://www.fryewiles.com/images/menu/labs.gif);
}


#fwfooter {
	width: 77em;
	margin: 10px auto 40px;
	
	border-top: 1px solid #bbbbbb;	
	clear: both;
	
	padding: 20px 0px;
}

#fwfooter ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#fwfooter ul li {
	display: inline;
	padding: 0px 20px 20px 0px;
}

#fwfooter a {
	color: #666;
}

#fwfooter a:hover {
	color: #bbb;
}