/*
Theme Name: Gallery, a Thematic child theme
Theme URI: http://www.chris-wallace.com/2009/06/22/gallery-1-2-released/
Description: The ultimate gallery-style Thematic child theme for WordPress.
Author: Chris Wallace
Author URI: http://chris-wallace.com
Template: thematic
Version: 1.2.1
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/reset.css');

/* Apply a basic layout */
@import url('.library/2c-l-fixed.css');

/* Apply basic image styles */
@import url('.library/images.css');

/* Prepare theme for plugins */
@import url('library/plugins.css');

/* Reset browser defaults */
@import url('library/nivo-slider.css');

/* @group HOME */

/* Homepage  */
#homepage { position: relative; height: 400px; }
#homeCnt { position: absolute; right: 0;  width: 400px; }


/* Contact */
#contactBox { float: right; width: 290px; }
#contactBox h3 { margin: 5px 0 10px;}
.wpcf7 p {text-transform: uppercase; font-size: 10px !important;}
.wpcf7 input[type="text"] { width: 340px; margin: 5px 0;}
.wpcf7 textarea {	width: 340px; margin: 5px 0;}

#twitterCnt { margin: 40px 0 0 0; }
	#twitterCnt a#twitter-link { font-size: 10px; float: left; width: 16px; height: 16px; overflow: hidden; background: url("images/twitter.png") no-repeat left top; margin-right: 7px; }
	#twitterCnt h3 { text-transform: uppercase;  margin-bottom: 5px; padding-bottom: 5px; font-size: 13px; border-bottom: 1px solid #222; } 
	#twitterCnt ul { padding: 0; margin: 0; list-style: none; }
	#twitterCnt li { border-bottom: 1px solid #222; margin-bottom: 5px; padding-bottom: 5px; } 
	#twitterCnt li span, #twitterCnt li span a { font-size: 10px; }
	#twitterCnt li a { color: #666; }
	#twitterCnt li span a { color: #FFF; }
#slider { position: absolute; }

