/*
Theme Name: Anywhere Studio Space Theme
Theme URI: http:/www.anyhwerestudio.com
Description: Anywhere Studio Space theme, Thematic child theme for WordPress.
Author: Dan Tavelli
Author URI: http://danieltavelli.com
Template: thematic
Version: 1.0

*/

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

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

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

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

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


/* Apply default theme styles and colors
@import url('../thematic/library/styles/default.css');
 */
 
body{
background: url("images/bgblue.gif");
}

a{
	color: #2E527A;
} 

#header {
  margin: 0 auto;
  padding: 0px 0;
	position: relative;
	z-index: 20;
	width: 960px;
	/*background: url("images/header-b1.jpg") no-repeat;*/
}
#branding,#access {
  margin: 0 auto;
  overflow: visible;
  width: 940px;
  padding: 15px 0px 0px 0px;
}
#branding{
  padding: 0px;
  margin-top: 25px;
} 

#blog-title {
  text-align: left;
  display: inline;
  float: left;
}
#blog-title a{
  display: block;
  width: 321px;
  height: 69px;
  background: url("images/anywhere-studio.png") no-repeat left top;
  text-indent: -9000px;
  margin-left: -10px;
} 


#container{
width: 960px;
//margin-top: 50px;
padding:0px
}

#content{
float:none;
width: 100%;
}

#content h3, .entry-title{
font-size: 2em;
color: #16273A;
font-weight: bold;
padding: 5px;
margin-bottom: 5px;
text-shadow: 0px 1px 1px #4781a7;
text-align: center;
}


#content h2{
	font-size: 1.3em;
	font-weight: bold;
}
 
#content .page, #content .post, #content #comments{
	padding: 0px;
} 
 
/** main **/
#main{
	padding: 0px;
	margin-bottom: 30px;
	margin-top: 15px;
	}

.entry-title{
        background:url("images/transparent-bg.png") repeat scroll 0 0 transparent;
	font-size:2.2em;
	margin-bottom:0px;
	padding:10px 0px 10px 5px;
    
}

.entry-content{
	background: #f9f9f9;
	padding: 10px;
	color: #222222;
	font-size: 1.2em;
	border-top: 2px solid #cccccc;
	/*
	border-top: 2px solid #4B85C6;
border-left: 2px solid #4B85C6;
	border-bottom: 2px solid #254160;
	border-right: 2px solid #254160;
	*/
}

 
 
#access {
  width: 960px;
  margin-top: 10px;
  clear: both;
}

#category-menu{
	position: absolute;
}

#category-menu ul{
  padding: auto
}
#category-menu li{
  float: left;
  height: 45px;
  list-style-type: none;
}
#category-menu li a,
li.blog-description span{
  display: block;
  font-size: .8em;
  font-weight: bold;
  height: 28px;
  padding: 8px;
  margin-right: 8px;
  color: white;
  text-decoration: none
}
#category-menu li.home a{
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  text-align: left;
  width: 24px;
  background: url("images/ico-home-trans.png") no-repeat;
  background-position: center 15px;
  padding-bottom: 0;
	margin-left: 10px
}
#category-menu li.home a:hover{
  background: url("images/ico-home-trans.png") no-repeat center -16px
}
#category-menu li.current_page_item{
}
#category-menu li.current_page_item a{
  color: #ddd;
}
#category-menu > li:first-child{
  margin-left: 10px;
}
#category-menu li a:hover{
  color: #ddd
}
#category-menu li.blog-description{
  float: right
}
#category-menu li.blog-description span{
  color: #eee;
  font-weight: normal
}

#category-nav #web{

}




#blog-description{
  position: absolute;
  font-size: 2em;
  color: #fff;
  top: 40px;
  text-align: center;
  display: none;
}
#page-menu{
  position: absolute;
  bottom: 25px;
  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;
  list-style-type: none;
    width: 75px;
}
#page-menu #page-nav li a{
  padding: 40px 10px 0px 10px;
  font-size: 1em;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}


.page-item-5 a{
	background: url("images/icons/nav/address_book_off_32.png") top  no-repeat;
}

.page-item-4 a{
	background: url("images/icons/nav/arrow_down_off_32.png") top  no-repeat;
} 

