/*  
Theme Name: Tiknoy
Theme URI: http://www.unpopularposts.com/
Description: A light and colorfull three column theme. Designed by <a href="http://www.unpopularposts.com">Gudick de Guzman</a> for  <a href="http://tradeans.mydipolog.com">Tradeans Then and Now</a>. <br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like, just leave the credits link under your footer. 
Version: 1.1
Author: Gudick de Guzman.	
Author URI:  http://www.unpopularposts.com/
Tags: maroon and gold, three columns, fixed width
*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { font: normal 12px "Georgia","Lucida Grande", "Verdana", sans-serif; margin: 0px; padding: 0px; background:#d2a44f; }
input, button, textarea, select {  font: normal 12px/12px "Lucida Grande", "Verdana", sans-serif; color:#373737; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #990000; border: 0px;}
a:active { text-decoration: underline; color : #990000; border: 0px;}
a:visited { text-decoration: none; color : #990000; border: 0px;}
a:hover	{ text-decoration: underline; color : #8c0000; border: 0px;} 
a:focus { outline: none;}

h1, h2, h3, h4 { font-family: Georgia, Arial, Helvetica, sans-serif, "Arial Black" ;}


#bg { width: 960px; margin: 0 auto;}


/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#headers { position:absolute; top:-200px; left:-9999px;}
#headers .header { width: 960px; padding: 0px; float: left; position: relative;}
#headers .header h1 { background: url(images/citlogo.gif) no-repeat; float: left; display:block; font: normal 40px/40px "Georgia", Arial, Helvetica, sans-serif ; letter-spacing: -2px; padding: 15px 0 40px 0; text-indent: 100px;}
#headers .header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#f90; text-decoration: none; }
#headers .desc { padding: 0px; float: left; position: relative;font-size: 150%; font-family: Arial, Helvetica, sans-serif; color:#f80; }


#menu { width:960px; margin: auto; }
.shortcuts { width:20px; color:#666; position:relative; float:left; padding: 4px 0px }
.menu {position:relative; float:right; z-index:100;font-family:"lucida grande",arial,sans-serif;margin:18px 0 }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:939px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/*.menu ul ul {width:120px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; margin-left:5px}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:90%;text-decoration:none; color:#8c0000; border:1px solid #fff; padding:4px 6px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:120px; padding:0px 10px 0px 0px}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 120px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{color:#d2a44f}
.menu ul ul :hover > a.drop {color:#d2a44f}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:auto;top:22px;left:-5px; width:139px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:23px;}

/* position the third level flyout menu */
.menu ul ul ul{left:146px; top:-1px; width:140px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-146px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#8c0000; height:auto; line-height:1em; padding:4px 6px; width:138px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:138px;w\idth:139px;}

/* style the top level hover */
.menu a:hover {color:#8c0000; background:#fff; }
.menu :hover > a {color:#8c0000; background:#fff; }

/* style 2nd level hover */
.menu ul ul a:hover{color:#d2a44f; background:#fff; }
.menu ul ul :hover > a {color:#d2a44f; background:#fff; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: ffcc00;
}

.menu .current_page_item a:hover {
  background: cccc99;
}



a.signin {
    background:#ffcc00;
    padding:4px 6px 6px;
    text-decoration:none;
    color:#8c0000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
a.signin:hover {
    background:#ffcc00;
    *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
a.signin, a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
a.menu-open {
    background:#ffcc00!important;
    color:#666!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("images/toggle_up_dark.png");
    color:#8c0000;
}


#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#660000;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 35.5px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#fc0;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:5px 0 0 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#666 url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #666;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}



.frontContainer { width: 960px; float: left; padding: 0; margin: auto; margin-bottom:15px}
.front { width: 960px; margin:auto}
/* Search Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.frontContainer .search { width: 270px; padding: 0; float:left; margin: 130px 0 0 190px}
.frontContainer .search h3 { padding: 5px 15px 3px 2px; color:#ddd}
.frontContainer .search input { border: none; background: url(images/search-form.gif) no-repeat; padding: 7px 10px 7px 10px; font: bold 12px/14px 'Lucida Grande', 'Verdana'; color:#fff;}
.frontContainer .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

.clear {clear:both}

.con { width: 960px; margin:auto; display:block;}

.scs1 { width: 614px; height:auto; background:#f8f8f8; padding: 0; margin:0; float:left;}

/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sc-all { width: 594px; /*url(images/sl-top.png) no-repeat top*/; float: right;}
.sc { padding: 0px; /*background: url(images/sl-bottom.png) no-repeat bottom;*/}
.sc2 { padding: 0 0 20px 20px; width: 760px; /*background: url(images/sl-bottom.png) no-repeat bottom;*/}


.title { font: normal 28px/30px "Georgia","Arial"; border-bottom: dotted 1px #ccc; padding-bottom: 10px 10px 15px 10px; margin-bottom: 15px;}

/* Side 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 { float: left; width: 160px; margin-right: 10px; font-size: 11px;}

/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .categ-all { background: #585e62 url(images/categ-top.gif) no-repeat top; width: 160px; margin-bottom: 10px;}
.s1 .categ { background: url(images/categ-bottom.gif) no-repeat bottom; padding: 7px 10px 10px 10px; color:#a29d91; }
.s1 .categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
.s1 .categ li { padding: 2px 0px 2px 0px;}
.s1 .categ li a, .s1 .categ li a:visited, .s1 .categ li a:hover { text-decoration: underline; color:#f5e5c2;}

/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .widget { background: #dddcd2 url(images/widget-top-s1.gif) no-repeat top; width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget-all { background: url(images/widget-bottom-s1.gif) no-repeat bottom; padding: 7px 10px 10px 10px; color:#443e36; }
.s1 .widget h3 { font-size: 14px; letter-spacing: -1px; color:#443e36; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #cec5b9; }
.s1 .widget li { padding: 1px 0px;}
.s1 .widget a, .s1 .widget a:visited { color:#736c62; text-decoration: underline; }
.s1 .widget a:hover { color:#000; text-decoration: underline;}

.s1 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}

.s1 .widget_calendar table { width: 100%;}
.s1 .widget_calendar table td { text-align: center; padding: 3px; }
.s1 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #ecece3;}
.s1 .widget_calendar caption { background: #ecece3; padding: 3px 0px;}
.s1 .widget_calendar #today { background: #ecece3;}
.s1 .widget_search #s { border: solid 1px #ecece3; padding: 3px; margin-bottom: 5px;}

.s1 .widget_flickrRSS h3 { margin-bottom: 10px; padding-left:2px}
.s1 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s1 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 0px 0px; }
.s1 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Side 2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s2 { float: right; width: 266px; height:225px; color:#fffbde; background:#d2a44f; padding:10px 40px}
.s2 h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px;}
.s2_cas { float: right; width: 266px; height:200px; color:#fffbde; padding:10px 40px}
.s2_ccs { float: right; width: 266px; height:200px; color:#fffbde; padding:10px 40px}

.s22 { float: right; width: 266px; height:auto; color:#333; padding:10px 40px}


/* Search Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.links { padding:0; color:#fff; }
.links ul { width:266px; display:block}
.links ul li { width:248px; margin-top:-1px; padding: 4px 8px; border:#fff 1px solid; text-transform:uppercase}
.links ul li a, .links ul li a:visited { color:#333; }
.links ul li a:hover { color:#333; text-decoration:none}
.links .world { margin-top:-1px; padding: 4px 8px; border:#fff 1px solid; color:#333}
.links .world a, .links .world a:visited { color:#333; text-decoration:none}
.links .world a:hover { color:#8c0000; text-decoration:none}
.s2 .search { background: #ff8800 url(images/search-top.gif) no-repeat top; width: 270px; padding: 7px 15px 10px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0px;}
.s2 .search input { border: none; background: url(images/search-form.gif) no-repeat; padding: 7px 10px 7px 10px; font: normal 12px/14px 'Lucida Grande', 'Verdana'; color:#fff;}
.s2 .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

/* Recent Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.scs1 a,.scs1 a:visited { color:#8c0000;}
.scs1 a:hover { color:#8c0000; text-decoration: underline;}

.scs1 .tabs { width: 614px; float: left; background:#ddd}
.scs1 .tabs li { display: inline; font: bold 14px/14px "Georgia","Lucida Grande", "Verdana", sans-serif; float: left; border-right:#d2a44f 1px solid}
.scs1 .tabs li a { padding: 0px 0px 0px 9px; margin-right: 1px; background: #ddd; float: left; color: #666; width:142.5px; height:40px}
.scs1 .tabs li a span { padding: 3px 10px 5px 1px; display: block; background: #ddd; color: #666;}
.scs1 .tabs li a:hover { background-position: 0% -18px; color:#333; text-decoration: none;}
.scs1 .tabs li a:hover span { background-position: 100% -18px; color:#333; text-decoration: none;}
.scs1 .tabs li a:link.active { background: #f8f8f8; color:#333; }
.scs1 .tabs li a:link.active span { background: #f8f8f8; color:#333; }
.scs1 .tabs li a:visited.active { background: #ddd; color:#666; }
.scs1 .tabs li a:visited.active span { background: #ddd; color:#666; }

.scs1 #r-news { padding:10px; height:260px}
.scs1 #r-faculty { padding:10px; height:260px}
.scs1 #r-alumni { padding:10px; height:260px}
.scs1 #r-faculty li { padding: 3px 0px; border-bottom: solid 1px #ffbb00; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
.scs1 #r-topnotch { padding:10px; height:260px}
.scs1 #r-topnotch li { padding: 3px 0px; border-bottom: solid 1px #ffbb00; line-height: 14px;}
.scs1 #r-topnotch li a { display: block; background:url(images/r-com-ico.png) no-repeat left 4px; padding-left: 13px; font-weight: bold; }

/* Flickr Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .flickr { background: #ffee33 url(images/flickr-top.gif) no-repeat top; color: #663300}
.s2 .flickr h3 { padding:6px 14px; }
.s2 .flickr ul { padding: 15px 0px 0px 4px;border-bottom: none; border-top: none;  }
.s2 .flickr li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline;margin-right: 9px;}
.s2 .flickr li a img, .s2 .flickr li a:visited img { background: url(images/flickr-bkg-li.gif) no-repeat top; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s2 .flickr li a:hover img { background: url(images/flickr-bkg-li.gif) no-repeat bottom; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}

/* About Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .about-all { background: #ffffcc url(images/about-bottom.gif) no-repeat bottom; color:#663300; }
.s2 .about { background: url(images/about-top.gif) no-repeat top; width: 270px; padding: 7px 15px 15px 15px;}
.s2 .about h3 { color:#663300; padding-bottom: 5px; margin-bottom: 10px;}
.s2 .about #announce li { padding: 3px 0px; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
.s2 .about p { color:#663300; padding: 3px 0px;}

/* Widget Panel  
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .widget { background: #ffee33; color:#666600; }
.s2 .widget-all { width: 270px; padding: 15px 6px 5px 19px;}
.s2 .widget h3 { color:#666600; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget li { padding: 1px 0px 1px 0px;}
.s2 .widget li { background: url(images/widget-arrow-s2.png) no-repeat left 5px; padding-left: 10px;}
.s2 .widget p { color:#996633; padding: 3px 0px;}
.s2 .widget a, .s2 .widget a:visited { color:#336600;}
.s2 .widget a:hover { color:#000;}

.s2 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}

.s2 .widget_calendar table { width: 100%;}
.s2 .widget_calendar table td { text-align: center; padding: 4px; }
.s2 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget_calendar caption { background: #d7deaa; padding: 3px 0px;}
.s2 .widget_calendar #today { background: #d7deaa;}
.s2 .widget_search #s { border: solid 1px #c8d18a; padding: 3px; margin-bottom: 5px;}

.s2 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s2 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s2 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin-right: 5px;}
.s2 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}



/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 0px; }
.post .p-head { clear:both }
.post .p-head h1 { font: normal 28px/30px "Georgia","Arial"; letter-spacing: -1px; color:#990000;}
.post .p-head h2 { font: bold 14px/14px "Georgia"; letter-spacing: -1px; color:#990000;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#990000; text-decoration: none;}
.post .p-head h2 a:hover { color:#990000; }
.post .p-head h3 { font: normal 24px/24px "Georgia","Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#990000; text-decoration: none;}
.post .p-head h3 a:hover { color:#990000; }
.post .p-date { font-size: 10px; color:#666; font-weight: bold;}
.post .p-who { padding: 5px 0px 5px 12px; font-size: 11px; color:#666; }
.post .p-who a { color:#666; text-decoration: underline;}
.post .p-head img { display:block; float:left; padding:5px; background:#e2e2e2; width:54px; height:40px; margin:0 7px 4px 0; }

.post .pcon { padding: 0;}
.post .pcon p { font: normal 12px/17px 'Georgia','Lucida Grande', 'Verdana'; padding: 0; color:#333; text-align:justify}
.post .pcon img { margin: 0 10px 10px 0; }
.post .pcon ol { padding: 0px 0px; margin: 0px; }
.post .pcon ol li { padding: 2px 0px 2px 30px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .pcon ul { padding: 0px 0px; margin: 0px; }
.post .pcon ul li { padding: 2px 0px 2px 30px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }

.post .p-con { padding: 0;}
.post .p-con p { font: normal 12px/17px 'Georgia','Lucida Grande', 'Verdana'; padding: 0 0 10px 0; color:#333; text-align:justify}
.post .p-con img { float:left; margin: 0 10px 5px 0; }
.post .p-con ol { padding: 0px 0px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 30px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 0px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 30px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}

.post .p-com { padding: 10px 5px; border-top: dotted 1px #f7f6f0; }
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#990000;}
.post .p-com a:hover { color:#990000;}

.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {padding: 10px; display:block}
.post-page h1 { font: normal 28px/30px "Georgia","Arial"; padding-bottom: 5px; border-bottom: dotted 1px #ebeadd; color: #900; }
.post-page h2 { font: normal 26px/28px "Georgia","Arial"; }

.post-page p { font: normal 12px/17px 'Georgia','Lucida Grande', 'Verdana'; padding: 0 0 10px 0; color:#333; }
.post-page ol { padding: 0px 0px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 30px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 0px 0px; margin: 0px; }
.post-page ul li { padding: 2px 2px 2px 30px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }

.alignright { float: right; }
.alignleft { float: left }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor:move; }


/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: dotted 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: bold 14px/14px "Arial"; letter-spacing: -1px;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }


/* Comment Form
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
.com-form { background: #f8f8f2 url(images/com-form-top.png) no-repeat left top; padding-top: 10px; }
.com-form-bot { background: url(images/com-form-bot.png) no-repeat left bottom; padding: 5px 20px 20px 20px;}
.com-form h3 { font-size: 16px; letter-spacing: -1px; border-bottom: solid 1px #e6e3db; padding-bottom: 5px; margin-bottom: 10px;}
.com-form p { padding: 6px 0px; position: relative; color:#666;}
.com-form p strong { color:#FF3300; font-weight: normal; }
.com-form label { position: absolute; top: 10px; left: 250px; font-size: 11px;}
.com-form a, .com-form a:visited, .com-form a:hover { color: #666; text-decoration: underline; }
.com-form input { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; font-size: 12px; }
.com-form textarea { background: #fff; border: 1px solid #c3bfb5; padding: 4px; margin-right: 10px; }
.com-form button { cursor: pointer; display: block; width: 117px; height: 24px; background: #faf9f6 url(images/post-comment.png) no-repeat; border: none; text-indent: -1000em; margin-top: 5px;}


/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 960px; padding: 50px 0px; font-size: 90%; color:#333;}
.footer p { font-size: 11px; color:#acaa9c; }
.footer p a, .footer p a:visited { color:#333; text-decoration: underline;}
.footer p a:hover { color:#333; text-decoration: underline;}
.footer .copy { color:#333; float: left; text-align:right; }
.footer .theme { width:960px; border-top: dotted 1px #d9d7c3; padding-top: 3px; margin-top: 5px; float:left;}
.footer .W3C { color:#333; float: right; padding-left: 105px; text-align:right;}
.footer .W3C a { color:#333; text-decoration: none }
.footer .W3C a:hover { color:#333; text-decoration: none }
.footer .W3C a:visited { color:#333; text-decoration: none }