/* Blog  */
.blogbox { margin-bottom: 20px; clear: both; }
.blogbox .entry { 	width: 600px; overflow: hidden; float: left; margin-right: 40px; }
	.blogbox .entry img{ 	margin-bottom: 10px; width: 600px; height: auto;}
	.blogtitle a { text-decoration: none; color: #CB006A; font-family: 'Nixie One', cursive;  }
.blogbox .bloginfo { 	width: 300px; overflow: hidden; float: left;  }
.blogbox .bloginfo a.btn { 	display: block;  -moz-border-radius: 5px;
border-radius: 5px; text-decoration: none; background: #CB006A; line-height: 24px; text-align: center; width: 80px; }
.blogbox .bloginfo a.btn:hover {background: #FFF; color: #CB006A;}

/* @end */

/* @group STYLES */

p.date {	font-size:10px !important; color: #666;}
input[type="text"], textarea { border: 1px solid #101010; background: #222; padding: 5px; }

input[type="submit"],
input[type="button"],
button{
  background: url("images/btn-bg.jpg") repeat-x left top;
  color:#ddd;
  font-weight: normal;
  position: relative;
  height: 22px;
  overflow: hidden;
  border: 1px solid #101010;
  padding: 3px 18px;
  font-size: 10px;
  line-height: 0.75em;
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  background-position: 0 -22px;
  color: #ddd
}
input[type="submit"]:active,
input[type="button"]:active,
button:active{
  background-position: 0 -44px;
  padding-top: 4px;
  padding-bottom: 0
}
abbr{  border-bottom: 1px dotted #555}
pre{  background-color: #191919;  border: 1px solid #333;  -moz-border-radius: 3px;  border-radius: 3px;  -webkit-border-radius: 3px;  padding: 5px;  margin: 10px 0;  white-space: pre;  overflow: auto  
}
pre,code{  font-size: 12px;}
body { background: #111 url("../../../images/bg.jpg") center top;
  color: #AFAFAF;  font-family: Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
   font-style: normal;  line-height: 1.7em}
  
#wrapper{  height: auto;  min-height: 300px; width: 940px; margin: 0 auto; }

a {  color: #DDD;  text-decoration: underline}
a:hover {  color: #FFF;  text-decoration: none;}

p {  margin-bottom: 1em; line-height: 1.7em; font-size: 11px; }

h1, h2, h3{  color: white }
h1, .entry-title {	text-transform: uppercase; margin: 0 0 .5em 0; color: #FFF; font: 30px 'Nixie One', cursive;  }
h2 {   margin: 0px 0 0.7em; color: #CB006A; font: 28px/1.3em 'Nixie One', cursive; }
h3 {	margin: 35px 0 10px; font: 18px 'Nixie One', cursive; }
h4 {	font-size: 13px; margin: 17px 0 7px; color: #FFF; font-weight: normal;}

.entry-content ol, .entry-content ul, #content ol, #content ul{
    margin: 0 0 15px 13px;
    list-style: circle;
}

hr { border: 1px dotted #666; border-width: 1px 0px 0px 0px; height: 1px; margin: 25px 0px; }

.single #content li{  line-height: 1.4em}
.single #content ul{  border-top: 1px solid #101010;  border-bottom: 1px solid #282828;}
.single #content li{  padding: 10px 0 10px 24px;  list-style: none;  position: relative;
  border-top: 1px solid #282828;  border-bottom: 1px solid #101010}

.white { color: #999; }


.clear {	clear: both; height: 1%;}
.clearfix:after { clear:both; content:"."; display:block; height:0pt; line-height:0pt; visibility:hidden;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%;}

/* @end */

/* @group HEADER */

#header {  margin: 0 auto;  padding: 10px 0 0px; width: 940px; position: relative;	z-index: 20; height: 110px;}
#branding,#access {  margin: 0 auto;  overflow: visible;  width: 940px;}
#branding{  padding: 10px 0;}

#blog-title {  position: absolute; top: 15px; }
#blog-title a {  display: block;  width: 50px;  height: 85px;  background: url("images/kat-media.png") no-repeat left top;  text-indent: -9000px;  }

#blog-description{  display: none}

/* @end */


/*
#page-menu{  position: absolute;  top: 0px;  right: 0px;  margin: 0;  width: 500px;  font-size: .8em;  color: #888;  z-index: 100}
#page-menu #page-nav{  text-align: right}
#page-menu #page-nav li{  float: right;  margin: 10px 0 0 4px }
#page-menu #page-nav li a{  padding: 8px 12px;  font-size: .9em;  color: #bbb;  text-transform: uppercase}
#page-menu #page-nav li a:hover{  color: white}
*/

/* @group MENU */

#access {   /* width: 940px;  height: 45px;  margin-top: 10px;  
  background: url("images/menu-bg-trans.png") no-repeat top left; */}
#navigation ul {  padding: auto; position:absolute; right:10px; top: 20px; }
  #navigation li {  float: left; line-height: 1em;  margin-left: 18px; }
	#navigation li a {  padding: 0px 0px 0px 6px;  display: block; font-size: 10px;  color: #bbb;  text-transform: uppercase; line-height: 14px; text-decoration: none;}
	#navigation li#menu-item-1899 { padding-left: 14px;  background: url("../../../images/home.gif") no-repeat left center;}
	#navigation li#menu-item-1900 {   padding-left: 14px;  background: url("../../../images/star.gif") no-repeat left center;  }
	#navigation li#menu-item-1901 a{  padding-left: 20px;  background: url("../../../images/profile.gif") no-repeat left center; }
	#navigation li#menu-item-1902 a{  padding-left: 20px;  background: url("../../../images/contact.gif") no-repeat left center; }
	#navigation li#menu-item-2056 a{  padding-left: 20px;  background: url("../../../images/photo.gif") no-repeat left center; }
	#navigation li#menu-item-3260 a{  padding-left: 20px;  background: url("../../../images/arrow1_ne.gif") no-repeat left center; }

#footer-menu { float:right; margin:10px 20px; }  
	#footer-menu li {  float: left; line-height: 1em; font-size: 10px; }
	#footer-menu li a {  padding: 0px 0px 0px 6px;  display: block; font-size: 10px;  color: #bbb;  text-transform: uppercase}
	#footer-menu li.rss a{  padding-left: 20px;  background: url("images/ico-rss-trans.png") no-repeat left center;}


/* @end */

/* @group LAYOUT */

#main{		z-index: 5;  margin: 0 auto 30px auto; clear: both; width: 940px;}

#sidebar {	 float: left; width: 200px; }
	#primary, #secondary {  }
		.page #primary{  display: block; }
		body.slug-blog #primary, body.slug-blog #secondary { display: none; }
	#primary ul.xoxo { }
	#secondary{  }
	.aside{  }
#rightbar { float: right; width: 200px; }
	#rightbar .rightaside { 
	background: #000; 
	padding: 10px; 
	border: 1px solid #222222; 
	line-height: 1.5em; 
	font-size: 0.9em; 
	margin-bottom: 10px;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px; }
	#rightbar .rightaside p { line-height: 1.5em; font-size: 0.9em; }
	#rightbar .rightaside iframe { margin-top: 5px; }

#content{  width: 500px;  margin: 0  0 0 20px;  float: left;  padding-top: 0}
	#content-wide {  width: 715px;  margin: 10px  0 0 20px;  float: left;  padding-top: 0}
	.msie #content,.single #content,.home #content,.page #content{  }
	.page #content{  }
	.page #content li{  list-style: disc;  margin-left: 20px}

/* @end */


/* @group SINGLE */


.single #container{  }
.single .entry-content{  }
.single div.video .entry-content{	margin:20px 0 0 680px;	width:255px;}
.single div.video ul.meta,.single div.video #nav-below{	display: none}

.single .artwork-container{ }
.single .entry-artwork{   }
.single .entry-artwork img { margin-bottom: 10px; display: block; }
.single .navigation{  margin-top: 10px;  padding-top: 0;}
.single .entry-content h1 { font-size: 20px; }
.single .entry-content h2,h2.page-title{   color: #CB006A;	}
h1.page-title{  padding-top:10px; }
.single .entry-content p{  line-height: 1.5em;  }
.single .entry-content a {  }

#related-posts { }
#related-posts .entry-content { margin-bottom: 15px; }
#related-posts img { width: 178px; height: auto; }
#related-posts .slide-title a { text-decoration: none; }
	
.rightaside a.link{ font-size: 10px; }

.single .tags {  line-height: 1.8em; font-size: 9px; color: #999; text-transform: uppercase; margin-bottom: 5px;}
.single .tags strong { color: #ccc; display: block; margin: 5px 0 0;}
.single .tags a {color: #999; text-decoration: underline;}

.single a.link{ color: #CB006A;  padding-right: 20px; background: url(../../../../images/arrow.gif) no-repeat right center; text-decoration: none; }

.entry-content .new {  display: block;	position: absolute;	top: -1px;	right: 10px;	width: 42px; height: 22px; background: url("images/ico-new-trans.png") no-repeat top left;	z-index: 200; }

/* Case studies thumbs */	
#casestudies {	margin: 30px 0 0 -20px; }
#casestudies .entry-content {  float: left;  margin:0 0px 30px 20px; width:450px;  position: relative; overflow: hidden; height: 335px; }
#casestudies .entry-content a  { background: transparent url("images/add.gif") no-repeat 435px 312px;  display: block; text-decoration: none;  }
#casestudies .entry-content a span {  color: #CCC;  font-size: 9px; text-transform: uppercase; text-decoration: none; display: block; }
	#casestudies .entry-content a:hover {  color: #CB006A;  border: 2px solid #CB006A;}
#casestudies .entry-content a img { 	display: block;  width: 450px;  height: auto; margin: 0 0 5px; }
	#casestudies .entry-content a:hover  {	background: none; }
	#casestudies .entry-content a:hover span { padding: 0 7px 3px; }
	#casestudies .entry-content a:hover img {  width: 446px; height: auto; }

/* Case studies page */	
.single #caseLeft {	width: 500px; float: left; margin: 0 0 30px 0px; }
.single #caseLeft .entry-artwork {	}
.single #caseLeft .entry-thumbs {	margin: 0 0 0 -10px; }
	.single #caseLeft .entry-thumbs img {    display: block;    float: left;
    height: auto;    margin: 0 0 10px 10px;    width: 160px; }
    
.single #caseRight { float: left; margin: 0 0 30px 40px;   width: 400px;}
.single #caseRight h2 {	margin: 0 0 10px; padding: 0; }
.single #caseRight .entry-meta {	border: 1px solid #333; margin-top: 25px; padding: 5px 15px 10px; }

.single #caseBottom { clear: both; }


/* @end */


/* @group SIDEBAR */

/* side menu 
.main-aside h3{  font-weight: bold;  font-size: 20px; color: #333;  padding: 10px 0 2px 10px; text-transform: uppercase;}
.main-aside .xoxo li{  margin: 0 0 10px 0;  padding: 0px;  background-color: #000;  border: 1px solid #222;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px}
.main-aside .xoxo li div {  padding: 0px;  font-size: 10px;  line-height: 1.2em; }
.main-aside .xoxo li ul li {  margin: 0;  padding: 0px;  background: transparent;  border: none; border-top: 1px solid #111; }
.main-aside .xoxo li ul li a {  display: block; padding: 5px 0 5px 10px; text-decoration: none;}
.main-aside .xoxo li ul li a:hover, .main-aside .xoxo li ul li.current-menu-item a { background: #CB006A;  }
.main-aside p{  margin-bottom: 1em; }
form{  margin: 0 0 2em 0}
legend{  font-size: 1.2em;  font-weight: 700;  color: white}
.form-label,.wpcf7-form label{  display: block;  margin: 5px 0 0 0}
input[type="text"],input[type="password"],textarea, select{  font-family: Arial, Helvetica, sans-serif;  border: 1px solid #303030;  background: #222;  color: #999999;  padding: 5px; }
.navigation {  font-family: Helvetica,Arial,sans-serif;  margin-bottom: 20px;  overflow: hidden;  text-transform: uppercase;  width: 100%;}
*/	

/* @end */


/* @group Post Navigation */

#nav-below { margin: 35px 0 10px;  border-top: 1px dotted #666;  border-bottom: 1px dotted #666; position: relative; }
.nav-previous {	padding: 10px 10px 10px 0px; float: left; border-right: 1px dotted #666; height: 35px;  }
.nav-next {	 float: right; text-align: right;padding: 10px 0px 10px 10px;  }
#content .nav-previous {	width: 239px;  }
#content .nav-next {	width: 240px;  }
#caseBottom .nav-previous {	width: 459px;  }
#caseBottom .nav-next {	width: 460px;  }
.bloginfo .nav-previous {	width: 139px;  }
.bloginfo .nav-next {	width: 140px;  }

.nav-previous a, .nav-next a { color: #CB006A; text-decoration: none; font-size: 10px;}
a.goback {	text-decoration: none; color: #666; font-size: 10px; display: block;}

/* @end */

/* @group SINGLE */

.hentry{  width: auto}
.entry-title a{  color: white}
.post .entry-meta,.post .entry-utility {  color: #afafa1;  font-size: 0.825em;  margin-bottom: 24px;  padding-bottom: 5px;}

.post li, .entry-content li {  font-size: 11px; line-height:1.5em;
margin-bottom:5px; }
	#skills li {  font-size: 11px; }
.post td, .entry-content td {  font-size: 11px;}
.post td.tdPad, .entry-content td.tdPad {  padding-right: 20px; }
.post pre,#content .page pre {  font-size: 1.6em;}
.post dt {  margin-bottom: 5px;  padding-bottom: 5px;}
.post dd {  color: #eee;  margin-bottom: 1em;}
.post dl {  margin-bottom: 1.3em;  padding-left: 20px;}
.post a.more-link {  background: #be194f;  color: #fff;  font-size: 0.75em;  font-weight: bold;  padding: 5px 10px;  text-decoration: none;  text-transform: uppercase;}
.post a.more-link:hover {  background: #d93c6f;}
a.more-link .meta-nav {  display: none;}


.post .page-link {  font-size: 0.825em;  margin-bottom: 20px;  text-transform: uppercase;}
.page-link a {  background: #f0f0f0;  border-bottom: 1px solid #ddd;  border-left: 1px solid #eee;  border-right: 1px solid #ddd;  border-top: 1px solid #eee;  padding: 5px 10px;  text-decoration: none;}
.post .entry-utility {  border-top: 1px solid #232323;  margin-bottom: 0;  padding: 5px 0 0 0;}

/* @end */