/*
Theme Name: miralize
Theme URI: http://miralize.com
Description: miralizev11
Version: 11
Author: Sean O' Grady
Author URI: http://miralize.com.
*/
@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a{outline: none; text-decoration: none;}
a:active {
  position: relative;
  top: 1px;
}
.textimg {text-indent: -9999px; overflow: hidden; display: block;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
strong {font-weight: bold;}
em {font-style: italic;}
.aligncenter, div.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }  

 .alignleft {
     float: left;
     margin: 0 0 20px 20px;
 }  

 .alignright {
     float: right;
     margin: 0 20px 20px 0;
 }  
 
 .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;
 }

html {font-size: 16px; }

body {background: url(img/bg.png) repeat; font-size: 62.5%; font-family: "Helvetica Neue" , Helvetica, Arial, Verdana, Tahoma, sans-serif;}

#wrapper {background:url(img/header.png) repeat-x top left; }

#container {background: url(img/lightoverlay.png) no-repeat top left; width: 960px; overflow: hidden; display: block; margin: 0 auto;  }

#header {display: block; width: 960px; overflow: hidden; margin-top: 100px}

#logo h1 a, #logo h3 a {display: block; text-indent: -9999px; overflow: hidden; background:url(img/logo.png) no-repeat; width: 267px; height: 47px; float: left; }

ul#menu {background: url(img/menu.png) no-repeat; width: 460px; height: 51px; padding: 0 30px; display: block; float: right;}

ul#menu li {display: inline; float: left; }

ul#menu li a {display: block; padding: 8px 9px 6px; margin:7px 5px; color: #fff; font-family: "Avenir LT Std", "Helvetica Neue" , Helvetica, Arial, Verdana, Tahoma, sans-serif; text-transform: uppercase; font-size: 1.2em; text-shadow: 0 1px 0 #46854e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; letter-spacing: -0.2px;}

ul#menu li a:hover {color: #cff1d3; text-shadow: 0 1px 0 #315d36}

#footer {background:url(img/sep2.png) repeat-x; padding: 12px 10px 10px; margin:30px 0 80px; width: 940px; display: block; overflow: hidden; font-size: 1.4em; font-weight: bold; letter-spacing: -1px; text-shadow: 0 1px 1px #24618f; color: #fff;  }

#footer a {color:#b4edf9; }

/* Blog */

#primary {width:620px; margin-right: 40px; margin-top: 30px; display: inline; float: left; overflow: hidden;} 

.post {width: 620px; overflow: hidden; display: block; margin-top: 40px}

