/*
Theme Name: Fervens C
Theme URI: http://designdisease.com/
Description: A light and colorfull three column theme. Designed by Design Disease for Smashing Magazine.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it, and make any changes you like, just leave the credits link under your footer.
Version: 1.1
Author: Design Disease.
Author URI: http://designdisease.com/
Tags: green, orange, blue, three columns, fixed width
*/
/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #D7D7D7 url(images/bkg-body.jpg) repeat-x top; font: normal 12px "Verdana", sans-serif; margin:0 auto; padding: 0px; }
input, button, textarea, select { font: normal 12px/12px "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 : #319bd8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : #669900; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif, "Arial Black" ; }
#bg { width: 990px; margin: 0 auto;}
.con { width: 990px; margin:0 auto; }
/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 990px;height:100px; padding: 2px 0px 10px 0px; border-bottom: solid 1px #d9d7c3; float: left; background: url(images/head_foot.png) no-repeat top left;background-position: 0 0; position: relative; margin-bottom: 10px;}
.header h1 { float: left; font: normal 42px/42px "Arial Black", Arial, Helvetica, sans-serif ; letter-spacing: -3px; padding-left: 20px;}
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { color:#04B0E0; text-decoration: none; }
.header .rss { position: absolute; top: 20px; right: 10px; width: 570px; text-align: right;}
.header .rss li { display: inline; background: url(images/rss-ico.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }
.header .he a{ position:absolute;width:320px;height:92px;}
.header .he a:hover{background: url(images/set12.png)no-repeat;background-position: -209px -838px;}
.header span { display: none; }
/* Menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav_hot a { width: 99px; }
#nav_hot a.active, #nav_hot a.active, #nav_hot a:hover { background-position: 0px 100%;}
#nav_hot span { display: none; }
#nav_tips a { width: 100px; background-position: -100px 0;}
#nav_tips a.active, #nav_tips a:hover { background-position: -100px 100%;}
#nav_tips span { display: none; }
#nav_about a { width: 100px; background-position: -199px 0;}
#nav_about a.active, #nav_about a:hover { background-position: -199px 100%;}
#nav_about span { display: none; }
#nav_links a { width: 109px; background-position: -399px 0;}
#nav_links a.active, #nav_links a:hover { background-position: -399px 100%;}
#nav_links span { display: none; }
#nav_contact a { width: 100px; background-position: -299px 0;}
#nav_contact a.active, #nav_contact a:hover { background-position: -299px 100%;}
#nav_contact span { display: none; }
#nav_archive a { width: 73px; background-position: -63px 0;}
#nav_archive a.active, #nav_archive a:hover { background-position: -63px 100%;}
#nav_archive span { display: none; }
.header .topnav { position: absolute; top: -2px; right: 13px; width: 516px; text-align: right;}
.header .topnav li { float: left;}
.header .topnav li a { overflow: hidden; display: block; height: 103.5px; text-indent: -9999px; background-image: url(images/mixx22.png); background-position: left top; background-repeat: no-repeat;}
/* Related
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#related{width:500px;float:left;height:265px; padding-top: 5px;display:inline;padding-left:5px; background: #ededed url(images/relatedmiddle.png) repeat-y top;margin:10px 0px 0px -5px;border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0; -moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px; }
#rleft {height:260px; width:240px;float:left;margin-bottom:-10px;display:inline;padding-right:5px;}
#rleft h3 {width:142px; height:39px;background: url(images/22201.png) no-repeat;color:#ffffff; font:bold 16px/16px"Arial Black"; text-transform:none; letter-spacing:1px; padding-left:28px; padding-top:5px;}
#rleft a {font:normal 12px/17px 'Verdana'; text-transform: none; letter-spacing: 1px; float: left;background:#FFCCCC; color:#585E62;border-bottom:1px dashed #cdcdcd;padding-bottom:3px;}
#rleft a:hover { color:#FDFDFD; background:#BFD9DA;text-decoration: none;}
#rleft li {padding-top: 5px; padding-right:5px;margin-top:-20px;}
#rleft ol {margin:0px 0px 0px -20px;display:inline;}
#rleft li a{background: url(images/widget-arrow-s2.png) no-repeat left 5px; padding-left: 10px;}
/* Side 1-2-3
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sc-all { width: 525px; background:#fff url(images/sl-top.png) no-repeat top; float: left;}
.sc { padding: 12px; width: 501px; background: url(images/sl-bottom.png) no-repeat bottom;}
.title { font: normal 28px/30px "Arial"; border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}
/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding: 15px 0px;}
.post .p-head { }
.post .p-head h1 { font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.post .p-head h2 { font: normal 26px/26px "Arial"; letter-spacing: -1px;text-shadow: 1px 1px 1px #000;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h2 a:hover { color:#669900; }
.post .p-head h3 { font: normal 21px/23px "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h3 a:hover { color:#669900; }
.post .p-date { font-size: 10px; color:#666; font-weight: bold;}
.post .p-who { padding: 5px 0px 5px 12px; margin-top: 5px; font-size: 11px; color:#917d69; border-top: solid 1px #ebeadd; background: url(images/p-cat-ico.png) no-repeat left 6px;}
.post .p-who a { color:#917d69; text-decoration: underline;}
.post .p-con { padding: 5px 0px; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 1px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; 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 { background: #fbfbf8; padding: 10px 5px; border-top: solid 1px #f7f6f0; border-bottom: solid 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:#ff6600;}
.post .p-com a:hover { color:#669900;}
.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 {}
.post-page h1 { font: normal 28px/30px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px/28px "Arial"; text-shadow: 1px 1px 1px #000;}
.post-page p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; 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;}
.post-page .search input { border: none; background: url(images/search-form.png) no-repeat; padding: 7px 10px 7px 10px; font: normal 12px/14px 'Verdana'; color:#0099EF;}
/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p img { padding: 0; max-width: 100%; }
.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: hand; }
/* Side 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 { float: right; width: 160px; font-size: 11px;}
/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .categ-all { background: url(images/set12.png) no-repeat top left;background-position: -263px -89px; width: 160px; margin-bottom: 10px;margin-top:-10px;}
.s1 .categ { padding: 7px 10px 10px 10px; color:#4D494E; }
.s1 .categ h3 { background:url(images/side1.png)no-repeat top;font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;margin-left:-19px;width:179px; height:59px;}
.s1 .hh{padding: 15px 0px 20px 50px;}
.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; }
/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .widget { width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget-all {background: url(images/bgs1.png)repeat-y top;
padding: 7px 0px 10px 5px; color:#443e36;
border-right:0.5px solid #545454;
border-left:0.5px solid #545454;
border-top:0.5px solid #545454;
border-bottom:0.5px solid #545454;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; }
.s1 .widget h3 { width:125px; text-shadow: 1px 1px 1px #000; font-size: 16px; letter-spacing: 2px; color:#000000;
background:url(images/side1.png)no-repeat top;font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;margin-left:-15px;
width:179px; height:59px; }
.s1 .widget li { list-style: none; padding: 3px 0px; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 5px;}
.s1 .widget ul li a:hover {background:#FFE997; width: 125px;}
.s1 .widget a {padding-left:10px;width:50px;}
.s1 .widget a, .s1 .widget a:visited { color:#736c62; }
.s1 .widget a:hover { color:#000; text-decoration: none;}
/* sitestructure Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .widget1 { width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget1 h3 { width:125px; text-shadow: 1px 1px 1px #000; font-size: 16px; letter-spacing: 1px; color:#000000;
background:url(images/side2.png)no-repeat top;font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 1px; margin-bottom: px;margin-left:-15px;
width:179px; height:59px; }
.s1 .widget1 li { padding: 1px 0px; background: url(images/recent-arrow.png) no-repeat left 7px; border-bottom: solid 1px #A0A0A0;}
.s1 .widget1 ul li a:hover {background:#FFE997; width: 125px;}
.s1 .widget1 a {padding-left:10px;}
.s1 .widget1 a, .s1 .widget a:visited { color:#736c62; }
.s1 .widget1 a:hover { color:#000; text-decoration: none;}
/* Side 2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 { float: right; width: 280px; font-size: 11px; color:#fffbde; margin-right: 10px; pading-top:120px}
.s2 h3 { font-size: 14px; letter-spacing: -1px; color:#585E62; padding-bottom: 5px; }
/* Search Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.s2 .search { background: #01A3CA url(images/set12.png) no-repeat top; background-position: -263px -674px; width: 250px; padding: 7px 15px 30px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0px; margin: 0px 0px 0px -41px;}
.s2 .search form { width: 245px; padding: 7px; border-bottom:1px solid #3ac6e5;border-right:1px solid #3ac6e5; border-left:1px solid #3ac6e5; border-top:1px solid #3ac6e5; -moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px; background: #2abada;margin:-10px 0px 0px -5px; -webkit-border-top-right-radius: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;}
.s2 .search fieldset { overflow: hidden; height: 1%; }
.s2 .search input { float: left; margin-right: 2px; background: #ffffff url(images/set12.png) no-repeat ; background-position: 0 -691px; border: none; padding: 5px 3px 5px 63px; width: 150px; color:#666;}
.s2 .search button { float: left; background: url(images/set12.png) no-repeat ; background-position: 0 -617px; width: 26px; height: 24px; border: none; cursor: pointer; text-indent: -1000em; }
/* Recent
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .flickr { background: #00BCD1; width: 260px; padding: 1px 10px;}
.s2 .flickr li a { color:#585E62;display:block; }
.s2 .flickr a:visited {color:#FFE997;font-weight: bold;}
.s2 .flickr li a:hover { background:#FFE997;color:#585E62; text-decoration: none; }
.s2 .flickr h3 {margin: -20px 0px 0px -20px;}
.s2 .flickr li { padding: 0px; margin: -20px 0px 20px 0px; list-style: none;}
.s2 .flickr li { padding: 3px 0px; border-bottom: solid 1px #A0A0A0; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
/* popular
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .popular { background: #76D3DE; width: 260px; padding: 1px 10px;}
.s2 .popular li a{ color:#585E62; display:block; }
.s2 .popular a:visited {color:#FF0000;font-weight: bold;}
.s2 .popular li a:hover { background:#FFCCCC;color:#5B5B5B; text-decoration: none;}
.s2 .popular h3 {margin: -20px 0px 0px -20px;}
.s2 .popular li { padding: 0px; margin: -20px 0px 20px 0px; list-style: none;}
.s2 .popular li { padding: 3px 0px; border-bottom: solid 1px #A0A0A0; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
/* connect
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .connect{ background: #BFD9DA; width: 260px; padding: 1px 10px;}
.s2 .connect a,.s2 .connect a:visited { color:#585E62; }
.s2 .connect a:hover { color:#33CCFF; text-decoration: none;}
.s2 .connect h3 {margin: -20px 0px 0px -20px;}
.s2 .connect li { padding: 0px; margin: -20px 0px 20px 0px; list-style: none;}
.s2 .connect li { padding: 3px 0px; border-bottom: solid 1px #A0A0A0; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
/* Newsletter
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .recent { background: #00BCD1 ; width: 260px; padding: 6px 10px 15px 10px; display:block;}
.s2 .recent h3{margin: -10px 0px 0px -20px;}
.s2 .recent ul { padding-top: 15px; border-bottom: none; border-top: none; }
.s2 .recent li { margin: -20px 0px 20px 0px; border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline;margin-right: 0px;color:#000000}
.s2 .recent li a img, .s2 .recent li a:visited img { background: url(images/flickr-bkg-li.gif) no-repeat top; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s2 .recent 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: #DDECEF; color:#666600;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; }
.s2 .about { width: 250px; padding: 7px 15px 15px 15px;}
.s2 .about h3 { color:#666600; margin: -10px 0px 0px -25px;}
.s2 .about p { padding: 3px 0px;}
.s2 .about li { color:#585E62; padding: 0px; margin: -20px 0px 20px 0px; list-style: none;}
.s2 .about li { padding: 3px 0px; border-bottom: solid 1px #A0A0A0; background: url(images/r-com-ico.png) no-repeat left 7px; padding-left: 10px;}
/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .widget { background: #e5eac0 url(images/widget-bottom-s2.png) no-repeat bottom; color:#666600; margin-bottom: 10px;}
.s2 .widget-all { background: url(images/widget-top-s2.png) no-repeat top; width: 250px; padding: 15px;}
.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 { font-weight: bold; color:#336600;}
.s2 .widget a:hover { color:#000;}
.s2 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}
/* Comment List
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.com-list {}
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-list div.alt { background: #e1f4fc; padding-top: 40px; border: none; margin-bottom: 25px;}
.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 { width:473px; padding: 10px 5px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name {background-color: #eee; 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: 5px solid #ccc;}
.com-date { background-color: #eee; font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }
.com-avatarcnt img {margin:-57px 0px 0 370px; width:50px; height:50px; padding:8px; position:absolute; border: 1px solid #EEEEEE; background-color: #FFFFFF; }
.comment_text {padding: 10px 0 0 0px; margin:0px; color:#A1A1A1;}
/* Comment Author Link
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.com-entry1 {background: #DDECEF;
margin:-10px 0px 0px -5px;
border-bottom:2px solid #BFD9DA;
border-top:2px solid #BFD9DA;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-right:2px solid #BFD9DA;
border-left:2px solid #BFD9DA;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
margin-bottom: 20px;}
.com-entry-bot1 { padding: 10px 0px;}
.com-con1 { width:473px; padding: 10px 5px 10px 20px; font-size: 11px; line-height: 16px; color:#666; position: relative;}
.com-name1 {background-color: #d7d7d7; text-shadow: 1px 1px 1px #fff; font: bold 14px/14px "Arial"; letter-spacing: -1px;padding-left:10px; }
.com-date1 { background-color: #d7d7d7; font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date1 a, .com-date1 a:visited, .com-date1 a:hover { color: #fff; 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: 100%; background:url(images/footer_bg.png)repeat-x; clear: both;position: relative; }
.footer_menu{ width:1000px; height:400px; margin:0 auto; position:relative; background:url(images/head_foot.png) no-repeat top left;background-position: 0 -123px; }
.footer p { font-size: 11px; color:#acaa9c; padding-left: 20px;}
.footer_top{Padding-top: 25px;}
.footer .theme { border-top: solid 1px #d9d7c3; padding-top: 3px; margin-top: 5px;}
/* Navigation used in footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#navlist{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; list-style:none;}
#navlist a{ display:inline; width:95px; color:#fff; text-decoration:none; background:url("images/rollover-image.png") no-repeat; padding:15px 3px 3px 3px;}
#navlist a:hover{ background-position:0 -35px; color:#1e5ebd;}
#navlist a:active{ background-position:0 -71px; color:#1e5ebd;}
/* Sidebar Rollover images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#rssfeed a.rollover{ display:block; width:128px; height:128px; margin-top:65px; text-decoration:none; background:url("images/set12.png") no-repeat;background-position: 0 0px; }
#rssfeed a.rollover:hover{ background-position:0 -128px;}
#twitter a.rollover{ display:block; width:100px; height:89px; text-decoration:none; background:url("images/set12.png") no-repeat; background-position: 0 -765px;}
#twitter a.rollover:hover{ background-position:0 -854px;}
/* newsletter Rollover images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#newsletter form { padding-left:5px; background: #ffffff;margin:-10px 0px 0px -5px;border-bottom:5px solid #c0c0c0; border-top:5px solid #c0c0c0; -moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;border-right:4px solid #c0c0c0; border-left:4px solid #c0c0c0; -webkit-border-top-right-radius: 15px;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;}
#newsletter input {border:none; font-size:11px; text-align:right; color:#fff; font-weight:bold;}
#newsletter label {display:block;padding:0 0 0 3px; font-weight:bold; font-size:1.1em; word-spacing:-.2em;}
.nmail {display:block; float:left; width:230px; height:30px; background:url(images/sub_back.png) no-repeat; padding:14px 15px 0 0;}
* html .nmail {position:relative; background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sub_back.png',sizingMethod='crop');}
.nsubmit {width:47px; height:44px;}
/* author comment color
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.authcomment {
background-color: #B3FFCC !important;
}
/* Footer Background design
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#lfoo {width:774px;float:left;height:200px; padding-top: 50px;}
#llfoo {height:250px; width:220px;float:left;}
#l1lfoo{height:250px; width: 200px; float:left;}
#rlfoo {height:250px; width:220px;float:left;}
/* Footer_Navigation menu vertical
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#elfoo {height:250px; width:50px;float:left;}
#about1_text {color:#F1C115;width:200px;float:right;padding-top:70px;}
#about1_text p {color:#827D7A; width:180px;font-size:12px; padding-bottom:10px;}
#about1_text h3 {background-position: 0px -25px; width:154px; height:40px; border:0px none; margin:23px 20px 0 0px; }
#about1_text a {color:#999999;}
#about1_text a:hover{background-color: #B7B7B7; color: #000000; text-decoration: underline;}
#about1_text a:active,#about1_text a:focus{background-color: #B1B649;color: #000000;outline: none;text-decoration: underline;}
#rfoo {width:180px;float:left;height:250px;}
#bfoo {width:100%;float:left;height:60px;}
/* Footer_Contact us Image
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#about_photo {background:url(images/set12.png) no-repeat; background-position: 0 -1111px; border:0px none; width:154px; height:164px; margin:10px 0px 0px 40px;}
#about_photo a {display:block; width:160px; height:167px;}
.about_frame a:hover{background:url(images/set12.png) no-repeat;background-position: 0 -306px;border:0px none; width:192px; height:185px;}
/* admin
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#add{background:url(images/set12.png) no-repeat; background-position: -263px -464px; border:0px none; width:128px; height:160px; margin:15px 0px 0px 12px;}
#add a {display:block; width:160px; height:167px;}
.addd a:hover{background:url(images/side12.png) no-repeat;background-position: 0 -306px; border:0px none; width:128px; height:160px;}
/* Footer_About
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#about_text {color:#F1C115;width:180px;float:right;padding-top:70px;}
#about_text p {color:#827D7A; width:250px;font-size:12px;}
#about_text ul {width:250px; font-size:10px;list-style:none; margin-bottom:7px; padding-left:0; background:none; text-align:right; border-bottom:1px dashed #cdcdcd; }
#about_text h3 {background-position: 0px -25px; width:154px; height:40px; border:0px none; margin:23px 0 0 0px; }
/* Footer_Twitter
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.twitter_hr {background-position: 0px -20px; width:172px; height:6px; border:0px none; margin:7px 0px 7px;}
#twitter_logo {background:url(images/side12.png) no-repeat top left;background-position: 0 -993px; border:0px none;width:125px; height:42px; margin:15px 0 0px 0;}
#twitter_follow {width:110px; height:40px; margin:12px 0 0px 0; background:url(images/twitter_icon.png) no-repeat;}
#twitter_follow a {display:block; width:98px; height:19px;}
#twitter_text {font-size:10px;color:#FFF;margin:15px 0 0 0; width:180px;}
#twitter_text span {color:#827D7A;display:block;text-align:left;}
#twitter_text ul li{list-style:none; margin-bottom:7px; padding-left:0; background:none; text-align:right; border-bottom:1px dashed #cdcdcd; }
#twitter_text ul{margin:0; margin-left:-30px; padding-left:30px; margin-bottom:15px; font:7.8pt Verdana, Arial, Helvetica, sans-serif; background:none; }
#twitter_text ul li a{color:#506684; padding-bottom:3px; border:none; background:none; }
#twitter_text a {color:#F1C115;}
/* Footer_Copyright and link icon
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#foo_copy {float:left;color:#413D3A;font-size:10px;margin:21px 0 0 0px; width:620px; padding: 0 0 0 20px;}
#foo_copy p {margin:0px;}
#foo_dry {float:left;color:#413D3A;font-size:10px;margin:9px 0 0 0px;height:50px; width:206px;}
#foo_dry a {display:block;cursor:pointer;position:absolute;text-decoration:none;color:#413D3A; margin:12px 0 0 0;}
#foo_dry a:hover {text-decoration:underline;}
#foo_dry span {color:#413D3A;margin:12px 0 0 0;}
#foo_badge {height:45px; width:123px;margin:8px 0 0 0; float:left;}
#foo_badge a {height:45px; width:123px;display:block;cursor:pointer;position:absolute;text-decoration:none;}
.postimage {float:left;padding: 3px; margin: 0 13px 5px 0px; display: inline; border-bottom:5px solid #c0c0c0; border-top:5px solid #c0c0c0; -moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px; -webkit-border-top-right-radius: 15px;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;border-right:4px solid #c0c0c0; border-left:4px solid #c0c0c0}
/* Footer_Tagcloud
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#tag_cloud{width:440px; height:100px; position:relative; text-align:center; }
#tag_cloud a{color:#786d30; }
#tag_cloud a:hover{color:#786d30; border-bottom:1px dotted #786d30; background:#fff9c6; }
/* 'Pre code" for code highlight
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
pre, code{background-color: #f0f0f0; border:1px #999 solid;color:#333;display:block;line-height:normal;overflow:auto;padding:10px;width:480px;}
/* Singe Post Bookmark
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.social1 { width: 140px; background: url("images/social_bg.gif") no-repeat left top #D7D7D7; float: right; margin-right: -14px; position: relative; z-index: 2; margin-left: 12px; _margin-right: -14px; }
.social1 h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
div.social1 ul { padding: 0 10px 10px; background: url("images/social_bg.gif") no-repeat left bottom; font-size: .85em; margin: 0; }
div.social1 ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
div.social1 ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("images/social_list.png") no-repeat; }
.social1 li.digg a { background-position: 0 3px; }
.social1 li.mixx a { background-position: 0 -21px; }
.social1 li.technorati a { background-position: 0 -45px; }
.social1 li.delicious a { background-position: 0 -69px; }
.social1 li.facebook a { background-position: 0 -93px; }
.social1 li.stumbleupon a { background-position: 0 -117px; }
.social1 li.reddit a { background-position: 0 -141px; }
.social1 li.digg a:hover { background-position: 0 -163px; }
.social1 li.mixx a:hover { background-position: 0 -187px; }
.social1 li.technorati a:hover { background-position: 0 -211px; }
.social1 li.delicious a:hover { background-position: 0 -235px; }
.social1 li.facebook a:hover { background-position: 0 -259px; }
.social1 li.stumbleupon a:hover { background-position: 0 -283px; }
.social1 li.reddit a:hover { background-position: 0 -307px; }
/* tables
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#newspaper-a{ font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; margin:5px; width:480px; text-align:left; border-collapse:collapse; border:1px solid #69c;}
#newspaper-a th{ padding:12px 15px 12px 15px; font-weight:normal; font-size:14px; color:#039; border-bottom:1px dashed #69c;}
#newspaper-a td{ padding:7px 10px 7px 10px; color:#669;}
#newspaper-a tbody tr:hover td{ color:#339; background:#d0dafd;}
/* ------------------------------------------------------------
General Styles
------------------------------------------------------------ */
.sitemap{margin:0 0 40px 0; float:left; width:500px; }
.sitemap h1{font-weight:bold; text-transform:uppercase; font-size:20px; margin:0 0 5px 0; }
.sitemap h2{font-family:"Lucida Grande", Verdana, sans-serif; font-size:10px; color:#777777; margin:0 0 20px 0; }
.sitemap a{text-decoration:none; }
.sitemap ol, ul{list-style:none; }
#primaryNav li {
width: 25%;
}
/* ------------------------------------------------------------
Site Map Styles
------------------------------------------------------------ */
/* -------- Top Level --------- */
#primaryNav{margin:0; float:left; width:100%; }
#primaryNav #home{display:block; float:none; background:#ffffff url('images/images/L1-left.png') center bottom no-repeat; position:relative; z-index:2; padding:0 0 30px 0; }
#primaryNav li{float:left; background:url('images/images/L1-center.png') center top no-repeat; padding:30px 0; margin-top:-30px; }
#primaryNav li a{margin:0 20px 0 0; padding:10px 0; display:block; font-size:14px; font-weight:bold; text-align:center; color:black; background:#c3eafb url('images/images/white-highlight.png') top left repeat-x; border:2px solid #b5d9ea; moz-border-radius:5px; webkit-border-radius:5px; webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; }
#primaryNav li a:hover{background-color:#e2f4fd; border-color:#97bdcf; }
#primaryNav li:last-child{background:url('images/images/L1-right.png') center top no-repeat; }
/* -------- Second Level --------- */
#primaryNav li li{width:100%; clear:left; margin-top:0; padding:10px 0 0 0; background:url('images/images/vertical-line.png') center bottom repeat-y; }
#primaryNav li li a{background-color:#cee3ac; font-size:10px; border-color:#b8da83; }
#primaryNav li li a:hover{border-color:#94b75f; background-color:#e7f1d7; }
#primaryNav li li:first-child{padding-top:30px; }
#primaryNav li li:last-child{background:url('images/images/vertical-line.png') center bottom repeat-y; }
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before{color:#8faf5c; }
/* -------- Third Level --------- */
#primaryNav li li ul{margin:10px 0 0 0; width:100%; float:right; padding:9px 0 10px 0; background:#ffffff url('images/images/L3-ul-top.png') center top no-repeat; }
#primaryNav li li li{background:url('images/images/L3-center.png') left center no-repeat; padding:5px 0; }
#primaryNav li li li a{background-color:#fff7aa; border-color:#e3ca4b; font-size:10px; padding:5px 0; width:80%; float:right; }
#primaryNav li li li a:hover{background-color:#fffce5; border-color:#d1b62c; }
#primaryNav li li li:first-child{padding:15px 0 5px 0; background:url('images/images/L3-li-top.png') left center no-repeat; }
#primaryNav li li li:last-child{background:url('images/images/L3-bottom.png') left center no-repeat; }
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before{color:#ccae14; font-size:9px; }
/* ------------------------------------------------------------
Utility Navigation
------------------------------------------------------------ */
#utilityNav{float:right; max-width:50%; margin-right:10px; }
#utilityNav ul{float:right; max-width:50%; margin-right:10px; }
#utilityNav li{float:left; margin-bottom:10px; }
#utilityNav li a{margin:0 10px 0 0; padding:5px 10px; display:block; border:2px solid #e3ca4b; font-size:12px; font-weight:bold; text-align:center; color:black; background:#fff7aa url('images/images/white-highlight.png') top left repeat-x; moz-border-radius:5px; webkit-border-radius:5px; webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; }
#utilityNav li a:hover{background-color:#fffce5; border-color:#d1b62c; }
#utilityNav li a:link:before,
#utilityNav li a:visited:before{color:#ccae14; font-size:9px; margin-bottom:3px; }