/*
------------------------------------------------------------------------
Theme Name:    Photonic
Theme URI:     http://www.nattywp.com/
Description:   Photonic theme by NattyWP. <a href="admin.php?page=nattywp_home">Configure theme</a>. Visit our <a href="http://www.nattywp.com/forum" title="NattyWP Forum">NattyWP Community Forum</a> and <a href="http://support.nattywp.com">Help Desk</a>!
Version:       2.0
Author:        NattyWP
Author URI:    http://www.nattywp.com/
------------------------------------------------------------------------

Support:       NattyWP, contactus@nattywp.com
Updated:       Aug 21 2009
Copyright:     (c) 2009 NattyWP

All rights reserved.
*/

/* RESET */
html { color: rgb(0, 0, 0); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
fieldset, img { border: 0pt none ; }
address, caption, cite, code, dfn, em, /*strong,*/ th, var { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/* GRID */
.wrap12 { margin: 0pt auto; width: 900px;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, /*.col8,*/ .col9, .col10, .col11, .col12 { overflow: visible; display: inline; float: left;}
.col8 { overflow: visible; display: block; float: left;}
.wrap12 .col2 { width: 140px; }
.wrap12 .col4 { width: 500px; } /* orig width: 310px; */
.wrap12 .col8 { width: 310px; } /* orig width: 500px; */
.wrap12 .col12 { width: 840px;}

.inner .wrap12 .col4 { width:550px;}
.inner .wrap12 .col12 { width:550px;}
.inner .col9 {float:left !important; position:relative; *bottom:50px !important; bottom:35px; margin-top:0px;}
.inner .col8 ul {margin-left:20px;}
.inner .wrap12 .col8 {width:520px; padding-bottom:20px;}
.inner .project {padding:20px 30px 0px 30px;}
.col20 {float:right;}
.col9 {float:right !important; margin-top:10px;}
.wrap1, .wrap2, .wrap3, .wrap4, .wrap5, .wrap6, .wrap7, .wrap8, .wrap9, .wrap10, .wrap11 { display: inline; float: left; }
.wrap1:after, .wrap2:after, .wrap3:after, .wrap4:after, .wrap5:after, .wrap6:after, .wrap7:after, .wrap8:after, .wrap9:after, .wrap10:after, .wrap11:after, .wrap12:after, .clearfix:after { content: ""; display: block; height: 0pt; clear: both; visibility: hidden; }
.wrap12 .wrap6 { width: 480px; }
.pull0left, .pull1left, .pull2left, .pull3left, .pull4left, .pull5left, .pull6left, .pull7left, .pull8left, .pull9left, .pull10left, .pull11left { float: left; margin-right: 20px; position: relative; }
.wrap12 .pull2left { margin-left: -160px; }
.wrap12 .space2left { margin-left: 170px; }
.inner-text {width:600px;}
.leftbar { float:left; width:650px;}
.sidebar {overflow:hidden; width:250px; float:right;}
.leftbar .nopad { background:#EfEfEf; margin-top:10px; padding-top:5px; padding-bottom:5px; margin-bottom:20px; font-size:85%;}


/* MAIN */
html { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body { color: #898c78; font-family: Arial, Helvetica, sans-serif; line-height: 20px;}
a { text-decoration: none; }
a:link, a:visited {text-decoration:underline; }
em { font-style: italic; }
p, ul, ol, h1, h2, h3 { margin-bottom: 20px; }
#content li { margin-left: 20px; }
#content ul li { list-style-type: disc; list-style-image: none; list-style-position: outside; }


h1, h2, h3, h4, #masthead nav a, .oldernewer, .info, .deck, #hi_there, #pagefoot dl, #comment-form input[type="text"], td.form label, .slab { font-family: Arial, Helvetica, sans-serif; }
h1 {font-size: 18px; line-height: 20px; color:#7a7c6d; margin-bottom: 11px; }
h1 a {text-decoration:none !important;}
h1.pagetitle { font-size:23px; text-shadow: 0pt 2px 4px rgba(0, 0, 0, 0.10);}
h2 { margin: 0px 0px 5px; font-size: 18px; font-weight: normal;}
h3 { margin: 0px 0px 5px; font-size: 16px; font-weight: normal;}
h4 { margin: 0px 0px 5px; font-size: 15px;  font-weight: normal;}
h5 { margin: 0px 0px 10px; font-size: 14px;}
h6 { margin: 0px; font-size: 12px; font-weight: bold;}

.deck { font-size: 12px; font-weight:bold; }
.deck a {text-decoration:none; color:#5A5D4B;}
blockquote { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EEEEEE none repeat scroll 0 0; border:1px solid #DDDDDD; margin:1em 0; padding:1em;}
.inner .project {}
.inner .project p {margin-top:10px; margin-bottom:15px;}
.inner .project ul {margin:15px 0 15px 10px; padding:0px 0px 10px 0px;}
.inner .project ol { padding-left:37px; }
.inner .project ol li {list-style-image:none; list-style-position:outside; list-style-type:decimal; padding:3px 0;}
.inner .project dl { margin: 1.5em 0pt; }
.inner .project dl dt {}
.inner .project dd{margin:0; padding:0 15px 15px; }
.inner .project em { font-style: italic; }
.inner .project pre { padding: 0pt 10px; background: rgb(249, 249, 212) none repeat scroll 0% 0%; overflow: auto; margin-bottom: 15px; }
.inner .project code { margin: 0pt; padding: 1px 3px; background: rgb(255, 255, 225) none repeat scroll 0% 0%; font-family: Monaco,monospace; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.inner .project abbr { border-bottom: 1px dotted rgb(153, 153, 153); cursor: help; }
.inner .project hr { border: medium none ; margin: 0pt 0pt 1.4em; background: rgb(178, 204, 255) none repeat scroll 0% 0%; color: rgb(178, 204, 255); clear: both; float: none; width: 100%; height: 0.1em; }
.inner .project table { margin: 0pt auto; width: 100%; }
.inner .project th, .inner .project td { height: 1em; line-height: 18px; padding:10px; }

#header {margin-top:60px;}
#logo {}
.left-head {background:url(images/header-left.png) no-repeat; height:81px; width:50px; float:left; padding-right:12px;} /* orig padding-right:20px; */
.right-head {background:url(images/header-right.png) no-repeat; height:81px; width:50px; margin-left:40px;}
#head-left, #head-right  {background:url(images/header-bg.gif) repeat-x; height:81px;}
#head-main { width:980px; height:81px;}
#head-img { width:50px; height:81px;}
#content { padding-top: 20px;}
#footer { background:#9fa38a; padding-top: 10px; padding-bottom:10px; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
	
/* navigation */
#menu-bg {height:81px; background:url(images/header-bg.gif) repeat-x;}
#menu { height: 61px; margin-top:20px; overflow:hidden; display:inline;}
#menu ul, #menu ul ul {	padding: 0;	margin: 0; list-style: none; line-height: 1; z-index: 100;}
#menu ul a {display: block;	line-height: 28px;	padding: 0 5px; z-index: 100; text-decoration:none;} /* padding: 0 10px; default */
#menu ul li {float: left;}
#menu ul li { padding: 6px 5px; float: left; } /* padding: 6px 10px; default */
#menu ul li.current-cat a, #menu ul li.current_page_item a, #menu ul li.current_page_parent ul li.current_page_item a, #menu ul li.current-cat-parent ul li.current-cat a{-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#8f927b; color:#FFF;}
#menu ul li.current_page_item ul li a, #menu ul li.current_page_parent ul li.current_page_item ul li a, #menu ul li.current-cat ul li a, #menu ul li.current-cat-parent ul li.current-cat ul li a, #menu ul li ul li a  {color: #555555; background:none;}
#menu ul li a { color: #5f6154; font-size:18px; }
#menu ul li a:hover {color:#000; /*text-shadow:0 2px 4px rgba(0, 0, 0, 0.23);*/} /* #fff */
#menu ul li ul { position: absolute; width: 172px; left: -999em; z-index:1000;}
#menu ul li ul li {	border: 1px solid #F7F6F6; border-width:0 1px 1px; padding:3px 9px 3px 9px; background: #FFF;  margin:0px; }
#menu ul li ul li a { line-height: 25px; font-size: 11px; color: #555555; width: 150px; display: block; }
#menu ul li ul li a:hover {color:#8f927b;}
#menu ul li ul ul {	margin: -26px 0 0 170px; }
#menu ul li ul ul li a { line-height: 25px; }
#menu ul li ul li ul li a {	border-width:0 1px 1px 0px; }
#menu ul li:hover ul, #menu ul li.sfhover ul { left: auto; }
#menu ul li:hover ul ul, #menu ul li.sfhover ul ul { left: -999em; }
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li.sfhover ul, #menu ul li li.sfhover ul { left: auto; }
#menu ul li:hover, #menu ul li.hover { position: static; } 

.left-coll {float:left; width:400px; padding-right:50px;}
.right-coll {width:300px; float:right;}


/* Widgets */
.widget{margin-top:25px;}
.widget p { margin-bottom: 10px; }
.widget ul li { list-style:none !important; margin-left:0px !important;}
.widget ul li ul {padding:0px !important; margin:0px !important;}
.widget ul li ul li{ margin:3px 0px 3px 10px !important; padding:0px !important; border:0px !important;}
.widget#twitterWidget h1 span { background:#bc0c7b; color:#FFF; padding-left:4px; padding-right:4px;}
.widget#twitterWidget {background:url(images/twitt-shadow.png) bottom center no-repeat; padding-bottom:30px;}
.widget#twitterWidget h1 { background:url(images/twitter_i.png) no-repeat right; height:26px;}
#widget_categories ul li a{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:5px 0 5px 19px;}
#widget_pages ul li a{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:5px 0 5px 19px;}
#widget_recent_entries ul li a{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:5px 0 5px 19px;}
#widget_recent_comments ul li{background:url(images/recent_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
#widget_recent_comments ul li a {background:none;}
#widget_text {line-height:18px;}
#widget_tag_cloud {margin-bottom:15px;}
#widget_archive ul li a{background:url(images/archives_bull.gif) no-repeat 0 7px; padding:4px 0 4px 19px;}
#twitter .dasheddivider {margin-top:15px;}


/* HomePage Styles */
.project .book {
	width:100%;
	border:none;
}
.project .book td {
	vertical-align:top;
	text-align:left;
	padding-right:10px;
}
.project .book td .order {
	text-align:center;
}
.project .book td .order img {
	margin-top:18px;
}

/* /END Homepage Styles */

.project { margin-bottom: 40px; margin-top:20px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; padding:20px 30px 20px 30px;}
.project .col4 {margin: 0px; padding-right: 30px; }
.project .col8 { margin: 0px; position: relative; }
.project .col8 ul {}
.project ul {margin-bottom:0px;}
.project .col8 li { width: 490px; height: 525px;/*height: 340px;*/ margin-right: 60px; margin-bottom: 20px; }
#content .project .col8 li { list-style-type: none; list-style-image: none; list-style-position: outside; margin-left: 0pt; }
.project .col8 li img { margin-top:30px;/*border: 5px solid #FFF;*/ }

.readmore { width:80px; background:#767f86; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; padding:5px 0px 5px 15px; display:block; float:left;}
.readmore a {color:#FFF !important; text-decoration:none; font-weight:bold;}
.slide-nav { }
#content .slide-nav li, #content .slide-navi li { margin: 0pt 1px 0pt 0pt; padding: 0pt; }
.slide-navi li {float: left; font-size: 14px; display: block; line-height: 25px; width: 80px; text-align: center; cursor: pointer; font-family: Arial, Helvetica, sans-serif;}
.slide-navi li.prev-prj, .slide-navi li.next-prj { background: transparent url('images/control.png') no-repeat scroll 0% 0%; float: left; text-indent: -5555px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.slide-navi li.prev-prj { background-position: 7px -27px; }
.slide-navi li.next-prj { background-position: 7px 5px; }
.slide-navi li.prev-prj:hover { background-position: 7px -87px; }
.slide-navi li.next-prj:hover { background-position: 7px -56px; }

.slide-nav li { float: left; font-size: 18px; display: block; line-height: 20px; width: 20px; text-align: center; cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; margin-right:5px !important;}
.slide-nav li.num { background: #a3ccc3 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 255, 255); }
.slide-nav li.selected, .slide-nav li.num.selected:hover { background: #399099 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.slide-nav li.num:hover { color:#FFF !important;}

/* FOOTER */
.footer{text-align:left; padding:0px 40px 30px 40px; color:#b9c7d4; overflow:hidden; clear:both;}
.copy {float:left; padding-top:20px;}
.copy a {color:#0b74bf; text-decoration:none;} /* color #fff, text dec: none*/
.copy a:hover {color:#000;}
.copy span{color:#fff;} /* color:#fff;*/
.menu{float:right;}
.menu a{color:#b9c7d4; text-decoration:none; padding:0 2px;}
.menu a:hover{text-decoration:underline;}


/* ToolTip */
#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; color:#000; }

/* TOP search bar*/
#search-block{
width:302px;
padding-top:40px;
margin-right:17px;
}
.c_simg {
position:relative;
}
.s_input {
background:transparent url(images/s_input.png) no-repeat scroll 0 0;
float:left;
height:26px;
width:195px;
}
.s_input input {
border:0 none;
color:#9499a1;
font-weight:normal;
height:17px;
margin-left:15px;
margin-top:5px;
width:180px;
}
.s_submit {
float:left;
padding:0px;
}

/* ADS module*/
#ads-module {text-align:center;}
#ads-module ul.advert {list-style:none; margin:0px !important; padding:0px;}
#ads-module ul.advert li {list-style:none !important; float:left; margin-left:15px; padding-bottom:10px;}
#ads-module ul.advert li a {background:none; padding:0px; margin:0px; border:0px;}
#ads-module ul.advert li a:hover {background:none; border:0px;}
#widget_tag_cloud {padding-bottom:20px;}
#single-ads {padding-top:15px;}
#single-ads #ads-module {margin:0px; padding:0px; width:auto; text-align:center;}
.header-ads { float:right; padding-top:20px; padding-right:20px;}

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Trebuchet MS', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption { text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;}
/* End Calendar */

/* Flickr */
.flickr-pic {}
.flickr-pic .flickr_badge_image { float:left; padding-right:16px; padding-top:5px; padding-bottom:5px;}
.sidebar .flickr-pic .flickr_badge_image {float:left; padding-right:8px; padding-top:5px; padding-bottom:5px;}

/* WP extention */
.aligncenter {
	display: block;
	margin: 0pt auto 10px;
}
.alignleft {
	float: left; margin: 5px 15px 10px 0px;
}
.alignright {
	float: right;  margin: 5px 0px 10px 15px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	max-width:510px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0 !important;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Comment Form */
.top-widget #widget_categories select {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	background: #EFEFEF;
	border-top: 1px solid #c1c1b7;
	border-right: 1px solid #fafaf6;
	border-bottom: 1px solid #fafaf6;
	border-left: 1px solid #c1c1b7;
	width:60%;
}

#comment-form {padding-top:20px;}
#commentform {margin-left:20px; padding-top:10px;}
#comment-form label {
	float: left;
	width: 200px;
	padding-top: 5px;
	font-size: .85em;
	font-weight: bold;
}
#comment-form label .required {
	font-size: .85em;
	font-weight: normal;
}
#comment-form label .required {
	color: #fff;
}
#comment-form input, #comment-form textarea {
	width: 265px;
	padding: 5px 5px;
}
#searchforma .field {float:left;}
#searchforma .field input {width:160px; padding:5px 5px;}
#comment-form input, #comment-form textarea, #searchforma .field input {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #727272;
	background: #EFEFEF;
	border-top: 1px solid #c1c1b7;
	border-right: 1px solid #fafaf6;
	border-bottom: 1px solid #fafaf6;
	border-left: 1px solid #c1c1b7;
}
#comment-form input:focus, #comment-form textarea:focus {
	color: #53534c;
	border: 1px solid #C3D3DF;
}
#comment-form #submit {
	width: auto;
	margin-left: 200px;
	border: none;
	padding: 4px 10px;
	margin-top:10px;
	text-transform: uppercase;
	cursor: pointer;
}
#searchforma input#submit {width: auto; margin-left: 10px;border: none;
	padding: 4px 10px;
	text-transform: uppercase;
	cursor: pointer;}
	
#comment-form #submit, #searchforma input#submit {
	font: bold .95em Arial, Helvetica, Geneva, sans-serif;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

h2.comm-title {color:#5F5F5F;}
.commentlist {color:#5F5F5F;}
#respond {color:#5F5F5F;}

/* Begin Comments*/
.alt { margin: 0; padding: 10px;}
.commentlist { margin:0px; padding: 0px; text-align: justify;}
.commentlist li {margin: 15px 0px 20px 0px; padding: 5px 5px 10px 10px; list-style: none !important;}
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 15px 0px 15px 5px; display: block;}
.thread-alt {}
.thread-even {}
.depth-1 {border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}
.even, .alt {}
.says {font-size:85%;}
.children .depth-1 { border-left:1px solid #CFCFCF; border-right:0px; border-top:0px; border-bottom:0px;}
.navigation {display: block; text-align: center; margin-top: 10px;}
.commentlist li .avatar { float: right;	border: 1px solid #eee;	padding: 2px !important; background: #fff; margin-left:15px;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.comment-meta a { color:#162F42; font-size:11px;}
.comment-author cite {background:url(images/icons/autor-ico.png) no-repeat left center; padding-left:20px;}
.comment-author cite, .comment-author cite a{ font-size:13px; font-weight:bold;}

.reply { padding-right:24px; text-align:right;}
.reply { background: url(images/icons/reply-ico.png) no-repeat right center;}
.reply a {font-size:11px;}
cite .note, cite .note a { font-size:10px; font-weight:bold; color:#454547; text-decoration:none;}
/* End Comments */

/*- TOP page-navi -*/
.page-nav li a {color: #e9e9e9;}
.page-nav li a:hover {color:#3a3d43;}
.page-nav li.active a, .page-nav li.current_page_item a, .page-nav li.current_page_item a:hover, .page-nav li a:hover {background:#fff; color: #92b729; text-decoration:none;}

.page-nav {font-size:18px; font-weight:normal; float:right; margin-bottom:20px;}
.page-nav ul { list-style:none; margin:0px; padding:0px;}
.page-nav li { float: left; line-height: 30px; margin: 0 6px 0 0;}
.page-nav li a{ display: block; float: left; text-decoration:none !important;}
.page-nav li a span{ display: block; float: left; height: 37px; padding: 7px 15px 7px 15px;}

.page-nav li.active a, .page-nav li.current_page_item a, .page-nav li.current_page_item a:hover, .page-nav li a:hover{	
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-moz-border-radius-topleft:16px;
	-moz-border-radius-topright:16px;
	cursor: pointer;
	text-decoration: none;
	height:46px;	
}

/* Natty */
.hid {display:none; position:absolute;}
.lin {background:url(images/natty-logo.png) no-repeat 0pt 0pt; width:175px; height:56px; float:right; margin-right:0px; margin-left:0px; margin-top:0px;}
.linka {padding-top:28px; padding-left:56px; padding-bottom:5px;}
.linka a, .linka a:hover { color:#CDCFC2 !important; text-decoration:none; font-size:9px; font-family:'Tahoma', Arial, Helvetica, sans-serif;}

/* Image in post */
.hid {display:none; position:absolute;}
.inner .project img {max-width:300px; max-height:auto; height:auto;} /*orig max-width: 500px;*/
.fullwidth {}
.fullwidth .wrap12 .col4 { width:840px;}
.fullwidth .inner-text {width:860px;}


td.logo { margin:0; width:360px;}