body {
margin: 0px;
  font-family:"メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",verdana,sans-serif;
line-height: 19px;
font-size: 12px;
color: #222;
margin-top: 10px;
margin-bottom: 15px;
background-color: #fff;
}

a {
text-decoration: none;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#wrap {
width: 960px;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
margin: 0 auto;
background-color: #fff;
}

#header {
width: 960px;
margin: 0 auto;
height: 75px;
}

#header .logo {
width: 242px;
height: 65px;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
float: left;
cursor: pointer;
}

#header .hungry {
width: 476px;
height: 65px;
float: right;
text-align: right;
}

#header .hungry p {
color: #111;
margin-right: 20px;
margin-left: 20px;
margin-top: 18px;
margin-bottom: 15px;
text-align: right;
}

#header .hungry p a {
border-bottom: 1px solid #444;
color: #222;
font-size: .865em;
text-transform: uppercase;
}

#header .hungry p img {
vertical-align: middle;
margin-right: 5px;
}











/* --------------- navi --------------- */
#nav {
width: 960px;
margin: 0 auto;
border-top:1px solid #abc2d7;
border-bottom:1px solid #abc2d7;
  height: 42px;
}

#nav .nav {
width: 960px;
float: left;
  height: 40px;
}

ul#navi {
clear:both;
width: 960px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: url(../images/navi-bg.gif) no-repeat top right;
}

ul#navi li {
  display: inline;
  margin: 0;
  padding: 0;
    height: 40px;
}

ul#navi li a {
  display: block;
  height: 0px;
  float: left;
  margin: 0;
height: 0;
padding-top: 40px;
  color: white;
  background-position: left top;
  background-repeat: no-repeat;
  /*\*/
   overflow: hidden;
  /**/

}

ul#navi li.home a {
  width: 92px;
  background-image: url(../images/btn_01.gif);
}

ul#navi li.group a {
  width: 127px;
  background-image: url(../images/btn_02.gif);
}

ul#navi li.staff a {
  width: 125px;
  background-image: url(../images/btn_03.gif);
}

ul#navi li.work a {
  width: 104px;
  background-image: url(../images/btn_04.gif);
}

ul#navi li.salary a {
  width: 77px;
  background-image: url(../images/btn_05.gif);
}

ul#navi li.recruit a {
  width: 106px;
  background-image: url(../images/btn_06.gif);
}

ul#navi li a:hover {
  background-position: 0 -40px;
  text-decoration: none !important;
}
 
body#home ul#navi li.home a, 
body#group ul#navi li.group a, 
body#staff ul#navi li.staff a,
body#work ul#navi li.work a,
body#salary ul#navi li.salary a,
body#recruit ul#navi li.recruit a{
  background-position: 0 -80px;
  text-decoration: none !important;
}















ul#work-navi {
clear:both;
width: 596px;
  height: 34px;
  margin: 0;
  padding: 0;
}

ul#work-navi li {
  display: inline;
  margin: 0;
  padding: 0;
    height: 34px;
}

ul#work-navi li a {
  display: block;
  height: 0px;
  float: left;
  margin: 0;
  padding-top: 34px;
  color: white;
  background-position: left top;
  background-repeat: no-repeat;
  /*\*/
   overflow: hidden;
  /**/

}

ul#work-navi li.turbo a {
  width: 150px;
  background-image: url(../images/btn_turbo.gif);
}

ul#work-navi li.zend a {
  width: 148px;
  background-image: url(../images/btn_zend.gif);
}

ul#work-navi li.l5 a {
  width: 147px;
  background-image: url(../images/btn_l5.gif);
}
ul#work-navi li.tsol a {
  width: 147px;
  background-image: url(../images/btn_turbosolutions.gif);
}

ul#work-navi li.tlh a {
  width: 147px;
  background-image: url(../images/btn_tlh.gif);
}

ul#work-navi li a:hover {
  background-position: 0 -34px;
  text-decoration: none !important;
}
 























