/* General Blog Body */

body { 
 margin: 0;
 margin-top: 3px;
 padding: 0;
 font-size: 1.5em;
 font-family:  Verdana;
 color: #666666;
}
 
* { margin: 0;
padding: 0;}

img {
 border: 0;
}

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

a:visited {color: #666; border-bottom: 1px dotted #BBB;}

a:hover { 
border-bottom: 2px solid #F7DD4A;
}

.fleft {float: left}

.fright {float: right}

.cclear {clear:both}

/* Blog Navigation & Header */
 
#header { background: url(images/blog.hbg.jpg) repeat-x;}

#header_image { clear: both; margin: 0 auto; width: 947px;}

#feed_nav { padding: 3px; color: #ccc; margin-left: 25px; font-size: 90%; font-weight: normal; padding-left: 20px;
background: url(images/blog.feed.gif) no-repeat center left;}

#feed_nav:hover { background: url(images/blog.feed2.gif) no-repeat center left;}

#feed_nav a { color: #ccc;}

#feed_nav:hover a {color: #666;}

#feed_nav a:visited {border: 0}

#feed_nav a:hover {border-bottom: 1px solid #F7DD4A}

#more_nav  { font-size: 10px; display: inline;}

#more_nav p {text-indent: -9000px}

#more_nav a { padding:0; margin:0; background: url(images/blog.nav.gif) no-repeat top left; width: 45px; height: 19px}

#more_nav a:hover { background: url(images/blog.nav2.gif) no-repeat top left; border-bottom: 0}

#more_nav a:visited { border-bottom: 0}

#navigation {
 padding-top: 5px;
 font-size: 50%;
 font-weight: bolder;
 margin: 0 auto; 
 width: 947px;
}

#navigation ul {
 padding-left: 10px;
 list-style-type: none;
}

#navigation li {
 display: inline;
 cursor: pointer;
}

#navigation  ul a {
 padding: 0 0 0 3px;
 float: left;
 display: block;
 background: none;
 color: #ccc;
 margin-right: 15px; 
 background: url(images/blog.tab.left3.gif) no-repeat left top;
 cursor: pointer;
}

#navigation ul a span {
  float: left;
  background: none;
  float: left;
  display: block;
  padding: 3px 12px 3px 10px;
  background: url(images/blog.tab.right3.gif) no-repeat right top;
  cursor: pointer;
}

#navigation ul a:hover {
 background: url(images/blog.tab.left2.gif) no-repeat left top;
 border-bottom: 0; color: #666;
}

#navigation ul a:visited { border-bottom: 0;}

#navigation ul a span:hover {
  background: url(images/blog.tab.right2.gif) no-repeat right top;
}

#navigation ul .active a {
 padding: 0 0 0 3px;
 float: left;
 display: block;
 background: url(images/blog.tab.left.gif) no-repeat left top;
 color: #ffffff;
 margin-right: 15px; 
}

#navigation ul .active a span {
  float: left;
  background: url(images/blog.tab.right.gif) no-repeat right top;
  float: left;
  display: block;
  padding: 3px 17px 3px 15px;
}

/* Blog Content */

#centerwrap { width: 980px; margin: 0 auto}

#content {padding:0; margin:0;}

    /* Left Column */

#left { float: left; width: 560px; margin: 10px 10px 10px 0; font-size: 50%}

#left a {color: #777}

#left a:visited {border: 0; color: #9F9F9F}

#left a:hover {border-bottom: 2px solid #F7DD4A}

/*                  Article LISTS                  */

.article_list_date {height: 50px; width: 38px; float: left; display: block; padding: 2px 1px 6px 5px; margin-top: 50px; background: url(images/date.bg.jpg) no-repeat center right; font-size: 80%; margin-right: -5px; text-align: center}

.article_date a:hover, .article_list_date a:hover {border: 0}

.article_list_date:hover {background: url(images/date.bg2.jpg) no-repeat center right;}

