@charset "UTF-8";
/* `Basics
----------------------------------------------------------------------------------------------------*/
body{font: 12px/16px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; background: #212121 url(../images/blog_bg.jpg) 50% 0 no-repeat; color: #a9a9a9}
a:focus{outline: 1px dotted invert}
a{text-decoration:none; color:#80cce6}
a:hover{color:#eee}
#kinfo{position:absolute; top:0; left:0; width:121px; height:121px}
#kinfo a{border:none}
hr{border-color: #333;border-style: solid;border-width: 1px 0 0;clear: both;height: 0; text-align:center}
em{color:#ddd}
.aright{text-align:right}
.aleft{text-align:left}
.jst{text-align:justify}
.ac{text-align:center}
.header{margin-top:50px}
.logo p{padding: 10px 0}
.logo a{border:none}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #393939;}
.error {color:#c83102}
.notice {color:#E6EFC2}
.success {background:#E6EFC2}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.note,.twitter em{font-size:10px; color:#555}
/* `Debugging
----------------------------------------------------------------------------------------------------*/
.xcontainer_12{background:transparent url(../images/12_col.gif) repeat-y}
.aa{background:#09F!important}
.bb{background:#C90!important}
.cc{background:#333}
.dd{background:#212121}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h1 a{font-size: 16px; color: #e1e2e3}
h2, h2 a {font-size: 13px; color: #f7e29a}
h2 a:hover{color:#fff}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 10px}
/* `Navigation
----------------------------------------------------------------------------------------------------*/
#navlist{height:50px; margin-top:20px}
#navlist a{color:#e1e2e3; border-bottom:1px solid #333}
#navlist li{display: inline;list-style-type: none; padding-right:15px; font-size:14px; font-weight: bold}
#navlist a:hover{color: #bdcc42}
body#home-page li#home a,
body#portfolio-page li#portfolio a,
body#blog-page li#blog a,
body#about-page li#about a,
body#contact-page li#contact a{color:#bdcc42; border-bottom:2px solid #bdcc42}
/* `Footer

----------------------------------------------------------------------------------------------------*/
#footer{color:#555; font-size:11px}
#footer a{color:#888; border-bottom:1px solid #333}
#footer .aright a{margin-left:10px}
#footer a:hover{color:#fff}
.listed li{border-bottom: 1px solid #333; padding: 2px 0}
.flickr_badge_uber_wrapper img{border:3px solid #444; padding:2px; margin:0 2px}
.flickr_badge_uber_wrapper a:hover img{border-color:#3e70fa}
/* `Frontpage
----------------------------------------------------------------------------------------------------*/
.blog_titles li{overflow:hidden; border-bottom:1px solid #333}
.blog_titles a{float:left;width:73%;text-align:left;color:#80cce6;margin-right:5px}
.blog_titles span{float:right;width:23%;text-align:right;font-size:10px}
.blog_titles a:hover{color:#fff}
.readmore{text-align:right}
.readmore a{margin-right:5px; border-bottom:1px solid #333;color:#bdcc42; font-size: 11px}
.readmore a:hover{color: #fff}
.bottom .readmore{text-align: left}
.rightSide h1{font:bold 32px Cambria,Georgia,serif; color:#f7e29a;text-align: right; margin-bottom: 10px; padding-right: 10px}
/* `Blog
----------------------------------------------------------------------------------------------------*/
.post,#related{margin-bottom:10px;background:transparent url(../images/dots.gif) repeat-x bottom left; padding-bottom:10px}
.post ul{list-style:square; margin-left: 20px}
img.centered{display: block; margin:10px auto}
img.alignright{margin: 0 0 .5em 1em; display: inline}
img.alignleft{margin: 0 1em .5em 0; display: inline}
.alignright{float: right}
.alignleft{float: left}
.aside a{border-bottom:1px solid #333}
.post h1, .post h1 a{font-size:24px;color:#eee; letter-spacing:-1px; line-height:26px; font-weight: normal;color:#bdcc42}
.post h1 a:hover{color:#f3f4f5}
.post h2{font-size:18px}
.post h3{font-size:16px}
.post h2,.post h3{color:#eee; line-height:20px; font-weight: normal}
.article img{padding:5px; background:#212121; border:1px solid #333; text-decoration:none;vertical-align:sub;}
.article img:hover{background:#333}
.article a{color:#f6c43a;border-bottom:1px solid #333}
.article a:hover{background:#313131; color:#eee}
blockquote {border-left: 2px solid #444;padding:10px;background-color: #313131;font-style:italic; margin:5px 0; clear:both}
blockquote p{margin:0}
cite{font-size: 10px; font-style: normal; display: block}
.meta,.meta a{font-size:11px;margin-bottom:10px}
.meta a{border-bottom:1px solid #333}
.tags a{color:#a9a9a9; border-bottom:1px solid #333}
.tags a:hover{color:#eee;background:#333}
.post .tags{font-size:10px}
.twitter li{background:#111; margin:2px 0; padding:5px; font-size: 11px}
.twitter p{margin:0; padding:0}
.count{color:#f4118b}
.not_found{margin-top: 30px}
.search .inpt {width: 290px}
.categories ul{list-style:none}
.categories li{display:inline; margin-right:5px; text-transform: lowercase}
/* related entries
------------------------------------------------------------------- */
#related ul{margin-left:20px}
#related li{list-style:disc}
#related a{color:#bdcc42;border-bottom:1px solid #333}
#related a:hover{color:#f3f4f5}
/* comments list
------------------------------------------------------------------- */
#comments h4{font-size:14px; display:inline; margin-right:5px}
#comments h4 a,
#comments p a{border-bottom:1px solid #333}
#comments .user,
#comments .author{margin:10px 0; border:1px dashed #333; padding:10px;background:#121212}
#comments .author h4{color:#b4cc3e}
#comments .meta,
#comments .meta a{color:#555;font-style:italic; font-size:10px}
#comments .meta a:hover{color:#80cce6}
/* `Contact and Comments form(s)
----------------------------------------------------------------------------------------------------*/
#comm_form{margin-bottom:10px}
#comm_form img{border:none}
#captcha{width:170px}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#444;}
#contact_form em{color:#f0f}
label{display:block}
.inpt,.txtarea{width:290px; background:#313131; color:#f7e29a;border:1px solid #333;padding:4px;margin-bottom: 10px}
#contact_form .inpt,#contact_form .txtarea{width:370px}
.contact_ok {margin:50px 0}
.btn_blue{width:180px;border:solid 1px #00aeff;background:#00aeff url(../images/btn_blue.gif) 0 0 repeat-x; color:#f3f4f5; padding:4px}
.btxt{font:bold 30px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#636363}
.btxt em{color:#eee;font-style:normal}
/* `Blog Pagination
------------------------------------------------------------------- */
#pages{font-size:11px; margin: 10px 0}
#pages a,#pages strong{padding:2px 5px;background:#333; color:#eee; margin:0}
#pages a:hover,#pages strong{background:#80cce6; color:#111; padding: 2px 5px; margin: 0}

/* `Work area
----------------------------------------------------------------------------------------------------*/
.svw {width: 50px; height: 20px; background: #333;} 
.svw ul {position: relative; left: -999em;} 
.stripViewer {position: relative; overflow: hidden; border: 5px solid #333} 
.stripViewer ul {position: relative; left: 0; top: 0; width: 1%; list-style-type: none} 
.stripViewer ul li {float:left} 
.stripTransmitter {overflow: auto;width: 1%;} 
.stripTransmitter ul {position: relative;list-style-type: none} 
.stripTransmitter ul li{width: 20px;float:left;margin: 0 1px 1px 0} 
.stripTransmitter a{text-align: center;line-height: 22px;background: #212121;color: #888;text-decoration: none;display: block} 
.stripTransmitter a:hover, a.current{background: #333;color: #fff} 
.pf_details{margin:20px 0}
.pf_details p{margin-left:20px}
.pf_details a{color:#bdcc42}
.pf_details a:hover{color: #fff}
.pf a{border:none}
.pf img{padding:3px; background:#212121; border:1px solid #333}
.pf a img:hover{background:#666}
.pf p a{border-bottom:1px solid #333}
.pf p span{color:#666}
.pf h1{display:inline}
.pf_work span{background:#111; padding:3px; border:1px solid #666}
/* `Links List Page
----------------------------------------------------------------------------------------------------*/
.linkslist ul li{margin:2px 0 10px}
.linkslist li{border: 1px solid #333; padding: 5px}
.linkslist li p{font-size: 11px; margin-left: 10px}
.linkslist{padding: 5px; width: 290px; float: left}
.linkslist li:hover{background:#111;border:1px dotted #666}
.arch ul{list-style-type: none}
.arch li{margin-left: 20px}
.arch .month{margin-left:0;padding:5px 0; font-size: 16px; color: #bdcc42}
/* `Fancy window
----------------------------------------------------------------------------------------------------*/
#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;display: none;z-index: 30}
/* * html #fancy_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')} */
* html #fancy_overlay {position: absolute;height: 430px}
#fancy_wrap {text-align: left}
#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100}
#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('../images/fancy/fancy_progress.png') no-repeat}
#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30}
#fancy_loading_icon {position: absolute;background: url('../images/fancy/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px}
#fancy_outer {position: absolute;top: 0;left: 0;z-index: 90;padding: 18px 18px 33px;margin: 0;overflow: hidden;background: transparent;display: none}
#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF}
#fancy_content {margin: 0;z-index: 100;position: absolute}
#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100}
img#fancy_img {position: absolute;top: 0;left: 0;border:0; z-index: 100;width: 100%;height: 100%}
#fancy_close {position: absolute;top: -12px;right: -15px;height: 32px;width: 57px;background: url('../images/fancy/fancy_closebox2.png') top left no-repeat;cursor: pointer;z-index: 181;display: none}
#fancy_frame {position: relative;width: 100%;height: 100%;display: none}
#fancy_ajax {width: 100%;height: 100%;overflow: auto}
.fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent}
#fancy_title {position: absolute;bottom:0;left: 0;width: 100%;z-index: 100;display: none}
#fancy_title div {color: #FFF;line-height:24px; text-align:center}
#fancy_title_main {height: 24px;background: transparent url('../images/fancy/titlebg.png') 0 0 repeat-x}
/* `Featured section
----------------------------------------------------------------------------------------------------*/
#featured{text-align: center}
#featured a{text-decoration: none; border: none}
#portfolio-page .container_12 #bodycalander {
	width: 950px;
	margin-left: 10px;
}
#portfolio-page .container_12 #bodycalander #smallcalanderleft {
	float: left;
	height: 400px;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#portfolio-page .container_12 #bodycalander #smallcalanderright {
	width: 300px;
	float: right;
	margin-right: 50px;
	margin-top: 30px;
}
#blog-page .container_12 #loginrighttext {
	width: 200px;
	float: right;
	margin-right: 300px;
	margin-top: 75px;
}
#blog-page .container_12 #loginformleft {
	float: left;
	height: 225px;
	width: 300px;
	margin-top: 75px;
	margin-left: 100px;
	margin-bottom: 50px;
	border: 1px solid #666;
	padding: 20px;
	text-align: right;
}
#blog-page .container_12 #shootbacklogin {
	padding: 20px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 150px;
	clear: both;
}