.td-bg{
	background:url(../img/td-bg.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;
}
.td-bg2{
	padding:5px 0 3px 10px;
	background:url(../images/td-bg.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;
}
.td-bg3{
	padding:10px 10px;
	vertical-align:top;
	color:#333333;
	border:1px solid #CACACA;
	background-color:#FBFDFF;
}
.td-bg4{
	padding:5px 0 3px 10px;
	color:#333333;
	background:url(../images/td-bg2.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;

}
.td-bg4 a{
	color:#3B6C9A;
}
.td-bg4 a:hover{
	color:#335E84;
}
.td-bg5{
	color:#333333;
	background:url(../images/td-bg2.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;

}
.td-bg2 a, .td-bg5 a{
	color:#3B6C9A;
}
.td-bg2 a, .td-bg5 a:hover{
	color:#335E84;
}




.td-bg6{
	padding:5px;
	color:#333333;
	background:url(../images/td-bg.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;

}
.td-bg6{
	padding:5px;
	color:#333333;
	background:url(../images/td-bg2.gif) no-repeat left top;
	border-bottom:1px solid #CACACA;
	border-right:1px solid #CACACA;

}

.rec-career{
font-weight:bold;
border-left:6px solid #3B6C9A;
padding:2px 0 1px 8px;
margin:0 0 4px 5px;
}

.backtotop{
display:block;
text-align:right;
color:#999999 !important;
text-decoration:none;
}
.captionBox {
  border: 1px solid #CCCCCC;
  padding: 15px 5px 10px 5px;
  margin: 10px 0 9px 0;
  position: relative;
  line-height: normal;
text-align:left;
}

.captionBox h3 {
  position: absolute;
  top: -7px;
  left: 10px;
  margin: 0 0 0 -2px;
  padding: 0 2px;
  font-size: 110%;
  font-weight: bold;
  background: #FFFFFF;
  text-transform: uppercase;
}
.captionBox a{
font-weight:bold;
  text-decoration: none !important;
padding:5px 0;
}

.dot td{
border:none;
border-bottom:1px dotted #999999;
}
.n-btn a{
display:block;
width:250px;
margin:0px auto;
background-color:#B44B54;
color:#ffffff;
padding:4px 0 3px 0;
text-align:center;
font-weight:bold;
font-size:12px;
}
.n-btn a:hover{
background-color:#C5747B;
color:#ffffff;
}

.bignumber {
	color: #6D95BA;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 7px 7px;
}
ul{
margin:0;
padding:0 0 0 10px;
}
li{
margin:0;
padding:0;
}


h5 .mttl{
padding:0;
margin:0;
}














#articles {
width: 960px;
margin: 0 auto;
background-image: url(assets/topbg.gif);
margin-bottom: 5px;
}

#articles .smore a {
padding: 5px;
border: 1px solid #e2e2e2;
color: #444;
}

#articles .smore a:hover {
border: 1px solid #777;
color: #222;
}

#articles .content .focusfridays {
border: 1px dotted #ccc;
margin-bottom: 7px;
}

#articles .content .focusfridays .head {
background-color: #fcf0be;
background-image: url(assets/focusbt.gif);
width: 100%;
height: 30px;
background-repeat: no-repeat;
}

#articles .content .focusfridays p {
font-size: .965em;
line-height: 175%;
color: #111;
padding: 5px;
}

#articles .content .focusfridays p a {
color: #333;
font-weight: bold;
padding: 2px;
background-color: #f2f2f2;
}

#articles .content .focusfridays p a:hover {
color: #222;
background-color: #FAF8C7;
}

#articles .content {
float: left;
width: 600px;
padding: 10px;
}

#articles .content .post {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#articles .content .post a {
color:#6b767c;
}

#articles .content .post a:hover {
color:#4a565d;
}

#articles .content .post .meta {
background-color: #dedfcc;
padding: 2px;
color: #111;
font-size: 13px;
margin-bottom: 8px;
}

