/*
Theme Name: Maifith Default
Theme URI: http://www.maifith.com/
Description: The default WordPress theme for Maifith.
Version: 3.0
Author: Chad Holden
Author URI: http://www.maifith.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */
body {font-size: 80%; font-weight: 100; font-family: "VAG Rounded Std", Arial, Sans-Serif; color: #333; text-align: center; margin: 0 0 25px 0; padding: 0; line-height: 140%;}

a:hover {text-decoration: none; cursor: pointer;}

h2.pagetitle {font-weight: 100; color: #444444; font-size: 2.3em; margin: 0 0 .5em 0; line-height: 1em}

h3 {font-weight: 100; color: #b2b3b6; font-size: 1.8em; margin: 0 0 .5em 0; line-height: 1em}
#sidebar h3 {font-weight: 100; color: #444444; font-size: 2em; margin: 0 0 .5em 0; line-height: 1em}
#left h3 {margin-top: 30px;}
h3.pagetext {color: #b2b3b6; font-weight: normal; padding: 0px; font-size: 1.7em; line-height: 130%; margin: 10px 0 20px 0;}
	h3.pagetext strong {color: #00aeef; font-weight: bold;}
	
h4 {margin:auto 0 5px 0;}

#container {margin: 25px auto; padding: 0; width: 1000px; background-color: white; text-align: left;}

#header {border-bottom:3px solid #00aeef; position: relative; height: 98px;}
	#header h1 {margin: 0px; padding: 0px; position: absolute; top:33px; left: 8px; width: 253px; height: 54px;}
	#header h1 a {width: 253px; height: 54px; display: block; text-indent: -2500px; background: url(images/logo.png) top left no-repeat;}

#header .headmenu {background: #f2f2f2; list-style: none; margin: 0px; height: 19px; float:right;}
	#header .headmenu li {margin: 0px; padding: 0 2px 0 20px; display: block; float: left; text-align: right;}
	#header .headmenu li a {color: #aaaaaa}
	#header .headmenu li.active a {font-weight: bold; color: #616161;}
	
	#header .pagemenu {position: absolute; bottom:0px; right:0px; font-size: 2em; list-style: none; margin: 0px; padding: 0px; text-indent: 0px}
		#header .pagemenu li {padding: 0 0 5px 0px; float: left; display: block; margin: 0px; font-weight: 100; text-align: right;}
		#header .pagemenu li a {padding: 0 0 0 20px; display:inline;}

#content {padding: 20px; overflow: hidden;}

	#left {width: 675px; margin: 0 20px 0 0; float: left; padding: 0px;}
		#left p {line-height: 160%;}
		
		#left .thumb-1 {width:669px; border:3px solid #00aeef; position: relative;}
			#left .thumb-1 h4 {position:absolute; bottom: 0px; left: 0px; margin: 0px; background: #fff;  filter:alpha(opacity=80); opacity:.8;-moz-opacity: .8; color: #000; padding: 5px 10px; width: 649px;}
			#left .thumb-1 h4 a {color: #000}

		#left .thumb-2, #left .thumb-3 {width:325px; border:3px solid #00aeef; margin: 10px 12px 0 0; position: relative; overflow: hidden; float: left;}
		#left .thumb-3 {margin: 10px 0 0 0;}
			#left .thumb-2 h4, #left .thumb-3 h4 {position: absolute; bottom: 0px; left: 0px; width:324px; filter:alpha(opacity=70); opacity:.7;-moz-opacity: .7; background: #00aeef; display: block; padding: 3px 0 0 6px; margin: 0px;}
			#left .thumb-2 h4 a, #left .thumb-3 h4 a {color:#fff; font-weight: bold;}
		
		.archives {padding:0 0 0 100px; position: relative;}
		.date {position: absolute; top:0px; left:0px; width: 60px; font-size: 1.4em; color: #00aeef; border-right:3px solid #f4f4f4; padding: 0 18px 0 0; text-align: right;}
		
		.portfolio {list-style: none; margin: 0px; padding: 0px; width:970px;}
			.portfolio li {display: block; float: left; list-style: none; padding: 0px; margin: 0px 10px 10px 0; width: 305px; border:3px solid #00aeef; overflow: hidden; position: relative;}
			.portfolio li h4 {margin: 0px; padding: 0px;}
			.portfolio li h4 a {display: block; padding: 3px 0 0 6px; width: 299px; position: absolute; bottom: 0px; left: 0px; background: #00aeef;  filter:alpha(opacity=80); opacity:.8;-moz-opacity: .8; color: #fff;}

		.portfolio_list {list-style: none; margin: 0px; padding: 0px;}
			.portfolio_list li {display: block; float: left; list-style: none; padding: 0px; margin: 0px 10px 10px 0; width: 305px; overflow: hidden; position: relative;}
			.portfolio_list li h4 {margin: 0px; padding: 0px;}
			.portfolio_list li h4 a {display: block; padding: 3px 0 0 6px; width: 299px; position: absolute; bottom: 0px; left: 0px; background: #00aeef;  filter:alpha(opacity=80); opacity:.8;-moz-opacity: .8; color: #fff;}
			.portfolio_list li img {border:3px solid #00aeef;}

	
	#sidebar {width:265px; float: left;}
		#sidebar p {line-height: 160%; margin: 0 0 10px; padding: 0px;}
		#sidebar .module {background: #f2f2f2; border-bottom: 3px solid #00aeef; padding: 12px; margin: 0 0 7px 0;}
		
		#sidebar .news {list-style: none; margin: 0px; padding: 0px;}
			#sidebar .news li {list-style: none; margin: .5em 0 0 0; padding: 0px; height:60px; vertical-align: middle;}
			#sidebar .news li a {color: #444; font-size: 1.5em; line-height: 1.3em;}
			#sidebar .news li img {float: left; margin-right: 1em;}

		#sidebar .newdesigns {list-style: none; margin: 0px; padding: 0px;}
		#sidebar .newdesigns li {border:3px solid #00aeef; position: relative; overflow: hidden; width:225px; margin-bottom: 1em;}
			#sidebar .newdesigns li h4 {position:absolute; bottom: 0px; left: 0px; margin: 0px; background: #fff;  filter:alpha(opacity=80); opacity:.8;-moz-opacity: .8; color: #000; padding: 5px 10px 0; width: 205px;}
			#sidebar .newdesigns li h4 a {color: #000}

		#sidebar .list ul {list-style: none; margin: 0px; padding: 0px;}
			#sidebar .list li {list-style: none; margin: 0px; padding: 0px; display: block;}
			#sidebar .list li a {display:block; padding: 0 0 1em 1.5em; background: url(images/bullet.png) 0px 1px no-repeat;}

code {font: 1em 'Courier New', Courier, Fixed;}

code.block {border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; display: block; margin: 1em 0; padding: 1em;}

acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

a {color: #00aeef; text-decoration: none;}

.postmetadata {clear: both;}
.clear {clear: both;}

#footer {padding: 5px; border-top:3px solid #00aeef; margin: 35px 0 0 0; width: 990px; clear: both; color:#aaaaaa; position: relative;}
	#footer a {color:#aaaaaa}
	.footmenu {position: absolute; top: 5px; right: 5px; width: 360px; margin: 0px; padding: 0px;}
	.footmenu li {display: block; float: left; padding: 0 0 0 10px; text-align: right;}
/* End Structure */


/* Begin Images */
p img {padding: 0; max-width: 100%;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {margin: 0 0 20px 0; display: inline; border: 3px solid #00aeef;}

.alignright {float: right;}
.alignleft {float: left;}
/* End Images */


/* Begin Form Elements */
#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}

.entry form {text-align:center;}

select {width: 130px;}
/* End Form Elements */



/* Begin Comments*/
.alt {margin: 0; padding: 10px 0;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 98%; padding: 1%; font-family: inherit; font-size: 1em;}
#commentform #submit {margin: 0; float: right;}

.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: left; border: 1px solid #eee; padding: 2px; background: #fff; margin-right: 1em;}

.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}

.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-weight: normal;}

.commentlist {padding: 0; line-height: 150%;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}

#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}
.hidden {display: none;}

a img {border: none; margin: 0px; padding: 0px;}

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix  { height: 1%; }
.clearfix { display: block; }

/* the overlayed element */ 
div.overlay {background-image:url(images/white.png); width:600px; height:470px; display:none; padding:55px;} 
div.overlay div.close {background-image:url(images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

/* Captions */
.aligncenter,div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

.testimonial {margin:1% 0; clear:both; padding: 10px 10px 10px 80px; background: #d9f3fd url(images/quotes.gif) top left no-repeat; border:none; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}