/*
Theme Name: miralize
Theme URI: http://miralize.com
Description: miralizev10 Light Green
Version: 10.2
Author: Sean O' Grady
Author URI: http://miralize.com.
*/
@font-face {
	font-family: 'Helv77';
	src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
	src: local('Helvetica Neue LT Std 77 Bold Condensed'), local('HelveticaNeueLTStd-BdCn'), url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
	font-weight: 700;
}

	@font-face {
	font-family: 'Helv57';
	src: url('fonts/HelveticaNeueLTStd-Cn.eot');
	src: local('Helvetica Neue LT Std 57 Condensed'), local('HelveticaNeueLTStd-Cn'), url('fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('HelveticaNeueLTStd-Cn.otf') format('opentype'), url('fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');
}


html {
	font-size:16px;
}

body {
	background:url(images/bg.png) repeat-x #669e9c;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; 
	color: #4f4f4f;
	font-size:62.5%; 
	line-height:1.5;
}

.clear {clear: both; height: 1px; line-height: 0.1; display: inline;}
a {text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
a:focus, a:active {position:relative;
top:1px;}
.left {float: left;}
.right {float: right;}
.rightb {-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.leftb {-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
.alignright {float: right; padding: 5px; margin: 0 0 20px 20px ; background: #acebf3; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;}
.alignleft {float: right; padding: 5px; margin: 0 20px 20px 0; background: #acebf3;}
strong {font-weight: bold;}

.btt {position: fixed; right:0; bottom: 400px; width: 40px; height: 50px; background:url(images/top.png) no-repeat top center; text-indent:-9999px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; padding: 5px; color: #E1EDEA; overflow:hidden;}

div.wp-caption {text-align: center; color: #2b2b2b;}
div.wp-caption p {padding: 5px 7px;}
#container {width: 960px; margin: 0 auto;}

#header {width: 960px; overflow: hidden; height: 60px;}




	#logo {float: left;}
	
	#logo h1 a, #logo h3 a {background: url(images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; width: 120px; height: 46px; margin-top: 14px; display: block; margin-left: 20px;}

	ul#menu {float: right; display: block; overflow: hidden;}
		ul#menu li  {float: left; display: inline; }
		ul#menu li a {display: block; color: #fff; padding: 25px 18px 21px; line-height: 1; text-decoration: none; text-transform: uppercase; font-size: 1.4em; font-family: "Helv57","Helvetica Neue" , Helvetica, Arial, sans-serif; }
		
		ul#menu li.current_page_item a , ul#menu li.current_page_parent a,  ul#menu li a:hover {background:url(images/menu_hover.png) no-repeat center bottom;}
		ul#menu li.current_page_item a , ul#menu li.current_page_parent a { color: #c6dcd7}

#content {width: 960px; margin: 0 auto; background: #c6dcd7;}

#primary {width: 600px; float: left; padding: 20px 0; margin-right: 40px; display: inline; }

#primary h2.headline {color: #2b2b2b; font-size: 2.6em; font-family: Georgia, Times, serif; text-shadow: 0 1px 0 #e4eeec; font-style: italic; font-weight: 700; line-height: 1; margin-bottom: 20px; padding: 0 0 0 20px;}
#primary h3.headline {color: #fff; font-size: 2em; font-family: Georgia, Times, serif; text-shadow: 0 1px 0 #e4eeec; font-style: italic; font-weight: 700; line-height: 1; margin-bottom: 20px; padding: 0 0 0 20px;}

.entry {position: relative; background: #E1EDEA; padding: 20px; margin-bottom: 40px;}

	.entry h1, .entry h3 {font-size: 2.4em; font-family: "Helv77", Helvetica, Arial, sans-serif; color: #2b2b2b;}
	.entry h2, .entry h4 {font-size: 2em; font-family: "Helv77", Helvetica, Arial, sans-serif; color: #2b2b2b;}
	.entry h3 a, .entry h1 a{color:#2b2b2b; text-decoration: none;}
	.entry h3 a:hover, .entry h1 a:hover {color: #fff; text-shadow: 0 1px 0 #669e9c;}
.entry p a {font-family: Georgia, Times, serif; color: #2a2a2a; text-shadow: 0 1px 0 #e4eeec; padding: 3px 5px; -moz-border-radius: 2px; -webkit-border-radius:2px; margin: 2px;}
	.entry p a.more-link {display: none;}
	.entry ul li a, .tag-cloud a {color: #2a2a2a; font-weight: bold; }
	.entry ul li .children li {font-size: 0.8em; list-style: none; padding:3px 0 0; }
.entry p a:hover, .entry ul a:hover {text-decoration: underline }

	.entry .side {position: absolute; top: 15px; left: -60px; width: 60px;  font-family: Georgia, Times, serif;  }
		.date {border-bottom: 1px dotted #c6dcd7; padding-bottom: 10px;}
		.date .day, .date .month, .date .year {text-align: center; color: #fff;}
		.date .day {font-size: 3.2em; line-height: 0.8; font-style: oblique;} 
		.date .month, .date .year {font-size: 1.5em; line-height: 1;}
	.entry .col {float: left; width: 270px; margin-right: 20px;}
	.entry .col2 {margin: 0;}
		.comments {margin-top: 10px;}
		.comments a {color: #C6DCD7;  text-decoration: none; text-align: center;}
		.comments a:hover {color: #fff;}
		.comments .num {font-size: 3.2em; line-height: 1; font-style: oblique; display: block;}
		.comments span.text { font-size: 1.2em; line-height: 1; text-align: center; width: 80px; padding-left: 10px}
		
	.entry .meta {color: #669e9c; font-style: italic; font-family: Georgia, Times, serif; font-size: 1.2em; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px;}
	
	.entry .meta a {color: #669e9c; font-weight: bold; font-family:Helvetica, Verdana, Arial, sans-serif; font-style: normal;}
		.entry p {font-family: Georgia, Times, serif; width: 560px; overflow: hidden; font-size: 1.3em; line-height: 1.7; color: #2b2b2b; padding-bottom: 15px; }
		.entry blockquote {font-family: Georgia, Times, serif; padding: 8px 10px 5px; font-style: italic; line-height: 1.7; color: #2b2b2b; border-left: 5px solid #aeecf3; margin-left: 10px; margin-bottom: 15px;}
	.entry ul {font-family: Georgia, Times, serif; width: 560px; overflow: hidden; font-size: 1.2em; line-height: 1.6em; color: #2b2b2b; padding-bottom: 15px; list-style:outside; padding: 0 20px; }
	.entry ul li {padding: 3px 0;}
	 .more {position: absolute; color: #fff; font-family: Georgia, Times, serif; background: #669e9c; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft:  5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-right-radius: 5px; bottom: 0; right: 0;  font-size: 1.3em; font-style: italic;}
	.more a {color: #fff; display: block; padding:  7px 15px;}
	.more a:hover {color:  #2a2a2a;}
	.more:hover {background: #C6DCD7;}
	
	.snlinks {background: #e1edea; padding: 20px; margin-bottom: 20px; width: 560px; overflow: hidden;}
	#primary .snlinks h2.headline {padding: 0; margin-bottom: 0;}
	.snlinks h3 {color: #669e9c; font-family: Georgia, Times, serif; font-size: 1.4em; font-weight: bold; font-style: italic; text-shadow: 0 1px 0 #e4eeec; float: left; margin-right: 20px;}
	.snlinks ul {width: 520px; overflow:  hidden;}
	.snlinks ul li{float: left; display: inline;}
	.snlinks ul li a {display: block; padding:10px 15px 10px 0; color: #2b2b2b; font-family: "Helv77", Helvetica, Arial, san-serif;  font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
	.snlinks ul li a:hover {color: #fff;}
	.snlinks p {color: #fff; font-family: Georgia, Times, serif; padding: 0 10px; font-size: 1.8em; font-style: italic; text-shadow: 0 1px 0 #e4eeec; }
	
	.comment .inner{position: relative; padding: 20px; background: #8DB9AF; display: block; margin-bottom: 20px;}
	.comment .side {position: absolute; left: -55px; width: 55px; top :0px; display: inline;}
	.comment-author {padding-left: 5px; background: #c6dcd7}
	#comments .comment-author-link{font-family: "Helv77", Helvetica, Arial, san-serif; font-size: 1.2em; line-height: 0.9; color: #c6dcd7; text-transform: uppercase; text-align: center; padding: 5px 0; width: 55px; overflow: hidden; }
	#comments .comment-author-link a {color: #c6dcd7;}
	#comments .comment:hover .comment-author-link, .comment:hover .comment-author-link a{color: #fff;}
	.comment-text {font-family: Georgia, Times, serif; padding-bottom: 7px; line-height: 1.7; font-size: 1.2em; color: #2b2b2b;}
	.comment-meta {padding: 0 0 10px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
	#comments .comment-text a {color: #2b2b2b; font-style: italic; font-weight: bold;}
	.children .comment .side{ position: absolute; left: -55px; z-index: 10;}
	.children .comment-author{background: #2b2b2b;}
	#comments .children .comment-author-link, .children .comment-author-link a {color: #2b2b2b;}
	.children .comment .inner {width: 500px; float: right; } 
	.children .comment .comment-text {padding: 0; float: left;}
	#comments a {color: #2b2b2b; font-style: italic; font-weight: bold;}
	#commentform h3.headline {color: #2b2b2b;}
#secondary {width: 320px; float: left; margin: 20px 0 0 0;}


#secondary .widget {margin: 0 0 20px 0;}
.widget h4 {width: 310px; padding: 12px 0 8px 10px; font-family: "Helv57", Helvetica, Arial, san-serif;  background: #e1edea; font-size: 1.8em; line-height: 1.4; color: #2b2b2b; text-transform: uppercase; }
.widget ul {padding: 10px 0 10px 10px;}
.widget ul li {color: #fff; display: block;  font-family: Georgia, Times, serif; font-style: italic; padding: 3px 0px 3px 0; font-size: 1.4em; }
.widget ul li a {color: #333;}
.widget ul li a:hover {color: #fff;}
#samsarin_php_widget-5 ul {width: 300px; overflow: hidden;}
	#samsarin_php_widget-5 ul li {float: left; width: 90px; margin: 0 5px;}
	.widget_subscribe ul {width: 310px; overflow: hidden; padding: 10px 10px 0;}
	.widget_subscribe ul li {display: inline; float: left;}
	.widget_subscribe ul li a{ width: 130px; margin: 0 5px; background: #e1edea; padding: 7px 5px; display: block ; -moz-border-radius: 5px; -webkit-border-radius:5px; text-align: center;}
	.widget_subscribe ul li a span {display: block; font-size:2em; line-height: 1;}
	.widget_subscribe ul li a:hover{background: #669e9c}

#footer {background: #2b2b2b; margin: 0; }
#footer #inside {width: 960px; margin: 0 auto; overflow: hidden; padding: 10px 0;}
#footer .row {width: 300px; float: left; color:  #fff;}
#footer .row1 {margin-right: 30px;}
	ul#tweets {background: url(images/tweet_icon.png) no-repeat 20px 0; width: 300px;}
	ul#tweets li{ padding: 10px; background: #6f9e9c; font-family: "Helv77", Helvetica, Arial, san-serif; font-size: 1.8em; -moz-border-radius: 5px; -webkit-border-radius:5px; color: #fff; margin-top:5px; }
	ul#tweets li a {color: #2a2a2a; text-shadow: 0 1px 0 #e4eeec;}
#footer .row2 {margin-right: 30px;}
	#flickrRSS {width: 300px; overflow: hidden;}
	#flickrRSS li {float: left; margin:0 5px;}
	#flickrRSS li a {display: block; width: 55px; padding: 5px; background: #c6dcd7}
	#flickrRSS li a img {width: 55px;}
	#flickrRSS li a:hover {background:#6f9e9c; }
#footer .row3 {}
img#wpstats {display: none;}
	.row h4 {font-family: "Helv57", Helvetica, Arial, san-serif; font-size: 1.8em; text-transform: uppercase; color: #6f9e9c;  margin:10px 0 5px; letter-spacing: 1px;}
	.row ul { padding:5px 0px; font-size: 1.3em; }
	.row ul li {padding: 5px 0; }
	.row p { padding:5px 0px; padding: 5px 0; font-size: 1.4em; line-height: 1.5; color: #fff;}
#footer .bottom {border-top:1px solid #e1edea; padding:  7px 10px; color: #fff; width: 940px; overflow: hidden; font-size: 1.3em; display: block; margin: 30px 0;}
.row a {color: #C6DCD7; }
.bottom a {color: #c6dcd7; font-weight: bold; }

/* Homepage */
.bigbutton { margin: 0 auto; display: block;  font-size: 2.6em; display: block; margin: 20px 0 0; text-align: center; }
.bigbutton a {font-family: Georgia, Times, serif; background: #2b2b2b; color: #e4eeec; padding: 10px 15px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius:10px;}
.bigbutton a:hover {background: #1a1a1a;}
#aboutbox {width: 960px;  padding: 20px 0;}
#introbox {width: 960px; display: block; padding: 40px 0 0; overflow: hidden; text-align: center;}
#introbox .text { font-family: "Helv77", Helvetica, Arial, san-serif; color: #2b2b2b; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; display: block; font-weight: 700;
}
.hide {visibility: hidden; text-indent: -9999px; overflow: hidden;}
#introbox .text1 {font-size: 10em; line-height: 0.7; display: block;}
#introbox .text2 {font-size: 3.6em; text-align: center; line-height: 1;}

#introbox p {font-size:1.8em; font-family: "Helv77", Helvetica, Arial, san-serif; color: #3a3a3a; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; padding: 20px 0 0; text-align: center;}
#introbox p a {color: #669e9c; }

/* 450px x 280px */
.nivo-slice { 	display:block; position:absolute; z-index:50; height:100%; width: 450px }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; font-size: 1.1em; opacity:0.8; width:100%; z-index:89; }
.nivo-caption p { padding:7px 10px; margin:0; }
.nivo-directionNav a { position:absolute; top:45%;  z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px; }
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold; }

#imagebox {width:960px; display: block;  margin: 20px 0 60px; position: relative;  }
#imagebox #inner {width: 450px; margin: 0 auto; height: 280px; position: relative;  overflow: hidden; }
#imagebox #inner {left:0; top:0;}
#imagebox .overlay {position: absolute; top: -16px; left: 170px; z-index: 1000; }

#services {padding: 20px 0;}
h2.hometitle {font-family: "Helv77", Helvetica, Arial, san-serif; color: #2b2b2b; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 3em; padding:12px 15px 6px; display: inline-block; }
.home h2.hometitle {font-size: 4em; background: none; display:block; text-align: center;}
#services {padding: 20px 0; width: 960px; overflow: hidden;}
#services .wp {background:url(images/wp.png) no-repeat 0 0; }
#services .usero {background:url(images/user.png) no-repeat 0 0; }
#services .seo {background:url(images/seo.png) no-repeat 0 0; }
#services .emerge {background: url(images/browser.png) no-repeat 0 0;}
#services .service-item{ float: left; width: 315px; margin: 20px 40px; padding: 0 0 0  85px; display: inline; height: 225px }
#services .service-item h4 { font-family: "Helv77", Helvetica, Arial, san-serif; color: #fff; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 2em;  color: #3a3a3a; border-bottom: 1px solid #669e9c; margin-bottom: 8px}
#services .service-item p {font-family: Georgia, Times, serif; padding-bottom: 5px; line-height: 1.5; text-align: justify; font-size: 1.3em; color: #4b4b4b; }
#services .service-item p a {color: #669e9c; }


.portfolio-link-item {padding:20px; width: 860px; background: #E1EDEA; margin:0 auto; display: block; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius:3px; border-top: 1px solid #f0f6f5; border-bottom: 1px solid #c9d5d2;}
.port-link-right{width: 320px; padding:0 0 0 20px; float: left;}
.portfolio-link-item h3 {font-family: "Helv57", Helvetica, Arial, san-serif; color: #fff; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 2.5em; padding: 0 0; color: #222}
.portfolio-link-item h3 a{ color: #3a3a3a;}
.portfolio-link-meta { color: #669e9c; text-transform: uppercase; font-size: 1em; width: 320px; padding: 5px 0; border-top: 3px double #f0f6f5; border-bottom: 3px double #f0f6f5; overflow: hidden;}
.portfolio-link-meta a:hover {color: #40d0e0;}
.portfolio-link-meta span {padding: 10px; margin-right: 10px; background: #e1edea; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size: 1.3em;}
.portfolio-link-content p {font-family: Georgia, Times, serif; text-align: justify; font-size: 1.5em; line-height: 1.5; color: #2f2f2f; padding: 7px 0;}
.portfolio-link-content p a {color: #669e9c; font-style: oblique; font-weight: bold;}
.portfolio-link-thumbnail {float: left; background:#f0f6f5; padding:10px;}
.portfolio-link-link a {color: #669e9c; font-family: Georgia, Times, serif; font-size: 1.4em; line-height: 1.0; font-style: italic; padding: 0 0 7px; display: block; text-align: right;}






#latestart {padding: 20px 0; width: 960px; overflow: hidden;}
#latestart .post-item{ float: left; width: 400px; padding:20px 40px; height: 200px}
#latestart .post-item h4 a{ font-family: "Helv77", Helvetica, Arial, san-serif; color: #fff; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 2em;  color: #3b3b3b; border-bottom: 1px solid #669e9c; margin-bottom: 8px; display: block;}
#latestart .post-item p {font-family: Georgia, Times, serif; padding: 0 5px 5px; line-height: 1.5; text-align: justify; font-size: 1.3em; color: #4b4b4b;}
#latestart .post-item p a {color: #669e9c;}

#latestart .post-item p a.morelink {color: #669e9c; display: block; text-align: right; font-family: Georgia, Times, serif;  font-style: italic;}\



/* Contact */


form.wpcf7-form .rowElem {padding:8px 0; }
form.wpcf7-form label {width:150px; float:left; margin-right:20px; display:inline; font-size:1.5em; font-family: "Helv57", Helvetica, Arial, san-serif;  color: #6F9E9C; text-transform:uppercase;}
form.wpcf7-form input, form.wpcf7-form textarea {width:370px;}



#latestWork {width: 960px; overflow: hidden; padding: 20px 0;}
#latestWork h2 {margin-bottom: 10px;}
#portfolio {width: 960px; overflow: hidden;}

#portfolio h2 {font-family: "Helv77", Helvetica, Arial, san-serif; color: #2b2b2b; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; display: block; 	font-weight: 700; font-size: 14em; text-align: center; line-height: 0.8; padding: 40px 0 0}
#portfolio p.titlepar {font-family: "Helv77", Helvetica, Arial, san-serif; color: #2b2b2b; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; display: block; font-weight: 700; font-size: 3em; text-align: center; line-height: 1; width: 600px; margin: 0 auto; padding: 0 0 20px}
#portfolio p.titlepar a {color: #669e9c;}

#filter {padding: 0 0 20px; width: 960px; overflow: hidden; }
#filter li {display: inline; float: left; font-family: "Helv57", Helvetica, Arial, san-serif; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 2.2em; text-align: center; line-height: 1; margin: 0 auto; padding: 0 20px;}
#filter li a { color: #2b2b2b;  display: block; }

#portfolio ul#portinner li{padding: 10px; width: 280px; background: #E1EDEA;  float: left; margin:0 0 15px 15px; display: inline; -moz-border-radius: 3px; -webkit-border-radius:3px; border-top: 1px solid #f0f6f5; border-bottom: 1px solid #c9d5d2; height: 500px}
#portfolio ul#portinner li h3 {font-family: "Helv57", Helvetica, Arial, san-serif; color: #fff; text-shadow: 0 1px 0 #e4eeec; text-transform: uppercase; font-size: 2em; padding: 10px 0 0; color: #222}
#portfolio ul#portinner li h3 a{ color: #3a3a3a;}
.portfolio-meta { color: #669e9c; text-transform: uppercase; font-size: 1em; width: 280px; padding: 5px 0; border-top: 3px double #f0f6f5; border-bottom: 3px double #f0f6f5; overflow: hidden;}
	.port-date {float: left;}
	.port-skills {float: right; width: 50%; display: block; text-align: right; } 
.portfolio-meta a:hover {color: #40d0e0;}
.portfolio-meta span {padding: 10px; margin-right: 10px; background: #e1edea; -moz-border-radius: 5px; -webkit-border-radius:5px; font-size: 1.3em;}
.portfolio-content p {font-family: Georgia, Times, serif; text-align: justify; font-size: 1.3em; line-height: 1.5; color: #2f2f2f; padding: 7px 0;}
.portfolio-content p a {color: #669e9c; font-style: oblique; font-weight: bold;}
.portfolio-thumbnail img{ width: 280px; }
.portfolio-link a {color: #669e9c; font-family: Georgia, Times, serif; font-size: 1.5em; line-height: 1.0; font-style: italic; padding: 0 0 7px; display: block; text-align: right;}

pre {border-left:1px solid #669E9C;padding:10px 0 12px 10px;background:#fff;overflow:hidden;margin:25px 0;width:550px}
pre:hover {background:#f3f3f3;border-left:1px solid #2a2a2a}
* html pre {padding-bottom:25px;overflow-y:hidden;overflow:visible;overflow-x:auto}
code {color:#669E9C;
font-family:Monaco,"Panic Sans","Lucida Console","Courier New",Courier,monospace,sans-serif;
font-size:11px;}