#articles .content .post .meta a {
color: #ca1717;
}

#articles .content .post .meta a:hover {
color: #222;
}

#articles .content .post h2 {
margin: 0px;
font-weight: normal;
font-size: 19px;
line-height: 23px;
padding: 0px;
margin-bottom: 5px;
}

#articles .content .post h2 a {
border-bottom: 1px solid #ccc;
color: #333;
}

#articles .content .post h2 a:hover {
color: #ca1717;
border-bottom: 1px solid #222;
}

#articles .content .post h2 img {
vertical-align: middle;
margin-left: 10px;
}

#articles .content .post p {
font-size: 12px;
line-height: 175%;
color: #333;
}

#articles .content .post blockquote {
width: 240px;
float: right;
font-size: 1.5em;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
border:3px double #ccc;
border-width:3px 0;
text-align: center;
padding:0.5em;
margin: 5px 5px 5px 5px;
color: #666666;
}

#articles .content .post blockquote a img {
border: 0px;
}

#articles .bar {
float: right;
width: 310px;
height: 100%;
min-height: 100%;
}

#articles .people {
margin: 0 auto;
width: 290px;
margin-top: 8px;
margin-bottom: 12px;
}

#articles .people .head {
background-image: url(assets/interviewstop.gif);
background-repeat: no-repeat;
height: 5px;
width: 290px;
}

#articles .sidenews {
margin: 0 auto;
width: 290px;
margin-top: 8px;
margin-bottom: 12px;
}

#articles .sidenews .head {
background-image: url(assets/dwitter.gif);
background-repeat: no-repeat;
height: 25px;
width: 290px;
}

#articles .sidenews .post {
background-color: #f8f7f0;
margin-bottom: 2px;
padding: 5px;
}

#articles .sidenews .post h3 {
font-size: .925em;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
}

#articles .sidenews .post h3 a {
color: #666;
}

#articles .sidenews .post h3 a:hover {
color: #000;
}

#articles .sidenews .post h3 a img {
vertical-align: baseline;
border: 0px;
}

#articles .sidenews .post .meta {
background-color: #cecbb3;
color: #111;
padding: 2px;
font-size: .825em;
}

#articles .notesontheside {
margin: 0 auto;
width: 290px;
margin-bottom: 6px;
}

#articles .notesontheside .head {
background-image: url(assets/sidenotestop.gif);
background-repeat: no-repeat;
height: 25px;
width: 290px;
}

#articles .notesontheside .post {
background-color: #eaeff5;
margin-bottom: 2px;
padding: 5px;
}

#articles .notesontheside .post h3 {
font-size: .925em;
font-weight: bold;
color: #333;
margin: 0px;
padding: 0px;
}

#articles .notesontheside .post h3 a {
color: #666;
}

#articles .notesontheside .post h3 a:hover {
color: #000;
}

#articles .notesontheside .post h3 a img {
vertical-align: baseline;
border: 0px;
}

#articles .notesontheside .post .meta {
background-color: #cecbb3;
color: #111;
padding: 2px;
font-size: .825em;
}

#articles .specials {
margin: 0 auto;
width: 290px;
height: 100px;
}

#articles .people .person img {
padding: 2px;
border: 1px solid #ccc;
margin-right: 3px;
background-color:#ffffff;
}

#articles .people .person h4 {
margin: 0px;
padding: 0px;
color: #444;
margin-bottom: 2px;
font-size: .985em;
}

#articles .people .person h4 a {
color: #666;
}

#articles .people .person h4 a:hover {
color: #000;
}

#articles .people .person p {
margin: 0px;
padding: 0px;
font-size: .925em;
}

#articles .people .person {
background-color: #eaeff5;
width: 280px;
padding: 5px;
margin-bottom: 2px;
}

#articles .barad {
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
color: #222;
font-size: .795em;
background-color: #FFFFFF;
}

#articles .barad img {
margin: 0 auto;
margin-bottom: 2px;
}

