/* 
Theme Name: FDD
Theme URI: http://foxdigitaldesign.net
Description: a theme
Version: 1.0
Author: Melissa Fox Austin
Author URI: http://foxdigitaldesign.net


*/

body { font: 80%/150% "Trebuchet MS", Tahoma, Arial; color: #666; background: #fff url(images/back.gif) fixed; margin: 0; padding: 0 0px 30px; }
a { color: #cc3399; text-decoration: none; font-weight: bold; }
a:visited { color: #999; text-decoration: none; }
a:hover { color: #048db4; text-decoration: underline; }
img { border: none; }
p { padding: 0 0px 15px; margin: 0; }
h1 {display: none;}
h2 { color: #333; margin: 0 0px 2px; border-bottom: 1px dotted #CCC; letter-spacing: -1px; font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px; }
h2 a, h2 a:visited { color: #333; text-decoration: none; }
h2 a:hover { color: #048db4; text-decoration: underline; }
h3 { font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; color: #333; margin: 10px 0 5px; }
h4 { font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; color: #333; margin: 10px 0 5px; }
form { margin:0px; padding:0px; }
#page { margin: 0 auto; width: 960px; background: #fff; }


/* header area */
#header {background: #fff url(images/masthead.gif) no-repeat; height: 190px; position: relative; }

/* Navigation */
#nav {position: absolute; top: 170px; width:960px; font-size:0.94em; line-height:1em; }
#nav ul {margin:0; padding:0; list-style:none; }
#nav li {float:left; margin:0 0 0 -1px; padding:0 0 0 6px; background:url(images/nav1.gif) 0 100% no-repeat; list-style: none }
#nav li:hover {background-position:-6px 100%;}
#nav a {float:left; display:block; color:#000; font-weight:bold; font-family:"Trebuchet MS", Tahoma, Arial; background:url(images/nav2.gif) 100% 100% no-repeat; padding:5px 14px 12px 8px; text-decoration:none; }
#nav li:hover a {background-image:url(images/nav1.gif);}
#nav ul li img{ width: 12px; height: 12px; vertical-align: text-bottom; }




/* content area */
#content { padding: 10px 0 30px 20px; float: left; width: 650px; overflow: hidden; } 
.post { clear:both; padding-top: 15px; }
.post-date { width: 45px; height: 49px; float:left; background: url(images/date-bg.gif) no-repeat; }
.post-month { font-size: 11px; text-transform: uppercase; color: #fff; text-align: center; display:block; line-height: 11px; padding-top: 2px; margin-left: -3px; }
.post-day { font-size: 18px; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 7px; margin-left: -3px; }
.post-title { float: left; margin-left: 10px; width: 650px; }
.entry { clear: both; padding-top: 10px; }
.post-cat { background: url(images/mini-category.gif) no-repeat; padding-left: 20px; float:left; font-size: 95%; color: #999999; }
.post-comments { background: url(images/mini-comments.gif) no-repeat; padding-left: 20px; float: right; font-size: 95%; }
.post-calendar { background: url(images/mini-calendar.gif) no-repeat; padding-left: 20px; float: right; font-size: 95%; color: #999999; }
.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; padding-left: 18px; float: right; }
.navigation { clear: both; padding: 10px 0; }
.navigation a, .navigation a:visited { color: #59770e; } 
.previous-entries a { float: left; padding-left: 18px; background: url(images/mini-nav-left.gif) no-repeat left center; }
.next-entries a { float: right; padding-right: 18px; background: url(images/mini-nav-right.gif) no-repeat right center;}

/* Favorites---------------------------------------------------------*/
.favs{ background-color: #fff; color: #000; padding:0; margin: 0}
.favs ul{ list-style: none; margin: 0; background-color: transparent; margin-left: -30px}
.favs ul li{ float: left; width: 200px; padding: 3px}
.favs ul li img{ border: #e1e1e1 solid 1px; padding: 2px; vertical-align: middle; }

/* Clear----------------------------------------------------------- */
.clear{ clear: both; font-size:0; line-height:0; height:0; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} /* Hide from IE Mac \*/ 
.clearfix {display:block;} /* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */



/* comments area */
#comments, #respond { border-bottom: 1px dotted #ccc; padding: 10px 0 5px 0; clear: both; }
.commentlist { margin: 10px 0; padding-left: 20px; line-height: 130%; }
.commentlist li{ padding: 5px 10px; }
.commentlist .alt { background: #e1e1e1; }
.commentlist cite { font-weight: bold; font-style: normal; font-size: 120%; color: #cc3399; }
.commentlist cite a, .commentlist cite a:visited { color: #cc3399; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
#commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; }
#commentform p { padding: 6px 0; margin: 0; }
#commentform label{ color: #787878; font-size: 87%; }
#commentform input{ width: 200px; background:#e1e1e1; border: 1px solid #048db4; padding: 3px; margin-top: 3px; }
#commentform textarea{ width: 478px; height: 115px; background:#e1e1e1; border: 1px solid #048db4; padding: 2px; margin-top: 3px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #fff; }
#commentform #submit{ background: url(images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; border: none; float:right; width: 144px; height: 28px; cursor: pointer; }


/*sidebar */
#sidebar { float: right; padding: 0 10px 20px 0; width: 220px; color: #666666; overflow: hidden; }

/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{ font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; color: #333; margin: 20px 0 2px; border-bottom: 1px solid #048db4;}

/*sidebar text styles */
#sidebar a, #sidebar a:visited{ color: #495233; text-decoration: none; }
#sidebar a:hover{ color: #048db4; text-decoration: none; }

/*sidebar list level1 */
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style: none; margin: 0; padding: 0; border: none; }

/*sidebar list level2 */
#sidebar ul li ul { padding: 0; margin: 0; }
#sidebar ul li ul li{ padding: 2px 0 2px 0; border-bottom: 1px dotted #ccc; }

/*sidebar list level3 */
#sidebar ul li ul li ul li{ padding: 1px 0 1px 10px; border: none; }


/*blogroll */
ul.list-blogroll li{ background: url(images/mini-blogroll.gif) no-repeat !important; padding-left: 16px !important;}

/*category widget */
ul.list-cat li, li.widget_categories li{ background: url(images/mini-category.gif) no-repeat !important; padding-left: 20px !important; }

/*archives widget */
ul.list-archives li, li.widget_archives li{ background: url(images/mini-monthly-archive.gif) no-repeat !important; padding-left: 20px !important; }

/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{ background: url(images/mini-page.gif) no-repeat !important; padding-left: 20px !important; }

/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{ background: url(images/mini-page-arrow.gif) no-repeat !important; padding-left: 10px !important; }

/*recent comments widget */
li.widget_recent_comments li{ background: url(images/mini-recent-comments.gif) no-repeat !important; padding-left: 20px !important; }

/*calendar widget */
li.widget_calendar td { padding: 1px 7px; }

/*text widget */
.textwidget { padding-top: 5px; }


/*search form */
#searchform { margin: 15px 0 0; }
#searchform br { display: none; }
#searchform #s { width: 135px; height: 22px; padding: 4px 5px 0 5px; border: 1px solid #048db4; background: #fff; margin-right: 2px; color: #000000; font-weight: normal; }


/* search form button - to specify button only use input[type="submit"] */
#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; width: 67px; height: 26px; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; vertical-align: middle;}


/* footer area */
#footer { clear: both; background: #798d98; border: #fff 5px solid; color: #ACD7EE; font-size: 96%; line-height: 130%; padding-bottom: 10px; }
#footer a, #footer a:visited { color: #fff; }
#footer h4 { font: normal 146%/100% "Trebuchet MS", Tahoma, Arial; color: #9cdbfb; margin: 10px 0 5px; }
.footer-recent-comments { width: 350px; float: left; margin-left: 10px; }
.footer-recent-comments ul { list-style: none; margin: 0; padding: 0; }
.footer-recent-comments ul li { padding: 0 0px 10px 20px;}
.footer-recent-posts { width: 240px; float: left; margin-left: 10px; }
.footer-recent-posts strong { font-size: 109%; line-height: 135%; font-weight: bold; }
.footer-recent-posts ul { list-style: none; margin: 0; padding: 0; font-size: 96%; line-height: 110%; }
.footer-recent-posts ul li { background: url(images/mini-footer-post.gif) no-repeat; padding: 0 0px 10px 20px; }
.footer-about { width: 220px; float: right; padding-right: 10px; padding-left: 10px;}


.processlist{ clear: both; padding: 0; margin: 0;}
.processthumb{ float: left; width: 95%; border-bottom: #e1e1e1 1px solid; margin: 5px; padding: 5px; *padding-bottom:0.75em;_padding- bottom:0; _overflow:hidden; }
.processthumb img{ float:left; margin:0 10px 0 0; display:block; }
.processthumb h4{ margin: 1em 0 2px 55px; font-weight: bold; }


/* PORTFOLIO------------------------------------------------------------ */
.weblist{ clear: both; padding: 0; margin: 0;}
.webrow{ clear:both; width:100%; height: 100% }
.webthumb{ float: left; width: 95%; border-bottom: #e1e1e1 1px solid; margin: 5px; padding: 5px; *padding-bottom:0.75em;_padding- bottom:0; _overflow:hidden; }
.webthumb img{ float:left; margin:0 10px 0 0; display:block; border: #e1e1e1 5px solid;}
.webthumb h4{ margin: 1em 0 2px 55px; font-weight: bold; }


/* credits */
#credits { margin: 5px auto 0; width: 960px; color: #7a9299; font-size: 85%; line-height: 120%; }
#credits a, #credit a:visited { color: #048db4; }
.rss { background: url(images/mini-rss.gif) no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; }
.loginout { background: url(images/mini-loginout.gif) no-repeat left center; padding-left: 18px; padding-bottom: 2px; margin-left: 8px; }


/* alignments */
.center { text-align: center; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
img.alignleft, img[align="left"] { float:left; margin: 2px 10px 5px 0; }
.alignright { float: right; }
img.alignright, img[align="right"] { float:right; margin: 2px 0 5px 10px; }
.clear { clear:both; }
hr.clear { clear:both; visibility: hidden; margin: 0; padding: 0; }