/*
reworked theme for updated blog appearance
body overall: ##CCCCCC
dark (header, footer): #333333
blue: #4FAEFD
font-color: #333333

*/

/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

*/

/******OVERALL*******/
body {
	color:#555555;
	font-family:Segoe UI,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	width:100%;
	
}

html, body {
	background-color:#CCCCCC;
	height:100%;
	margin:0;
	text-align:center;
}

/*****HEADER******/
#nn_top_wrapper {
	background-color:#333333;
	height:137px;
	margin-left:auto;
	margin-right:auto;
}

#nn_top {
	width:951px;
	height:103px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	background:#333333 url('http://ninanet.com/blogimgs/nntop_bg.gif') bottom right no-repeat;
}

#logo {
	display:inline;
	float:left;
	height: 83px;
	width:200px;
	padding-right:7px;
	margin-top:15px;
	margin-left:-10px;
}
img {
	border:0;
	text-decoration:none;
	background-color:transparent;
}


#mixing {
	float:left;
	position:relative;
	top:38px;
	margin-left:-18px;
	height:40px;
	padding-top:22px;
	padding-left:20px;
}
a.logo:link, a.logo:visited, a.logo:hover, a.logo:active {
	border:0;
	background-color:transparent;
	text-decoration:none;
}

/******TOPNAV **********/

#topnav {
	float:right;
	position: absolute;
	top: 20px;
	width:951px;
	margin:0;
}

#searchform {
	display:inline;
	/*float:right;
	margin: 40px 0 0 15px;;*/
	text-align:right;
}
#searchform label {
	color:#bbbbbb;
}


.lnavsrch {
	background-color:#333333;
	padding:5px 0 0 0
}

.srchfrm {
	height:35px;
	margin:0;
}
input.search{
	color:#dddddd;
	font-size:12px;
	height:20px;
	border:1px solid #666666;
	background-color:#333333;
}

#topul {
	float:right;
	display:inline;
	margin: 0;
	list-style: none;
	list-style-type: none;
	text-align:left;
	/*border: 1px solid #ff0000;*/
}

#topul li{
	display:inline;
	color:#999999;
	list-style-position: outside;
	line-height:16px;
	padding-left:20px;
	margin-left:10px;
	background:url("../imgs/top_bullet.gif") 5px center no-repeat;
	/*border: 1px solid #ff0000;*/
}

#topul a {
	color:#999999;
	background-color:transparent;
	text-decoration:none;
}
#topul a:hover {
	color: #aaaaaa;
	background-color:transparent;
	text-decoration:none;
}

/*********NAVI2*******/
/****************** TOP NAVI *************************/
ul#navlist {
	float:right;
	padding: 0;
	white-space: nowrap;
	width:950px;
	height:23px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	border-width: 0;
	border-style:solid;
	border-color:#cccccc;
	text-align:right;
	border-bottom-color:#333333
}
#navlist li {
	display: inline;
	line-height: 23px;
	font-size:14px;
	display: inline;
	list-style-type: none;
	background-color:#333333;
}
#navlist li.news {
	display: inline;
	float:left;
	line-height: 23px;
	font-size:14px;
	display: inline;
	list-style-type: none;
}
#navlist a {
	padding: 2px 20px;
}
#navlist a:link, #navlist a:visited {
	color: #777777;
	border:0;
	text-decoration: none;
}
#navlist a:hover {
	border:0;
	text-decoration: none;
}

/************** CONTENT WRAPPER *****************/
#nn_content_wrapper {
	background: url('http://ninanet.com/imgs/wrapper_bg1.jpg') top left repeat-y;
	margin:0 auto;
	width:1000px;
	text-align:left;
}

ul, h1 {
	margin-top:0;
}


/************* MAIN CONTENT *************/
#nn_main_content {
	float:left;
	width: 700px;
	margin: 0 0 0 40px;
	/*overflow-x: auto; overflow-y: hidden; */

}