#articles .barad p a {
color: #555;
text-transform: uppercase;
}

#articles .barad p a:hover {
background-color: #222;
color: #fff;
}

#articles .barad p {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #666;
}

#articles .barad a img {
border: 1px solid #E4E2D3;
}

#articles .barad a:hover img {
border: 1px solid #837D52;
}

#articles .barpeople {
background-color: #f7f7f0;
}

#footer {
background-color: #ffffff;
width: 950px;
margin: 0 auto;
padding-bottom: 5px;
padding: 5px;
border-top: 2px solid #e5e4e4;
}

#footer p {
margin: 0px;
font-size: 11px;
padding: 0px;
}

#footer p a {
color: #555;
border-bottom: 1px dotted #777;
}

#footer p a:hover {
color: #222;
border-bottom: #1px solid #333;
}

#footer .left {
float: left;
width: 85%;
}

#footer .right {
float: right;
width: 14%;
text-align: right;
}

/* Additional */

#page {
width: 960px;
margin: 0 auto;
margin-bottom: 5px;
background-image: url(assets/pageset.gif);
background-repeat: no-repeat;
}

#page .content {
width: 620px;
padding: 9px;
float: left;
background-color: #fff;
border: 1px solid #ccc;
}

#page .content .series_links a {
color: #444;
border-bottom: 1px dotted #999;
}

#page .content .series_links a:hover {
color: #111;
border-bottom: 1px dotted #222;
}

#page .content h2 {
font-size: 21px;
font-weight: normal;
line-height: 21px;
color: #ca1717;
margin: 0px;
margin-bottom: 10px;
}

#page .content #getsocial {
border-bottom: 1px solid #ccc;
text-align: center;
margin-bottom: 5px;
}

#page .content #getsocial img {
margin-right: 10px;
}

#page .content .meta {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f9f9f9;
padding: 2px;
margin-bottom: 10px;
}

#page .content .meta p img {
vertical-align: text-bottom;
margin-left: 5px;
}

#page .content .meta p {
margin: 0px;
padding: 0px;
font-size: 11px;
}

#page .content .meta p a {
color: #ca1717;
border-bottom: 0px;
}

#page .content .meta p a:hover {
border-bottom: 0px;
}

#page .content .entry p {
color: #333;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 0.96em;
}

#page .content .entry p a {
border-bottom: 1px solid #B8E2FA;
color: #044568;
}

#page .content .entry p a:hover {
border-bottom: 1px solid #044568;
}

#page .content .entry blockquote {
width: 240px;
float: right;
font: italic 1.3em/1.3 Georgia;
border:3px double #ccc;
border-width:3px 0;
text-align: center;
padding:0.5em;
margin: 5px 5px 5px 5px;
color: #666666;
}

#page .content .entry blockquote a img {
border: 0px;
}

#page .content .entry {
margin-bottom: 9px;
}

#page .content .entry ul li a {
border-bottom: 1px solid #B8E2FA;
color: #044568;
}

#page .content .entry ul li a:hover {
border-bottom: 1px solid #044568;
}

#page .content .entry ol li a {
border-bottom: 1px solid #B8E2FA;
color: #044568;
}

#page .content .entry ol li a:hover {
border-bottom: 1px solid #044568;
}

#page .sb {
width: 290px;
padding: 9px;
float: right;
background-color: #fff;
border: 1px solid #ccc;
}

#page .sb h2 {
font-size: 16px;
border-bottom: 1px solid #777;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0px;
margin-bottom: 10px;
}

#page .sb h2 img {
vertical-align: middle;
}

#page .sb .aa {
background-color: #dcecf5;
margin-bottom: 10px;
}

#page .sb .ma {
margin: 0 auto;
background-color: #fff;
margin-bottom: 10px;
}

#page .sb .ma img {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

#page .sb .ma a img {
border: 5px solid #e2e2e2;
}

#page .sb .ma a:hover img {
border: 5px solid #ca1717;
}

