/*[ =general layout ]*/
*{
margin:0;
padding:0;
}

html{
background:#efefef;
font-family: "Neue Helvetica", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
margin: 0px 0px 0px 0px;
padding: 10px 0px;
text-align: left;
font-size:12px;
line-height: 18px;
}

body {
margin: 0;
padding: 0;
}

#frame {
width: 640px;
margin: 0 auto;
padding: 0;
clear: both;
}


#gird {
float: left;
width: 600px;
margin: 0;
padding: 0px 20px 20px 20px;
background-color:#fff;
text-align: center;
}


/*----------[ =header ]----------*/
#header-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#header-clear{
clear: both;
margin:0;
padding:0;
}

#header {
padding: 20px 0 0 0;
width: 600px;
text-align:left;
float:right;
background: #ffffff;
}

/*----------[ =nav ]----------*/
#nav-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#nav-clear{
clear: both;
margin:0;
padding:0;
}

#nav {
padding: 10px 0 0 0;
width: 600px;
text-align:left;
float:right;
background: #ffffff;
font-weight:bold;
color: #333;
}

#nav a {
color: #000;
}


/*----------[ =subnav ]----------*/
#subnav-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#subnav-clear{
clear: both;
margin:0;
padding:0;
}

#subnav {
padding: 0;
margin: 0;
width: 600px;
text-align:left;
float:right;
background: #ffffff;
}


/* =nav styling
---------------------------------------------------- */

#subnav p {
margin: 4px 0;
padding: 0;
font-weight:bold;
font-size:11px;
line-height:11px;
color: #666;
}

#subnav p a {
padding: 0;
margin:0;
color: #333333;
}

/* =nav styling
---------------------------------------------------- */

#previous_next-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#previous_next_clear {
clear: both;
margin:0;
padding:0;
}

#previous_next {
padding: 0;
width: 600px;
text-align:left;
float:right;
background: #ffffff;
}


#previous_next p {
margin: 4px 0;
padding: 0;
font-weight:bold;
font-size:11px;
line-height:12px;
color: #999999;
}

#previous_next p a {
padding: 0;
margin:0;
color: #666666;
}



/*----------[ =content ]----------*/
#content-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#content {
width: 600px;
margin: 0 auto;
padding: 10px 0 0 0;
text-align: left;
background: #ffffff;
}


#content-left {
margin:0;
padding:0;
width:70px;
float:left;
text-align: right;
}

#content-right {
margin:0;
padding:0;
width:600px;
float:right;
}

.content-clear{
clear: both;
margin:0;
padding:0;
}

#content-left ul {
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;
}

#content-left ul li {
margin: 0 4px 0 0;
padding: 0;
background: none;
font-weight:normal;
font-size:11px;
line-height:16px;
}

#content-left ul li a {
padding: 0;
margin:0;
}

#content-right-right ul{
font-size:12px;
margin:10px 0;
padding: 0;
font-weight:bold;
}


#content-right-right ul li{
margin: 0 ;
padding: 0;
background: none;
font-weight:normal;
font-size:11px;
line-height:14px;
}

#content-right-right{
margin: 0;
padding: 0;
width: 180px;
float:right;
}


#content-right-left{
margin: 0;
padding: 0;
width: 400px;
float:left;
}

#content-caption{
margin: 10px 0 0 0;
}

#content-caption p {
margin: 0;
padding: 0;
font-size:11px;
line-height: 14px;
}


/*----------[ =footer ]----------*/
#footer-wrap {
padding: 0;
margin: 0;
float: left;
width: 100%;
text-align: center;
}

#footer-gird {
width: 640px;
margin: 0 auto 10px auto;
text-align: left;
}

#footer {
width: 600px;
margin: 0 20px;
text-align: left;
float:right;
}
#footer-clear{
clear: both;
}

#footer p {
font-size: 11px;
line-height: 16px;
margin: 10px 0;
}

/* =LISTS
---------------------------------------------------- */

ul {
list-style: none;
margin: 10px 0;
padding:0;
}

ul li {
margin:0;
padding: 0;
}


/* =HEADERS
---------------------------------------------------- */
h1{
font-size:14px;
}

#content-right h1,
h2{
font-family: times;
font-size: 20px;
font-weight: normal;
font-style: oblique;
margin: 20px 0 0 0;
padding: 0;
color: #333;
}

h3{
font-size:12px;
font-weight: normal;
font-style:oblique;
margin:10px 0;
padding: 0;
}

p {
margin: 10px 0;
}

/* =LINKS
---------------------------------------------------- */

a {
color: #333;
text-decoration: none;
}

a:hover {
color: #333;
text-decoration: underline;
}

a.on {
color: #333;
text-decoration: underline;
}

a img {
border: 0;
text-decoration: none;
}

/* =IMAGES
---------------------------------------------------- */

img.thumb-img {
border: #bbb solid 1px;
padding: 1px;
margin: 2px 0px;
}

img.note-img {
padding: 0px;
margin: 10px 0px 0 0;
}

ul.tags{
font-size:16px;
line-height:24px;
}

.notice {
border: 1px solid #fff;
margin: 10px 0;
}
.notice p {
font-size: 11px;
color: #fff;
margin: 10px 0;
padding: 0 10px;
}


.portfolio-imgs {}
.portfolio-img {
width:52px;
height:55px;
float:left;
}

.portfolio-clear{
clear: both;
margin:0;
padding:0;
}

.note-capsule {
margin: 0 0 10px 0;
padding: 10px 0;
border-bottom:1px solid #ccc;
}