ul, h1 {
	margin-top:0;
}

h2, h3 {
	font-family:Georgia, serif;
}

/********** general link beavior **********/
a, a:link, a:visited {
	color:#727697;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	background-color:#dedede;
}

h2 a, h3 a, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	font-style:italic;
	color: #333333;
	text-decoration:none;
}

h2 a:hover, h3 a:hover {
	color:#555555;
	text-decoration:underline;
}

h2.archive {
	color:#b60606;
	font-style:italic;
	font-weight:normal;
}



/*****************ARCHIVE PAGES ***********/
h3.month_archive {
	clear:both;
	font-style:italic;
	margin-bottom:10px;
}

ul.month_archive {
	list-style-type:none;
	margin-bottom:40px;
}

.the_day {
	display:inline;
	float:left;
	color:#555555;
	width:80px;
	height:16px;
	line-height:16px;
	text-align:right;
	padding-right:15px;
}

.the_article {
	float:left;
}

ul.month_archive li {
	clear:both;
}

/************* POSTS ********************/
.post {
	background-color:#ffffff;
	padding:5px;
	margin:0 0 15px 0;
	clear:both;

}

.post h2.date {
	margin-top:-5px;
	margin-bottom:2px;
	float:left;
	width:80px;
	color:#ff0000;
}

.post h2.ptitle {
	float:left;
	width:570px;
	font-size:20px;
	font-family:Georgia, serif;
	margin-bottom:2px;
	font-weight:normal;
}

.post h2.ptitle a, .post h2.ptitle a:link, .post h2.ptitle a:visited {
	font-style:italic;
	color: #333333;
	text-decoration:none;
}

.post h2.ptitle a:hover {
	background-color:transparent;
	text-decoration:underline;
}

.post h3 {
	font-size:16px;
	font-style:italic;
}

.post span.views {
	font-size:11px;
}

.pheader {
	margin:0;
	padding:5px;
	font-style:italic;
	border:5px solid #cacaca;
	background-color:#efefef;
}


.post img.thumb {
	float:left;
	margin: 10px 10px 10px 5px;;
}

.post img.alignleft,.post img.tfe {
	float:left;
	margin: 10px 10px 10px 5px;
}


.post p {
	/*font-family: Verdana, Arial, Helevtica, sans-serif;*/
	font-family:Georgia, Times, serif;
	font-size: 13px;
	line-height:18px;
}

/**************** IMAGES *************/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/*img.alignnone {float:right;}*/

/*********** POST LINK STYLE **********/
.post a, post a:link, .post a:visited {
	color:#033aa0;
	text-decoration:underline;
}

.post a.more-link, post a:link.more-link, .post a:visited.more-link {
	color:#033AA0;
	text-decoration:underline;
	font-size:11px;
	font-style:italic;
	line-height:25px;
	padding:5px 0;
}
.post a.more-link:hover {
	background-color:#B60606;
	color:#eeeeee;	
}	

.postbreak {
clear:both;
	height:10px;
	border-bottom:1px solid #cecece;
}

/**********POSTS DL BUTTONS **********/
.demobuttons,.demobuttons p {
	text-align:center;
	width:400px;
	height:70px;
	font-size:20px;
	font-weight:normal;
	font-family: Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;
	margin:auto;
}
.demo {
	float:left;
	display:inline-block;
	color:#ffffff;
	width:150px;
	height:60px;
	background:url('http://ninanet.com/devdemos/devbutton.png') top left no-repeat;
	line-height:60px;
	text-decoration:none;
}
.demo:hover {
	background:url('http://ninanet.com/devdemos/devbutton.png') 0 -60px no-repeat;
	text-decoration:none;
}
.dl {
	float:left;
	display:inline-block;
	color:#ffffff;
	width:150px;
	height:60px;
	background:url('http://ninanet.com/devdemos/devbutton.png') top left no-repeat;
	line-height:60px;
	text-decoration:none;
}
.dl:hover {
	background:url('http://ninanet.com/devdemos/devbutton.png') 0 -60px no-repeat;
	text-decoration:none;
}