#page .sb .aa img {
float: left;
padding-right: 9px;
}

#page .sb .rss {
background-color: #fefade;
margin-bottom: 10px;
}

#page .sb .rss img {
float: left;
padding-right: 9px;
}

#page .sb .rss a {
color: #cd731b;
border-bottom: 1px dotted #888;
}

#page .sb .rss a:hover {
border-bottom: 1px dotted #222;
color: #222;
}

#page .sb .related {
background-color: #f7f7f7;
margin-bottom: 10px;
padding: 5px;
}

#page .sb p {
font-color: #1c4f68;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 5px;
}

#page .sb p a {
color: #204663;
border-bottom: 1px solid #204663;
}

#page .sb p a:hover {
color: #173c54;
border-bottom: 1px solid #173c54;
}

#page .sb .adholder {
background-color: #f7f7ec;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}

#page .sb .adcase {
width: 220px;
margin: 0 auto;
margin-bottom: 4px;
}

#page .sb .related h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875em;
color: #555;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#page .sb .related h3 a {
color: #ca1717;
border-bottom: 1px solid #ccc;
}

#page .sb .related h3 a:hover {
color: #ca1717;
border-bottom: 1px solid #111;
}

/* Image Classes From DL1
Do not remove, as they keep old articles
from falling apart with this design.
*/

.postpicclass { 
display:block; 
margin: 0 auto;
padding: 3px;
border: 1px solid #efefef;
} 

.postnobrdr { 
display:block; 
margin: 0 auto;
padding: 3px;
border: 0px;
} 

.authorpics { 
display:block; 
padding: 3px;
border: 1px solid #efefef;
margin-right: 5px;
}

/*
+++++++++++++
Archives
+++++++++++++
*/

#arch .arctext p {
font-size: 12px;
line-height: 20px;
color: #555;
padding-bottom: 10px;
margin: 0px;
}

#arch .minipost {
color: #888;
font-size: 10px;
font-weight: normal;
}

#arch h3 {
margin-bottom: 7px;
margin: 0px;
padding: 0px;
}

#arch h3 a {
color: #ca1717;
}

#arch h3 a:hover {
background-color: #FDEF44;
}

#arch h2 {
font-size: 16px;
}

#arch .navigation {
padding: 5px;
border-top: #e2e2e2;
border-bottom: #e2e2e2;
background-color: #f7f7f7;
font-weight: bold;
}

#arch .navigation .left {
float: left;
width: 45%;
text-align: left;
}

#arch .navigation .right {
float: right;
width: 45%;
text-align: right;
}

#arch .navigation a {
color: #777;
}

#arch h1 {
color: #CA1717;
font: 20px "Verdana", Helvetica, Arial, Sans-Serif; 
}

#arch {
width: 960px;
margin: 0 auto;
margin-bottom: 5px;
background-image: url(assets/pageset.gif);
background-repeat: no-repeat;
}

#arch .content {
width: 620px;
padding: 9px;
float: left;
background-color: #fff;
border: 1px solid #ccc;
}

#arch .content h2 {
font-size: 21px;
font-weight: normal;
line-height: 21px;
color: #ca1717;
margin: 0px;
margin-bottom: 10px;
}

#arch .sb {
width: 290px;
padding: 9px;
float: right;
background-color: #fff;
border: 1px solid #ccc;
}

#arch .sb h2 {
font-size: 16px;
border-bottom: 1px solid #777;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0px;
margin-bottom: 10px;
}

#arch .cats {
margin-bottom: 10px;
}

#arch .cats ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#arch .cats ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#arch .cats ul li a {
background-color: #333;
color: #fff;
display: block;
padding: 5px;
}

#arch .cats ul li a:hover {
background-color: #ca1717;
}

#page .sb .subpage {
margin-bottom: 10px;
}

#page .sb .subpage ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#page .sb .subpage ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#page .sb .subpage ul li a {
background-color: #333;
color: #fff;
display: block;
padding: 5px;
}