.post h2 a, .post h1 {color: #fff; margin-left: 120px; font-size: 2.8em; font-weight: 600; letter-spacing: -1.5px; text-shadow:0 1px 1px #24618f; margin-bottom: 10px; display: block;}

.entry h2, .entry h3, .entry h4 {color: #b4edf9; font-size: 2.4em; font-weight: 600; letter-spacing: -1px; text-shadow:0 1px 1px #24618f; margin-bottom: 20px}

.page .post h1 {margin-left: 0;}

.meta {width: 100px; display: inline; margin-right: 20px; float: left; text-align: right;}

.meta li {color: #fff; font-size: 1.4em; text-transform: uppercase; line-height: 1.7em; letter-spacing: -1px; text-shadow: 0 1px 1px #1d96b5}

.meta li a {color: #b4edf9;}

.meta li span {font-weight: bold;}

.page .post .entry {width: 620px;}

.entry {width: 500px; float: left; padding-bottom: 30px; background: url(img/sep2.png) repeat-x bottom;}

.entry p {color: #fff; font-size: 1.3em; line-height: 1.8em; padding-bottom: 20px; text-shadow: 0 1px 1px #1d96b5}

.entry ul li {color: #fff; font-size: 1.3em; line-height: 1.8em; padding-bottom: 15px; text-shadow: 0 1px 1px #1d96b5}

.entry p a , .entry ul li a{color: #b4edf9; border-bottom: 1px dashed #b4edf9;  }


.entry p a:hover {color: #9fc899; border-bottom: 1px dashed #9fc899;}
#secondary {width: 300px; float: left; display: block; margin-top: 30px; }

li.widget {background: url(img/darkbg.png); margin-bottom: 20px; display: block;}

li.widget h3 {color: #d1eaf2;  font-size: 1.6em; text-transform: uppercase; text-shadow:0 1px 1px #24618f; padding:15px 15px 10px; display: block;}

li.widget ul {padding:0 15px 10px;}

li.widget a {color: #b4edf9; border-bottom: 1px dashed #b4edf9; }

li.widget ul li {color: #d1eaf2;  font-size: 1.4em; text-shadow:0 1px 1px #24618f;
padding: 7px 0; }

li.widget ul li.cat-item {text-align: right;}

li.widget ul li.cat-item a{float: left; text-align: left;}



li.widget p {padding:0 10px 10px; color: #d1eaf2;  font-size: 1.4em; text-shadow:0 1px 1px #24618f; line-height: 1.6em;  }

#snlinks ul {width: 300px; display: block; overflow: hidden; margin-bottom: 20px}

#snlinks ul li {float: left; display: inline;}

#snlinks ul li a {display: block; height: 24px; width: 24px; margin-right: 15px;}

#snlinks ul li.last a {margin-right: 0;} 

.tooltip {
	display:none;
	background:transparent url(img/darkerbg.png);
	font-size: 1.1em;
  	 text-transform: uppercase; text-shadow:0 1px 1px #24618f;
	padding:8px 10px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
	color:#fff;	
}


#tabs {margin-bottom: 20px;}

#tab-nav {width: 300px; overflow: hidden;}
#tab-nav li {float: left; display: inline;} 

#tab-nav li a{width: 100px; background: url(img/lightbg.png) repeat; text-align: center; padding: 7px 0; color: #d1eaf2;  font-size: 1.2em; text-transform: uppercase; letter-spacing: -1px; text-shadow:0 1px 1px #24618f; display: block;}
#tab-nav li a.current{background: url(img/darkbg.png) repeat;}
#tabs .ui-tabs-hide {  
display: none;  
}  

#tabs div ul li {
color: #d1eaf2;  font-size: 1.4em; text-shadow:0 1px 1px #24618f;
padding: 7px 0;   
}  

#tabs div ul li a {color: #d1eaf2; }
#panes div {background: url(img/darkbg.png); display: block; padding:10px 15px}
.dribbbles {margin: 20px 0;}
.dribbbles .group {margin: 0 auto;}


/* Homepage */

#introtitle {background:url(img/introtitle.png) no-repeat top center; width: 960px; height: 130px; margin: 40px 0 30px;}

#examplebox {float: left; width: 500px; height: 280px; padding: 10px; background:url(img/examplebg.png) no-repeat; overflow: hidden; display: block; margin-right: 20px; }

#examplebox #inner {width: 500px; margin: 0 auto; height: 280px; display: block; position: relative;  overflow: hidden; }
#examplebox #inner {left:0; top:0;}


.nivo-slice { 	display:block; position:absolute; z-index:50; height:100%; width: 500px }
.nivo-caption {  display: none; }
.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; }


#message {width: 420px; float: left;}

#message h2 {background: url(img/messageh2.png) no-repeat; width: 420px; height: 60px;}

#message p {background: url(img/messagep.png) no-repeat; width: 420px; height: 150px;}

#message a.textimg {margin-top: 20px;}
#message a#portfoliolink {background:url(img/portfoliolink.png) no-repeat; width: 200px; height: 50px; margin-right: 20px; float: left;}

#message a#contactlink {background:url(img/contactlink.png) no-repeat; width: 200px; height: 50px; float: left;}


#hpcontent {width: 960px; display: block; clear: both; overflow: hidden; background:  url(img/sep.png) no-repeat top; padding-top: 70px; margin-top: 20px; }

#hpcontent h3{color: #d1eaf2; margin-bottom: 15px; font-size: 2.4em; font-weight: 600; letter-spacing: -1px; text-shadow:0 1px 1px #24618f}

#latestp{width: 660px; float: left; display: block; margin-right: 10px}

#latestp ul {width: 660px; display: block; overflow: hidden;}

#latestp ul li {display: inline}

#latestp ul li a{width: 300px; height: 168px; overflow: hidden; background:url(img/darkbg.png) repeat; padding: 10px; float: left; margin: 0 10px 10px 0; display: block; }

#latestp ul li a:hover {background:url(img/darkerbg.png) repeat; }
#latestart {float: right; width: 290px;}

#latestart ul li{ margin-bottom: 20px; display: inline-block; color: #b4edf9; text-shadow:0 1px 1px #24618f; font-size: 1.6em;}

#latestart ul li a{display:block;color: #b4edf9;}

#latesttweet {float: right; width: 290px; display: block;}

#tweetbox {background:url(img/darkbg.png) repeat; padding: 10px;  }
#tweetbox:hover {background:url(img/darkerbg.png) repeat;}
#tweetbox blockquote {padding: 10px 0; color:#b4edf9; font-style: italic; font-size: 2.1em;  font-family: Georgia, Times, serif;}
#tweetbox a {color: #d1eaf2; text-shadow:0 1px 1px #24618f; }
#tweetbox span {display: block; text-align: right; color: #fff; font-size: 1.2em; letter-spacing: -1px;}


/* Portfolio */

.page-template-portfolio-php #content h1 {color: #fff; font-size: 3.6em; font-weight: 600; letter-spacing: -1.5px; text-shadow:0 1px 1px #24618f; margin-bottom: 10px; display: block;}

#porttitle {width: 960px; height: 125px; background:url(img/portfoliotitle.png) no-repeat top left;  margin: 40px 0 30px; }

.portfolio {width: 960px; overflow: hidden; margin: 30px 0; display: block; background: url(img/sep2.png) bottom repeat-x; padding-bottom: 30px}

.portfolio .thumbnail {width: 500px; height: 270px; margin-right: 20px;  background:url(img/lightbg.png) repeat; padding: 10px; float: left; overflow: hidden;}

.portfolio .thumbnail  img {width: 500px; overflow: hidden;}

.portfolio .desc {width: 420px; float: right;}

.desc h2 a, .desc h1 {color: #fff; font-size: 2.8em; font-weight: 600; letter-spacing: -1.5px; text-shadow:0 1px 1px #24618f; margin-bottom: 10px; display: block; border: none;}

.desc .portmeta {font-size: 1.2em; color: #fff; text-transform: uppercase; background:url(img/darkbg.png) repeat; padding: 10px; text-shadow:0 1px 1px #24618f; margin-bottom: 10px}
.desc p {font-size: 1.3em; color: #fff; padding-bottom: 15px; line-height: 1.8em; }

.desc a {color:#b4edf9; border-bottom: 1px dashed #b4edf9; }

/* Single */
.comment-author {padding: 10px; background:url(img/darkbg.png) repeat; width: 80px; height: 90px; font-size: 1.3em; float: left; margin-right: 20px; }

h2#comments {color: #fff; margin:15px 0 15px 120px;font-size: 2.8em; font-weight: 600; letter-spacing: -1.5px; text-shadow:0 1px 1px #24618f;  display: block; }

li.comment {width: 620px; overflow: hidden; display: block; padding: 15px 0; background:url(img/sep2.png) repeat-x bottom; }

/* Contact */
.wpcf7-form label {float: left; width: 100px; margin-right: 20px; color: #fff;  text-transform: uppercase; line-height: 1.7em; letter-spacing: -1px; text-shadow: 0 1px 1px #1d96b5}
.wpcf7-form input, .wpcf7-form textarea  {padding: 5px 7px; background:url(img/darkbg.png) repeat; border: none; font-size: 1.3em ; color: #fff;} 
.wpcf7-form input:focus, .wpcf7-form textarea:focus  { background: url(img/darkerbg.png) repeat; }