/************  POST SHARETHIS LINK STYLE ****************/
#sharethis_0 {
	margin:10px 0;
}
.post a:link.stico_default,.post a:visited.stico_default,.post a:hover.stico_default {
	float:left;
	margin-top:10px;
	font-family: Arial, Helevtica, sans-serif;
	font-size: 11px;
	padding-right:30px;
	/*border-right:1px solid #cecece;*/
	text-decoration:none;
	color:#555555;
}


/*************POST TInyURL LINKS STYLE ********************/
.post a:link.tiny,.post a:visited.tiny,.post a:hover.tiny, span.tiny a, span.tiny a:link, span.tiny a:visited, span.tiny a:hover {
	text-decoration:none;
	color:#555555;
	background-color:#DEDEDE;
}

span.tiny {
	background-color:transparent;
	line-height:20px;
}

span.tiny img {
	position:relative;
	top:2px;
	/*padding-top:10px;*/
}

/************* DXONE *****************************/
div.minivwidgetcontainer {
	border:none;
}


/************** POST TAGS LINK STYLE *************/
.post p.tags {
	margin-top:20px;
	font-size:10px;
	color:#555555;
	font-family: Verdana, Arial, Helevtica, sans-serif;
	margin-bottom:4px;
}
.post p.tags a, .post p.tags a:link, .post p.tags a:visited  {
	margin:20px 0 0 0;
	padding:5px;
	font-size:10px;
	color:#B60606;
	background-color:transparent;
	text-decoration:none;
}

.post p.tags a:hover {
	background-color:#dadada;
}


.post #pfooter, .post .pfooter {
	margin-top:10px;
	float:right;
	font-family: Arial, Helevtica, sans-serif;
	font-size: 11px;
	line-height:16px;
	margin-bottom:2px;
}


/************PAGES***********************/
.post h2.page {
	font-size:20px;
	font-family:Georgia, serif;
	margin-bottom:2px;
	font-weight:normal;
}




/********** links in post footer ************/
.post p#pfooter a, .post p#pfooter a:link, .post p#pfooter a:visited {
	color:#666666;
	text-decoration:none;
	background-color:#dedede;
	padding:3px;
}

.post p#pfooter a:hover {
	color:#ffffff;
	background-color: #cecece;
}

.post p.pfooter a, .post p.pfooter a:link, .post p.pfooter a:visited,.post .pfooter a, .post .pfooter a:link, .post .pfooter a:visited {
	color:#666666;
	text-decoration:none;
	background-color:#dedede;
	padding:3px;
}

.post p.pfooter a:hover,.post .pfooter a:hover {
	color:#ffffff;
	background-color: #cecece;
}

.post .pfooter img {
	position:relative;
	top:2px;
}

.prevnext {
	padding:20px 0;
	list-style-type:none;
	display:inline;
	font-family:Georgia, Times, serif;
	font-size:12px;
	font-style:italic;
}

li.prev {
	float:left;
}

li.next {
	float:right;
}

.prevnext li a,.prevnext li a:link, .prevnext li a:visited {
	
}

.prevnext li a:hover {
	background-color:transparent;
}

/**********COMMENTS **********************/
/*
.comment {
	background-color:#aaffaa
}
*/
.commentlist {

	width:550px;
}

h3#comments,h3#respond {
	clear:both;
	font-family:Georgia, serif;
	color:#b60606;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	margin-top:25px;
}

.commentlist .quote {
	background:#454545 url(http://ninanet.com/blogimgs/bg_quote.gif) no-repeat 410px 5px;
	padding:5px;
	min-height:69px;
	border-width:6px 6px 0 6px;
	border-style: solid ;
	border-color:#0f0f0f;
	}