.page-item-25 a{
	background: url("images/icons/nav/work.png") top  no-repeat;
} 

.page-item-2 a{
	background: url("images/icons/nav/user_business_32.png") top  no-repeat;
}

.page-item-151 a{
	background: url("images/icons/nav/window_app_list_32.png") top  no-repeat;
}


/*
.page-item-5 a:hover{
	background: url("images/icons/nav/address_book_32.png") top  no-repeat;
}
.page-item-4 a:hover{
	background: url("images/icons/nav/blue_arrow_down_32.png") top  no-repeat;
} 
.page-item-25 a:hover{
	background: url("images/icons/nav/lightbulb_32.png") top  no-repeat;
}
.page-item-2 a:hover{
	background: url("images/icons/nav/comment_user_info_32.png") top  no-repeat;
} 
*/


#page-menu #page-nav li a:hover{
text-decoration:underline;
}

.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, 
.sf-menu .current_page_parent a {
}
.sf-menu a, .sf-menu a:visited {
	color:#FFFFFF;
}
.sf-menu li {
	position: relative;
	background:transparent;
}
body #access #category-menu .sf-menu li li {
  width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto
	
}
.sf-menu li li li {
	background: red ;
}
body #access #category-menu .sf-menu a:focus, 
body #access #category-menu .sf-menu a:hover, 
body #access #category-menu .sf-menu a:active {
	background: #232323;
}
body #access #category-menu .sf-menu .home a:focus, 
body #access #category-menu .sf-menu .home a:hover, 
body #access #category-menu .sf-menu .home a:active {
  background: url("images/ico-home-trans.png") no-repeat center -16px
}
body #access #category-menu .sf-menu ul a:focus, 
body #access #category-menu .sf-menu ul a:hover, 
body #access #category-menu .sf-menu ul a:active {
	background: #454545;
}
.sf-menu li li a:hover {
	background:#333333;
}
.sf-menu ul {
	border:medium none;
}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {
	top: 45px;
	position: absolute;
	border: 3px solid #333;
	background: #1A1A1A;
	padding: 0;
	border-top: none
}
.sf-menu ul ul {
	top: auto;
	left: auto;
	margin-top:0;
}
body #access #category-menu .sf-menu ul a {
	background:#111111;
	color: white;
	padding: 5px 0 5px 5px;
	margin: 0;
	line-height: 20px;
	height: 20px;
	display: block;
	width: auto
}
.sf-menu ul a:hover {
	color:#CC0000;
}


.skip-link {
  display: none;
}





/** bottom widgets **/

.xoxo{
	
	margin: 15px 0px 0px 5px;
	clear: both;
}

#index-bottom .widgetcontainer, #page-bottom .widgetcontainer, #single-bottom .widgetcontainer{
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	}


#index-bottom #text-4{
	margin-right: 0px;
}

#index-bottom #text-4 a{
	margin-right: 10px;
}

/*

#index-bottom #text-4 a.pb-wordpress{
	background: url("images/poweredby/wordpress-off.png") no-repeat;
	width: 50px;
	height: 49px;
	text-indent: -9000px;
}

#index-bottom #text-4 a.pb-espresso{
		background: url("images/poweredby/espresso-off.png") no-repeat;
		width: 50px;
		height: 51px;
		text-indent: -9000px;
}
*/

#index-bottom .widgetcontainer h3, #page-bottom .widgetcontainer h3, #single-bottom .widgetcontainer h3{
	font-size: 1.5em;
	color: #16273A;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	text-shadow: 0px 1px 1px #4781a7;
	text-align: center;
}




#index-bottom ul li ul, #page-bottom ul li ul, #single-bottom ul li ul{
margin: 10px 0px 0px 0px;
border-top: 1px solid #546b83;
}

#index-bottom ul li .textwidget, #page-bottom ul li .textwidget{
margin: 10px 0px 0px 0px;
padding-left: 5px;
}

#index-bottom ul li, #page-bottom ul li, #single-bottom ul li{
	list-style: none;
	margin: 0px 5px 0px 0px;
	text-align: left;
}

#index-bottom ul li ul li a, #page-bottom ul li ul li a, #single-bottom ul li ul li a{
padding: 5px;
display: block;
color: #F9F9F9;
border-bottom: 1px solid #546b83;
text-decoration: none;
}