.article_list_date span {margin: 2px; font-family: georgia, verdana; display: block; font-weight: bold}

.article_date {height: 50px; width: 38px; float: left; display: block; padding: 2px 1px 6px 5px; margin-top: 50px; background: url(images/date.bg2.jpg) no-repeat center right; font-size: 80%; margin-right: -5px; text-align: center}

.article_list h2 { font-size: 140%; line-height: 140%; padding: 0 15px 0 15px;}

.article_list h3 { font-size: 130%; line-height: 140%; padding: 0 15px 0 15px; clear: both; background: #e6e6e6; border: 1px dotted #AFAFAF; border-right: 0; border-left: 0}

.article_list h3:hover .view {visibility: visible}

.article_list h4 { font-size: 110%; line-height: 140%; padding: 0 15px 0 15px}

.article_list  img {padding: 10px}

.article_list p {margin: 5px 0 5px 0; line-height: 130%; padding: 0 10px 0 10px}

.blog_lang {font-size: 70%; line-height: 30px; color: #AFAFAF; float: right; margin-top: -5px}

.list_par { background: url(images/quotes.gif) no-repeat top right; padding: 15px 40px 5px 15px; font-size: 110%; font-family: georgia, verdana; font-style: italic;}

.article_date span {margin: 2px; font-family: georgia, verdana; display: block; font-weight: bold}

.list_day { color:#566586; font-size: 150%}
.list_month { color:#afafaf; margin-bottom: 2px; font-size: 110%}
.list_year { color: #ccc; border-top: 1px dotted #ccc; margin-top: 2px;}

.list_com { text-align: center; color:#566586; font-weight: bold; float: right; display: block; width: 40px; height: 31px; background: url(images/combg.jpg) no-repeat center center; margin-top: 20px; padding-top: 15px; font-size: 90%}

.blog_tags {padding: 5px; clear: both; text-align: right; background: #e6e6e6; border: 1px dotted #AFAFAF; border-right: 0; border-left: 0; font-size: 90%}

/*                  POST INDIVIDUAL                  */

#blog_article_head {}
#blog_article_head h1{float: left; font-size: 170%; margin-left: 5px}

#blog_article_head .list_day { color:#566586; font-size: 140%}
#blog_article_head .list_month { color:#afafaf; font-size: 90%}
#blog_article_head .list_year { border-top: 1px dotted #ccc; color: #afafaf; font-size: 100%; border: 0; display: block; margin-top: 0}

#blog_article_date { text-align: center; background: url(images/date.bg3.gif) no-repeat center right; float: right; font-family: georgia, verdana; width: 55px; height: 37px}

#blog_article_head .blog_tags {padding: 5px; clear: both; text-align: right; background: #e6e6e6; border: 1px dotted #AFAFAF; border-left:0; border-right:0; font-size: 90%}

#blog_article_body { margin: 20px 3px 3px 5px}

#com_inv {font-weight: bold; padding-right: 25px; background: url(images/cominv.gif) no-repeat top right; height: 30px; display: block; text-align: right; margin-top: 40px}

/*  Blog post specific are located in internal CMS stylesheet  */

/*                  POST NAVIGATION                  */

#nav {
 clear: both;
 padding: 10px;
 text-align: center;
 margin-right: 20px;
}

#nav ul { text-align: center;}

#nav a {color: #666;}

#nav li {list-style-type: none; display: inline; padding: 4px; border: 1px solid #bfbfbf; padding-left: 6px; padding-right: 6px;}

#nav li:hover {border: 1px solid #666;}

#nav .empty {border: 1px solid #EFEFEF}

#nav .empty:hover {border: 1px solid #EFEFEF}

#nav .empty {color: #E7E7E7}

#nav .sel, #nav .sel:hover {background:#F6C42E; border: 1px solid #F6C42E}

#nav .sel {color: #FFF; font-weight: bold}

    /*            ----------------------------               Right Column                     -------------------------                            */

#right { float: left; margin-top: -2px;  background: url(images/background.gif) repeat-y top left}

#right a:hover { border: 0}

           /*            ----------------------------               Right Column      1               -------------------------                            */
#rcol1 {float: left; width: 230px; background: #b7b8b8 url(/images/blog.rcol.rs.jpg) repeat-y top left; font-size: 40%; height: 100%; padding: 10px 0px 0px 15px}

#ptitle { width: 180px; height: 53px; margin: 0 auto; background: url(/images/blog.poetry.title.jpg)}

#ptitle p { font-size: 40px}

#ptitle:hover { background: url(/images/blog.poetry.title2.jpg) }

#ptitle a:hover, #ptitle a:visited {border: 0}

.blog_poetry a { color: #898787; font-size: 120%; line-height: 30px; font-weight: bold}

.blog_poetry_body { color: #898787}

.poetry_date { color: #898787; text-align: right; line-height: 30px}

.blog_poetry:hover a { color: #F7DD4A; background: url(/images/link.png) no-repeat center right; padding-right: 20px}

.blog_poetry:hover .blog_poetry_body { color: #666;}

.blog_poetry:hover .poetry_date { color: #666; }

.poetry_separ {background: url(/images/blog.poetry.div.jpg) no-repeat center center; width: 82px; height: 42px; display: block; margin: 0 auto;}

#rcol1 li {list-style-type: none; padding: 5px 5px 5px 10px; text-indent: 5px; border-bottom: 1px dotted #AFAFAF}
#rcol1 li:hover {background: #CFCFCF url(/images/list.gif) no-repeat 2% 50%; color: #fff}

.rps {text-indent: -9000px; background: url(images/rpostst.gif) no-repeat center center; display: block; padding: 10px}
.rcm {text-indent: -9000px; background: url(images/rcomt.gif) no-repeat center center; display: block; padding: 10px}
.ccl {text-indent: -9000px; background: url(images/cclt.gif) no-repeat center center; display: block; padding: 10px}
.relps {text-indent: -9000px; background: url(images/relpst.gif) no-repeat center center; display: block; padding: 10px}
.relcm {text-indent: -9000px; background: url(images/relcomt.gif) no-repeat center center; display: block; padding: 10px}
.arc {text-indent: -9000px; background: url(images/arct.gif) no-repeat center center; display: block; padding: 10px}
.snp {text-indent: -9000px; background: url(images/snpt.gif) no-repeat center center; display: block; padding: 10px}

.cloud {padding: 8px; text-align: center}
.cloud a {line-height: 150%; font-weight: bold; padding: 3px}
.cloud a:hover {background-color: #CFCFCF}

    /*            ----------------------------               Right Column         2            -------------------------                            */

#rcol2 { padding: 10px 15px 10px 10px; float: left; width: 130px; background: #b7b8b8 url(/images/blog.rcol.ls.jpg) repeat-y top right; height: 100%; font-size: 40%}

#rbot {clear: both; width: 100%; background: #b7b8b8 url(/images/blog.row.jpg) repeat-x center left; height: 40px; display: block }

    /* Photo and Design Thumbs */

ol.thumbs {
	list-style-type:none;
	padding: 9px;
	clear:both;
		}
ol.thumbs li {	
	margin:9px 0 0 9px;
	}
ol.thumbs li a img {
	padding:5px;
	background:#fff;
	}
ol.thumbs li a:hover img {
	background: #F6C42E;
	}
ol.thumbs li a:hover, ol.thumbs li a:visited {border-bottom: 0;}	

    /* Feeds */

#rcol2 .simplepie li {list-style-type: none; padding: 5px 5px 5px 10px; text-indent: 5px; border-bottom: 1px dotted #AFAFAF}
#rcol2 .simplepie li:hover {background: #CFCFCF url(/images/darrow.gif) no-repeat 3px 50%; color: #fff}

    /* Items */

#rcol2 h2 {font-size: 120%; padding: 10px}

#rcol2 p { padding: 8px}

.lfm {margin-left: 10px; text-indent: 15px; background: url(images/blog.lasfm.jpg) no-repeat center left; text-align: center}
.lpt {text-indent: -9000px; background: url(images/blog.click.jpg) no-repeat center center; display: block}
.lds {text-indent: -9000px; background: url(images/blog.sign.jpg) no-repeat center center; display: block}
.lwk {text-indent: -9000px; background: url(images/blog.atw.jpg) no-repeat center center; display: block}

.link { background: url(images/link.png) no-repeat 10% 50%; padding-left: 10px; text-indent: 20px}
.link:hover {background-color: #F6C42E}

#rcol2 .archnav li {list-style-type: none; padding: 5px; text-align: center; border-bottom: 1px dotted #AFAFAF}
#rcol2 .archnav li:hover {background: #CFCFCF url(/images/darrow.gif) no-repeat 35px 50%; color: #fff}


    /*            ----------------------------             FOOTER           -------------------------                            */
	
#footer {clear: both; background: #9a9b9b url(images/blog.foot.bg.gif) repeat-x top left; width: 100%; font-size: 50%}

#footer .blog_foot_box {float: left; width: 30%; padding: 10px}

#footer .blog_foot_box .simplepie li {list-style-type: none; padding: 5px 10px 5px 15px; border-bottom: 1px dotted #AFAFAF}
#footer .blog_foot_box .simplepie li:hover {background: #B9B9B9 url(/images/darrow.gif) no-repeat 4px 50%; color: #fff}

#footer a { color: #666; text-decoration: none;}

#footer a:visited {color: #666; border-bottom: 0;}

#footer a:hover { border-bottom: 2px solid #F7DD4A;}

#footer_wrap {width: 880px; margin: 0 auto; padding: 20px; color: #6F6F6F}

#footer_wrap p {padding: 10px}

.blog_foot_box h3, .blog_foot_box h3 {font-size: 12pt; line-height: 250%; color: #B9B9B9; margin: 0 0 5px 0}

.blog_foot_box a, a:visited {color: #7F7F7F}

.blog_foot_box:hover h3 {color: #F7DD4A}

.blog_foot_box:hover a { color: #555}

.blog_foot_box:hover p { color: #f4f4f4}

.f_scroll {height: 280px; overflow: auto; padding-right: 10px}

.s_all a {background:#8F8F8F; padding: 3px 5px 3px 5px; font-weight: bold}

.s_all:hover a {background: #B9B9B9; color: #F7DD4A}

#search {text-align: center}

#search input {
	font-size: 12px;
    padding: 3px 5px 3px 5px;
}

#search fieldset {margin: 0; padding: 0;}

.botton {
	border: 1px solid #BFBFBF;
	font-size: 12px;
	color: #666;
}

.button:hover, .button:focus {
	border: 1px solid #ccc;
	background: #F6C42E;
}

#fotter_bottom {clear: both; width: 880px; margin: 0 auto; padding: 20px; text-align: center}

/* Forms */

input, textarea {
	border: 1px dotted #BFBFBF;
	background: #fff;
	font-size: 14px;
	color: #666; padding: 2px;
}

input:hover, textarea:hover {
	border: 1px solid #ccc;
	background: #F6C42E;
}

input:focus {
	border: 1px solid #ccc;
	background: #FFF9B6;
}

fieldset { padding: 10px; border: 0}

legend { font-weight: bold; font-size: 110%;}

label { color: #666; font-weight: bold}

form { padding: 5px; }

input { }

select {  }

input.radio {  }

.comment_form .botton { background: #FFF9B6;}

.disabled {color: #ccc; background: #EAEBEB; border: 0}

.disabled:hover {color: #ccc; background: #EAEBEB; border: 0}

/* end of FORMS */

/* comments */

.comments-wrapper { margin: 0 auto;}

.posted-comment { width: 510px; margin: 0 auto; padding-bottom: 1px; background: url(/images/blog.secorner.gif) no-repeat bottom right; margin-bottom: 10px; color: #666 }

.comment_form { width: 400px; font-size: 50%; background: #F7F7F7; border: 1px solid #EBEBEB; margin: 0 auto}

#com_form {width: 500px; margin: 0 auto; color: #666}

#com_form a {border-bottom: 2px dotted #ccc;}

#com_l {width: 40%; float: left}

#com _r {width: 60%}

#com_prev { font-size: 120%; width: 350px; margin: 0 auto; padding: 5px; background: #EFEFEF; border: 1px dashed #666 }

#com_prev h4 {color: #666; font-size: 120%}

#com_prev p { color: red}

.box_comment { 
  background: #DFDFDF; 
  margin: 20px;
} 

.boxtop_comment { 
  background: url(/images/blog.nec.gif) no-repeat top right; 
}
.boxtop_comment div { 
  height: 10px; 
  background: url(/images/blog.nwc.gif) no-repeat top left; 
}
.boxbottom_comment { 
  background: url(/images/blog.sec.gif) no-repeat bottom right; 
}
.boxbottom_comment div { 
  height: 10px; 
  background: url(/images/blog.swc.gif) no-repeat bottom left; 
}
.boxcontent_comment {
  padding: 0px 10px 0px 10px;
}

.comfoot { text-align: right;}

.separator { text-align: center; padding: 10px; clear: both}

.message img { float: left; padding: 0 5px 0 0}

.grav , .grav_owner { text-align: right; margin-right: 90px; margin-bottom: 20px; font-size: 110%}

.grav_owner a, .grav_owner a:visited { font-weight: bolder; color: #F6C42E}

.grav img {border: 8px solid #DFDFDF}

.grav_owner img {border: 8px solid #F6C42E} /* owner */

.line { display: block; line-height: 26px;}

/* Rounded Corner */

.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#DFDFDF}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c8c8c8;
  border-right:1px solid #c8c8c8;
  background:#d5d5d5}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #bbbbbb;
  border-right:1px solid #bbbbbb;
  background:#d7d7d7}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;}
.round4{
  border-left:1px solid #c8c8c8;
  border-right:1px solid #c8c8c8}
.round5{
  border-left:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5}
.roundfg{
  background:#DFDFDF}
.round_wrap {margin-bottom: 10px}  


.roundywrap {float: right; width: 517px; padding-top: 5px}
.roundy{display:block}
.roundy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F4F4F4}
.roundy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#f6f6f6}
.roundy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f6f6f6}
.roundy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;}
.roundy4{
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa}
.roundy5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.roundyfg{
  background:#F4F4F4}
  
  
/*      WOW GALLERY         */

ol.wow_gal {
	clear:both;
	margin:0;  padding: 0;
	background-image: none; 
		}
ol.wow_gal li {	
	    margin:0;
        float: left;
        background-image: none; 
        padding: 0;
        list-style-type: none
	}
	
ol.wow_gal li a {	
        background-image: none; 
	}	
	
ol.wow_gal li a img {
	padding:5px;
	background:#fff;
	margin:0;
	}
ol.wow_gal li a:hover img {
	background: #F6C42E;
	}
ol.wow_gal li a:hover, .wow_gal li a:visited {border-bottom: 0;}	

#twitter_title {border: none}
#twitter_update_list li {padding: 5px 5px 5px 10px; list-style-type: none}
#twitter_update_list li:hover {background: #CFCFCF}
#twitter_update_list a, #twitter_update_list a:visited {color: #666; text-decoration: underline}
#twitter_update_list a:hover {background: #FCF2AB}

.scroll {height: 450px; overflow: auto}

.addthis_toolbox.addthis_pill_combo a {
    float: right; padding-top: 10px
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}