.commentlist .authc {	
	border-color:#6b0505;
}

.commentlist .quote span {	
	float:left;
	background-color:#bb0617;
	width:30px;
	height:15px;
	margin:12px 12px 12px 5px;
	text-align:center;
	color:#eeeeee;
}

	
.commentlist .quote p {	
	float:left;
	width:400px;
}

.commentlist li {
	border:6px solid #aaaaaa;
	width:500px;
 	/*padding: 5px 18px 15px 18px;*/
	margin-top:15px;
	color:#e4edee;
	}

.commentlist cite {
	clear:right;
	height:30px;
	background:#0f0f0f url(http://ninanet.com/blogimgs/bg_commentlist.gif) left -20px no-repeat;
	display:block;
	padding:20px 0 0 12px;
	font-style:normal;
}

.commentlist cite.authc {
	background:#6b0505 url(http://ninanet.com/blogimgs/bg_admincommentlist.gif) left -20px no-repeat;
}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	background-color:transparent;
	text-decoration:underline;
	}

	
.moderation {
	color:#bb0617;
}

p.loggedinuser {
	color:#dedede;
}

.xhtmltags {
	color: #dedede;
	padding: 0 0 0 10px;
	font-size:11px;
}
	
#commentform input, #commentform textarea {
	/*display:block;*/
}	

#commentform {
	width:500px;
	margin:0 0 20px 40px;
}

fieldset.comment {
	border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
	width:484px;
	border:5px solid #bdbdbd;
	background:#232323 url("http://blog.ninanet.com/wp-includes/images/back-grad.gif") repeat-x  0 0 ;
}

#commentform label {
	clear:both;
	display:block;

	padding:8px 10px;
	height:24px;
	line-height:24px;
	margin:1px 0;
}

#commentform span {
	float:left;
	line-height:30px;
	font-weight:bold;
	color:#dedede;
	width:120px;
	text-align:right;
	padding:0 10px 0 0;
}

.txtfld {
	float:left;
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	margin:3px;
	height:24px;
	border:0;
	padding: 3px 8px;
	width:274px;
	background:url("http://blog.ninanet.com/wp-includes/images//txtfld1.png") no-repeat  0 0 ;
	color:#FFFFFF;
}
fieldset>input.txtfld {
	background:url("http://blog.ninanet.com/wp-includes/images/txtfld1.png") no-repeat scroll 0 0 transparent;
}
.txtfld:focus {
	background:url("http://blog.ninanet.com/wp-includes/images/txtfld1.png") no-repeat scroll 0 -30px transparent;
}
fieldset>input.txtfld:focus {
	background:url("http://blog.ninanet.com/wp-includes/images/txtfld1.png") no-repeat scroll 0 0 transparent;
}

#txt_cont {
	background:url("http://blog.ninanet.com/wp-includes/images/textarea_bg2.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:140px;
	margin-top:10px;
	width:300px;
}

textarea.txtcomment {
	overflow:hidden;
	color:#FFFFFF;
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	height:120px;
	padding:13px;
	width:300px;
	border:0;
	outline:none;
	background-color:transparent;

}
textarea.txtcomment:focus {
	background:url("http://blog.ninanet.com/wp-includes/images/textarea_bg2.png") no-repeat scroll 0 -140px transparent;
}

.submitdiv {
	width:480px;
	text-align:center;
	margin:5px 0 10px 0;
	clear:both;
}

#submit{

	border:0;
	width:150px;
	height:25px;
	margin: 0 0 0 3px;
	color:#111111;
	font-size:11px;
	background:url("http://blog.ninanet.com/wp-includes/images/s_buttons5.png") no-repeat  0 0 transparent;
}

#submit:hover {
	color:#a2eb41;
	background:url("http://blog.ninanet.com/wp-includes/images/s_buttons5.png") no-repeat  0 -25px  transparent;
}