#index-bottom ul li ul li a:hover, #page-bottom ul li ul li a:hover, #single-bottom ul li ul li a:hover{
background: #16273A;
text-decoration: underline;
}

#index-bottom ul li ul li, #page-bottom ul li ul li,  #single-bottom ul li ul li{
margin: 0px;
}




/** recent posts **/

#index-bottom  #recent-posts ul li a{
//padding-left: 55px;
}

#recent-posts ul li{
position: relative;

}

/*
#recent-posts ul li a{
	background:  url("images/icons/comment-off.png") no-repeat right;
}

#recent-posts ul li a:hover{
	background: url("images/icons/comment-off.png") no-repeat right;
}
*/


/*
#rec-reading ul li a{
	background: url("images/icons/note-off.png") no-repeat right;
}

.postdate{
	background: url("images/date-bg.png")no-repeat;
	//opacity: .4;
	//background: #ff;
	z-index: 1;
	position: absolute;
	height: 28px;
	width: 40px;
	padding: 5px 0px 0px 4px;
}

.postcommentcount{
	position: absolute;
	z-index: 2;
	right: 0px;
	text-align: right;
	font-weight: bold;
	padding: 7px 0px 0px 0px;
	color: #f9f9f9;
	height: 28px;
	width: 40px;
	//width: 32px;
	//height: 28px;
	background: url("images/date-bg2.png")no-repeat;
}
*/


/** single page **/

#form-allowed-tags{
	display: none;
}

#form-section-comment{
	margin-bottom: 15px;
}



/** portfolio page **/

.category-portfolio .entry-content{
	padding-top: 20px;
	//margin: 10px;
}

// fix padding on portoflio main page
#post-25 .entry-content{
padding-left: 6px;
padding-right: 6px;
}

.portfolio-ticker{
	background:#333333;
	height: 55px;
	border-top: 2px solid #ccc;
}

.portfolio-ticker  ul{
	margin: 5px 0px 5px 0px;
	list-style: none;
}

.portfolio-ticker  ul li{
	float: left;
	margin: 0px 10px 0px 10px;
}

.portfolio-ticker  ul li a img{
	border: 1px solid #eee;
}

.artwork-container{
	float: left;
	//margin-left: 350px;
}

.entry-artwork{
	//border: 2px solid #cccccc;
}

.portfolio-detail-container{
	float: left;
	width: 350px;
	margin-right: 55px;
}

.portfolio-detail-container h1{
	font-size: 26px;
}

.portfolio-detail-container .work-type{
	font-size: 16px;
	color: #999999;
	padding: 10px 0px 10px 0px;
	margin-bottom: 0px;
}

.portfolio-detail-container .excerpt{
	
}

.portfolio-detail-container .meta{
	margin: 15px 0px 10px 0px;
	list-style: none;
	border-top: 1px dashed #cccccc;
}

.portfolio-detail-container .site-link{
	border-bottom: 1px dashed #cccccc;

}

.portfolio-detail-container .site-link a{
	display: block;
	font-size: 1.1em;
	padding: 8px 0px 8px 2px;
}

.portfolio-detail-container .site-link a:hover{
	background: #f9f9f9;
}

/** footer styles **/
#footer{
	
}

#siteinfo{
	text-align: right;
	color: #16273A;
}



/** portfolio thumb **/

.portfolio-thumb{
	float: left;
	width: 295px;
	height: 209px;
	background: #ffffff;
	margin: 10px 0px 20px 10px;
	border: 2px solid #cccccc;
	overflow: hidden;
	position: relative;

}

.portfolio-thumb .thumb-title{
	
}

.portfolio-thumb .thumbnail{
	position: absolute;
	top: 0px;
	left: 0px;
}



/** ORANGE THEME **/
/*
body{
background: url("images/bgorange.gif");
}

#blog-title a{
  background: url("images/anywhere-studio-orange.png") no-repeat left top;
} 

#index-bottom .widgetcontainer h3, #page-bottom .widgetcontainer h3, #single-bottom .widgetcontainer h3{
	color: #262021;
	text-shadow: 0px 1px 1px #4781a7;
}
*/