/* Base */
@import url(/.shared/themes/common/base-weblog.css);

/* Portal */


/* Theme */
/* general page elements */

a
{
	text-decoration: none;
	
}

a:link { color: #1C86EE; }
a:visited { color: #1C86EE; }
a:hover { color: #67C8FF; }
a:active { color: #1C86EE; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #FFFFFF;
        background-image: url(http://pocketables.typepad.com/pocketables/redesign08/background.JPG);
        background-repeat: repeat;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #1c86ee;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: x-large;
	font-weight: bold;
	
	
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}

	/* banner image */

	#banner
	{
		height: 120px;
		background-image: url("http://www.pocketables.net/banner2008.jpg");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		text-align: left;
	}

	#banner-inner { overflow: visible; padding: 0; }

	#banner-header
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#banner-header a
	{
		display: block;
		left: 0;
		top: 0;
		height: 120px;
		text-indent: -1000em;
	}

	#banner-description
	{
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		text-indent: -1000em;
	}



/* default to artistic/calendar/timeline layout */

#container
{
	width: 780px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	
	
	
}


.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-top: 1px solid #999999;
	padding: 3px;
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: right;
	
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #1C86EE;
	font-family: Verdana, Arial, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #1C86EE; }
.entry-header a:visited { color: #1C86EE; }
.entry-header a:hover { color: #67C8FF; }
.entry-header a:active { color: #1C86EE; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	
	
	
}


.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-bottom: 1px dotted;
	padding: 3px;
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: right;
	
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #000000; }
	.module a:visited { color: #000000; }
	.module a:hover { color: #1c86ee; }
	.module a:active { color: #000000; }


.module-header
{
	margin: 5px 0;
	border: 0;
	
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	line-height: normal;
	font-weight: bold;
	
	
	letter-spacing: .1em;
	text-align: center;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 5px solid #EEEEEE;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	border: 0;
	text-align: center;
	font-weight: bold;
	
	
	
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}


/* moblog1 tweaks */

		
	

	.layout-moblog1 #alpha
	{
		width: 200px;
		
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
		
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */

		
	

	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}

	.layout-timeline #beta
	{
		width: 390px;
		
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 500px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 700px;
	}

	.layout-two-column-left #alpha
	{
		width: 200px;
		
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-left #beta
	{
					width: 500px;
		
		
	}

	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 1000px;
	}

	.layout-two-column-right #alpha
	{
					width: 600px;
		
		
	}

	.layout-two-column-right #alpha-inner
	{
		
                border-right: 1px dotted #0bb5ff;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-right #beta
	{
		width: 400px;
		
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 1000px;
	}

	.layout-three-column #alpha
	{
		width: 200px;
		
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
					width: 500px;
		
		
	}

	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 300px;
		
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 1000px;
	}

	.layout-three-column-right #alpha
	{
					width: 500px;
		
		
	}

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 200px;
		
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 300px;
		
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* Custom */

/******   H3    */
#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:1000px;
	position:relative;
	display:block;
	height:28px;
        text-align: right;
	font-size:14px;
	font-weight:bold;
	background:transparent url("http://pocketables.typepad.com/pocketables/redesign08/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:2px solid #0bb5ff;

}
#menu ul li{
	display:block;
	float:right;
	margin:0;
	padding:0;}
#menu ul li a{
	display:block;
	float:left;
	color:#0bb5ff;
	text-decoration:none;
	font-weight:bold;
	padding:4px 12px 0 12px;
	height:22px;
	background:transparent url("http://pocketables.typepad.com/pocketables/redesign08/DIVIDER.gif") no-repeat top right;
	}
#menu ul li a:hover{
	background:transparent url("http://pocketables.typepad.com/pocketables/redesign08/HOVER.gif") no-repeat top right;
        color:#ffffff;	
	}

#banner-search {

position:absolute;
         margin:30px 0 0 700px;
         padding:25px 30px 0 30px;
z-index:999;
}


/* tabbed content in sidebar */


#tabbed_box {  
         margin: 0px auto 0px auto;  
         width:360px;  
         text-align:left;
}  



.tabbed_box h4 {  
     font-family:Verdana, Arial, sans-serif;  
     font-size:16px;
     font-weight:bold;  
     color:#000000;  
     letter-spacing:0.1em;  
     margin-bottom:8px;  
}  

.tabbed_box h4 small {  
     color:#000000;  
     font-weight:normal;  
     font-size:9px;  
     font-family:Verdana, Arial, sans-serif;  
     text-transform:uppercase;  
     position:relative;  
     top:-2px;  
     left:6px;  
     letter-spacing:0px;  
} 

.tabbed_area {  
      border:1px solid #67C8FF;  
      background-color:#67C8FF;  
      padding:5px;  
      text-align:left;    
}  

ul.tabs {  
     margin:0px; 
     padding:0px;  
     margin-top:5px;  
     margin-bottom:6px;  
}  

ul.tabs li {  
     list-style:none;  
     display:inline;  
}

ul.tabs li a {  
     background-color:#0bb5ff;  
     color:#ffffff;  
     padding:8px 10px 8px 10px;  
     text-decoration:none;  
     font-size:10px;  
     font-family:Verdana, Arial, Helvetica, sans-serif;  
     font-weight:bold;  
     border-top:1px solid #ffffff;
     border-left:1px solid #ffffff;
     border-right:1px solid #ffffff;   
}
  
ul.tabs li a:hover {  
     background-color:#009ACD;  
     border-top:1px solid #ffffff;
     border-left:1px solid #ffffff;
     border-right:1px solid #ffffff;  
}  

ul.tabs li a.active {  
     background-color:#ffffff;  
     color:#282e32;  
     border:1px solid #ffffff;   
     border-bottom: 1px solid #ffffff;  
}

.content {  
     background-color:#ffffff;  
     padding:10px;  
     border:1px solid #ffffff;     
}
  
#content_2, #content_3, #content_4 { display:none; }  

.content ul {  
     margin:0px;  
     padding:0px 10px 0px 10px;  
}  

.content ul li {  
     list-style:none;  
     border-bottom:1px solid #d6dde0;  
     padding-top:8px;  
     padding-bottom:8px;  
     font-size:11px;  
}  

.content ul li a {  
     text-decoration:none;  
     color:#282e32;  
}  


.content ul li a:hover {  
     text-decoration:none;  
     color:#1c86ee;  
}


.content ul li:last-child {  
     border-bottom:none;  
}

#sidebar-box {
      text-align:left;
      margin:10px;
      width:156px;
      height:570px;
      background-color: #FFFFFF;
      border:5px solid #67C8FF;  
      padding:10px;  }


#sidebar-comments {
      text-align:left;
      margin:10px;
      width:320px;
      height:280px;
      background-color: #FFFFFF;
      border:5px solid #67C8FF;
      padding:10px;  }

#sidebar-rss-box {
      text-align:left;
      margin:10px;
      width:320px;
      height:180px;
      background-color: #FFFFFF;
      border:5px solid #67C8FF;  
      padding:10px;  }


.ccuk {
	border-top: 3px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 3px solid #999999;
}
.ccuk img {
	border: 0px;
}
.ccuk p {
	font: 11px Tahoma, Arial, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px 8px 5px;
	text-align: justify;
}
.ccuk a {
	color: #1C86EE;
}

.comment-header {
font-weight: bold;
}


/* ph=1 */