/************ SIDEBAR *******************/
#nn_r_sidebar {
	float:right;
	width:225px;
	margin: 5px 27px 0 0;
}

#nn_r_sidebar ul {
	width:200px;
	list-style-type:none;
	list-style-position:outside;
	margin-left:-20px;
}

#nn_r_sidebar li {

}

.sb_item {
	background:#EEEEEE none repeat scroll 0 0;
	border:5px solid #DEDEDE;
	padding:3px;
	margin-bottom:10px;
}

.sb_item_social {
	background:#ffffff none repeat scroll 0 0;
	padding:3px;
	margin-bottom:10px;
	text-align:center;
}

.sb_header {
	background: url('http://ninanet.com/blogimgs/arrow-next-sharp-thick.png') left top no-repeat;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:6px;
	margin-bottom:10px;
	padding-left:18px;
}

.sb_content {
	padding-left:10px;
}

#nn_r_sidebar a, #nn_r_sidebar a:link,#nn_r_sidebar a:visited {
	color:#727697;
	text-decoration:none;
	padding-bottom:5px;
	line-height:18px;
}



#nn_r_sidebar a:hover {
	text-decoration:underline;
}

#nn_r_sidebar a.social, #nn_r_sidebar a:link.social,#nn_r_sidebar a:visited.social,#nn_r_sidebar a:hover.social  {
	border:0;
	display:inline;
	background-color:transparent;
}




/**************FOOTER********************/
.footer, .push {
	clear:both;
	height:40px;
	margin:0 0 0 0;
}

.footer {
	width:951px;
	margin-left:auto;
	margin-right:auto;
	height:60px;
	border-top: 0px solid #cdcdcd;
	background-color: #333333;

}
.footer a:link, .footer a:visited  {
	color: #7f7f7f;
	background-color:transparent;
	border-bottom: 0;
	text-decoration:underline;
}
.footer a:hover {
	color: #aaaaaa;
	background-color:transparent;
	text-decoration:underline;
}

.footer a:active {
	color: #7f7f7f;
	background-color:transparent;
	text-decoration:underline;
}

.fclose {
	width:951px;
	padding-top:10px;
	font-size:10px;
	height: 50px;
	color: #7f7f7f;
	background-color:#333333; 
	margin-right: auto;
	margin-left: auto;
	/*background: url("../imgs/footer_bg1.jpg") top left repeat-x;*/
}

.fcloser {
	float:right;
	padding-right:20px;
	padding-top:5px;
	text-align:right;
}

.fclosel {
	display: inline;
	float:left;
	padding-top:5px;
	padding-left:20px;
	text-align:left;
}

.footerbottom {
	background: url("http://ninanet.com/imgs/footer_bottom1.jpg") bottom left no-repeat;
	height:20px;
	margin:0 auto;
	width:1000px
}
/******************** PLUGINS ************/

#wpstats {
	display:none;
}

.fb_share_count_wrapper {
	width:48px;
}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {
	background-position:-5px -232px;
}
.FBConnectButton, .FBConnectButton_Small {
	width:48px;
}
.FBConnectButton_Small {
	background-position:-5px -232px !important;
	border-left:1px solid #1A356E;
}
.FBConnectButton_Text {
	margin-left:10px !important;
	padding:2px 2px 3px !important;
}

.connect_confirmation_cell, .connect_widget .connect_widget_facebook_favicon {
	display:none;
	visibility:hidden;
}

.fbcount {
	width:600px;
}
.cfbshare {
	font-size:12px;
	display:inline;
	line-height:24px;
	background: url('images/fblikeshare.jpg') 0 3px no-repeat;
	padding: 5px 0 5px 55px;
}
.cfblike {
	font-size:12px;
	display:inline;
	line-height:30px;
	background: url('images/fblikeshare.jpg') 0 -25px no-repeat;
	padding: 5px 0 5px 55px;
}