#page .sb .subpage ul li a:hover {
background-color: #ca1717;
}

#arch .sb h2 img {
vertical-align: middle;
}

#page .sb .aa {
background-color: #dcecf5;
margin-bottom: 10px;
}

#arch .sb .ma {
margin: 0 auto;
background-color: #fff;
margin-bottom: 10px;
}

#arch .sb .ma img {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

#arch .sb .ma a img {
border: 5px solid #e2e2e2;
}

#arch .sb .ma a:hover img {
border: 5px solid #ca1717;
}

#arch .sb .aa img {
float: left;
padding-right: 9px;
}

#arch .sb .related {
background-color: #f7f7f7;
margin-bottom: 10px;
padding: 5px;
}

#arch .sb p {
font-color: #1c4f68;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 5px;
}

#arch .sb p a {
color: #204663;
border-bottom: 1px solid #204663;
}

#arch .sb p a:hover {
color: #173c54;
border-bottom: 1px solid #173c54;
}

#arch .sb .adholder {
background-color: #f7f7ec;
padding-top: 5px;
padding-bottom: 5px;
}

#arch .sb .adcase {
width: 220px;
margin: 0 auto;
margin-bottom: 4px;
}

#arch .sb .related h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875em;
color: #555;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#arch .sb .related h3 a {
color: #ca1717;
border-bottom: 1px solid #ccc;
}

#arch .sb .related h3 a:hover {
color: #ca1717;
border-bottom: 1px solid #111;
}

/* Artbar Slim */

#slim {
width: 960px;
height: 120px;
margin: 0 auto;
margin-bottom: 10px;
background-image: url(assets/art/slim/banner.gif);
background-repeat: no-repeat;
}

#slimf {
width: 960px;
height: 90px;
margin: 0 auto;
margin-bottom: 5px;
background-image: url(assets/art/slim/rotate.php);
background-repeat: no-repeat;
}

/* Search */

#nav .search {
width: 335px;
float: right;
text-align: right;
padding-right: 15px;
}

#nav .search .form {
background-color: #f7f7f7;
border: 1px solid #ccc;
padding: 2px;
margin-top: 3px;
width: 270px;
}

#nav .search .form .onfocus {
background-color: #ca1717;
}

/* Interviews */

#interviews {
width: 960px;
padding-bottom: 20px;
margin: 0 auto;
}

#interviews .head {
background-image: url(assets/arttop.gif);
width: 960px;
height: 5px;
margin: 0 auto;
background-repeat: no-repeat;
}

#interviews .close {
background-image: url(assets/artbottom.gif);
width: 960px;
height: 9px;
margin: 0 auto;
background-repeat: no-repeat;
}

#interviews .content {
width: 956px;
padding-right: 1px;
padding-left: 1px;
padding-top: 9px;
padding-bottom: 9px;
margin: 0 auto;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
text-align: center;
}

#interviews .content .brief {
font-size: 14px;
line-height: 22px;
color: #444;
padding: 3px;
background-color: #f0f9fd;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#interviews .content .brief a {
color: #222;
border-bottom: 1px solid #999;
}

#interviews .content .brief a:hover {
border-bottom: 1px solid #222;
}

#photoshoot {
width: 960px;
margin: 0 auto;
margin-bottom: 10px;
}

#photoshoot .head {
background-image: url(assets/pshead.gif);
height: 30px;
width: 960px;
background-repeat: no-repeat;
}

#photoshoot img {
float: left;
border: 3px solid #e2e2e2;
width: 220px;
height: 120px;
margin-right: 7px;
margin-left: 7px;
margin-bottom: 5px;
}

#photoshoot a img {
border: 3px solid #e2e2e2;
text-decoration: none;
}

#photoshoot a:hover img {
border: 3px solid #ca1717;
}

/* Articles Page */

#story {
width: 960px;
padding-bottom: 10px;
margin: 0 auto;
}

#page .ac {
width: 620px;
padding: 9px;
float: left;
background-color: #fff;
border: 1px solid #ccc;
}

#page .ac h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: normal;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#page .ac h2 img {
vertical-align: text-top;
margin-left: 7px;
}

#page .ac h2 a {
text-decoration: none;
color: #777;
border-bottom: 1px solid #ccc;
}

#page .ac h2 a:hover {
color: #ca1717;
border-bottom: 1px solid #555;
}

#page .ac p {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
margin-bottom: 10px;
}

#focusareas {
width: 960px;
margin: 0 auto;
margin-bottom: 10px;
}

#focusareas .ff {
width: 450px;
padding: 5px;
float: left;
margin-right: 20px;
border: 5px solid #ccebfa;
}

#focusareas .ff .head {
width: 450px;
background-color: #ccebfa;
height: 25px;
background-image: url(assets/focus2head.gif);
}

#focusareas .notes {
width: 450px;
border: 5px solid #f1f1ef;
padding: 5px;
float: right;
}

#focusareas .ff .content, .notes .content {
padding: 5px;
}

#focusareas .notes .content .meta {
background-color: #ca1717;
color: #fff;
padding: 2px;
}

#focusareas .ff .content .meta {
background-color: #444;
color: #fff;
padding: 2px;
}

#focusareas .notes .head {
width: 450px;
background-color: #f1f1ef;
height: 25px;
background-image: url(assets/noteshead.gif);
}

#focusareas .content .where {
float: right;
width: 35%;
text-align: right;
margin-bottom: 2px;
}

#focusareas .content .title {
float: left;
width: 60%;
margin-bottom: 2px;
}

#focusareas .content h2 {
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#focusareas .content h2 a {
color: #044568;
border-bottom: 1px solid #B8E2FA;
}

#focusareas .content h2 a:hover {
color: #222;
border-bottom: 1px solid #044568;
}

#focusareas .content .end {
background-color: #f7f7f7;
color: #222;
text-align: center;
margin-top: 5px;
}

#focusareas .content .end a {
color: #222;
font-weight: bold;
border-bottom: 1px solid #ccc;
}

/* More Classes */

#articles .content .post .pagelinks {
font-size: 14px;
}

#page .content .entry .subalert1 {
background: #fff6bf url(assets/exclamation.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

#page .content .entry .subalert2 {
background: #F8FAFC url(assets/information.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #B5D4FE;
border-bottom: 2px solid #B5D4FE;
}

#page .content .entry .subalert3 {
background: #EBFCE1 url(assets/packed.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #B9DAA6;
border-bottom: 2px solid #B9DAA6;
}

#page .content .entry p ul li a {
color: #333;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 0.96em;
}

#page .content .entry h3 a {
color: #555;
border-bottom: 1px dotted #999;
}

#page .content .entry h3 a:hover {
color: #111;
border-bottom: 1px dotted #222;
}

/*
**********************************
POST COMMENTS
**********************************
*/

#page .comments .comment a {
color: #555;
text-decoration: none;
border-bottom: 1px dotted #ca1717;
display: inline;
}
			
#page .comments .comment a:hover {
color: #222;
text-decoration: none; 
}

#page .comments .one .head .comment-author a {
color: #555;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #ca1717;
}

#page .comments .one .head .comment-author a:hover {
color: #222;
text-decoration: none; 
}

#page .comments .comment ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#page .admin { /* Author background color */
background-color: #f7f7f7;
}

#page .comments textarea {
width: 90%;
}

#page .comments .one .comment blockquote {
padding-left: 20px;
line-height: 12px;
color: #333;
font-style: italic;
font-weight: bold;
font-size: 11px;
margin-left: 15px;
background-image: url(assets/quote.gif);
background-repeat: no-repeat;
background-position: top left;
}

#page .comments .one .comment ul {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-left: 35px;
}

#page .comments .one .comment ul li {
list-style-type: square;
margin: 0px;
padding: 0px;
margin-bottom: 2px;
color: #555;
}

#page .comments .one .comment ol li {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 2px;
color: #555;
}

#page .comments .comment-author {
float: left;
color: #555;
font-weight: bold;
width: 40%;
font-size: 12px;
}

#page .comments .comment-date {
color: #ca1717;
float: right;
width: 50%;
text-align: right;
}

#page .comments .comment-date a {
color: #555;
border-bottom: 1px dotted #777;
}

#page .comments .comment-date a:hover {
border-bottom: 1px dotted #222;
color: #111;
}

#page .comments {
width: 620px;
font-size: .975em;
color: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page .comments .one {
border: 1px dotted #e4e4e4;
margin-bottom: 5px;
}

#page .comments .one .head {
border-bottom: 1px solid #e2e2e2;
background-color: #f7f7f7;
font-size: .875em;
padding: 5px;
}

#page .comments .one .head img {
vertical-align: middle;
margin-right: 5px;
}

#page .comments .one .comment {
padding: 5px;
font-size: .95em;
}

#page .comments .one li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#page .comments .one .alert {
background-color: #ca1717;
color: #fff;
padding: 3px;
}

#page .permas {
width: 620px;
font-size: .975em;
color: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page .permas li {
margin: 0px;
margin-bottom: 2px;
font-size: .975em;
color: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}

#page .permas li a {
color: #ca1717;
}

#page .permas li a:hover {
color: #222;
}

#page .theform p {
font-size: .975em;
}

#page .theform p a {
color: #555;
font-size: .975em;
border-bottom: 1px dotted #999;
}

#page .theform p a:hover {
color: #111;
}

#page .nocomment h3 {
margin-top: 5px;
margin-bottom: 5px;
color: #444;
font-weight: normal;
border-bottom: 1px solid #e4e4e4;
}

#page .nocomment p {
color: #454545;
margin: 0px;
padding: 0px;
font-size: .875em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page .rules {
background-color: #fcf5c9;
padding: 4px;
color: #111;
}

#page .rules p {
font-size: 11px;
line-height: 19px;
color: #111;
margin: 0px;
padding: 0px;
}

#page .theform {
font-size: .975em;
color: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page .theform .field {
background-color: #f9f9f9;
border: 1px solid #e4e4e4;
padding: 3px;
width: 200px;
}

#page .theform .tb {
background-color: #f9f9f9;
border: 1px solid #e4e4e4;
padding: 3px;
width: 612px;
height: 150px;
}

#page .theform .field:hover
border: 1px solid #f2f2f2;
}

#page .theform .tb:hover
border: 1px solid #f2f2f2;
}

#page .theform .button {
background-color: #e4e4e4;
border: 1px solid #e2e2e2;
color: #222;
font-size: .85em;
padding: 3px;
text-align: center;
}

#page .theform img {
margin-left: 10px;
}

#openid_unobtrusive_text a {
color: #555;
border-bottom: 1px dotted #999;
}

#openid_unobtrusive_text a:hover {
color: #111;
border-bottom: 1px dotted #222;
}

/* Announcements and Notices */

#podium {
background-color: #ca1717;
color: #fff;
text-align: center;
margin-bottom: 5px;
}

#podium a {
color: #fff;
}

/* Forums */

#pagef {
width: 960px;
margin: 0 auto;
margin-bottom: 5px;
}

/* Inner Ads */

.inad {
float: left;
margin-right: 10px;
}

.inad img {
border: none;
margin: 0px;
}

.inad a img {
border: 1px solid #ccc;
padding: 2px;
}

.inad a:hover img {
border: 1px solid #222;
}

.inad a {
border-bottom: 0px;
}

.inad .head {
text-align: center;
font-size: .795em;
color: #888;
text-transform: uppercase;
}
.td-bg{
width:50%;
vertical-align:top;
background:url(../images/td-bg3.gif) no-repeat left top;
padding:10px;
}