/*  
Theme Name: Upstart Blogger Modicus
Theme URI: http://www.upstartblogger.com/
Description: Simple and clean, lightweight theme. For updates, please <a href="http://feeds.feedburner.com/UpstartBlogger">subscribe to Upstart Blogger</a>.
Version: 0.3
Author: Robert Ellis
Author URI: http://www.mysticsoftheordinary.com/
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. Feel free to make any changes, but please keep a link back to Upstart Blogger in your sidebar or footer.
*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
ol,ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
caption,th {
	text-align: left;
}
q:before, q:after {
	content: '';
}

* {
margin:0;
padding:0;
color:#666;
}

html {
	font-family:Georgia, "Times New Roman", Times, serif;
}

span.clear {
	clear:both;
	display:block;
}

body{
background:#efefef url(resources/i/ndi-main-bg.gif) center center repeat;
margin:0;
padding:0;
}

/* @group Structure */

#wrapper{
	width:1152px;
	background:transparent url(resources/i/ndi-repeat-bg.gif) center center repeat-y;
	margin:0px auto;
}

/*	1. H E A D E R
*/

#head{
	background:transparent url(resources/i/ndi-head-bg.gif) center top no-repeat;
	height:285px;
	position:relative;
}

#header{
	background:url(resources/i/ndi-logo.gif) 40px top no-repeat;
	height:285px;
	width:960px;
	margin:0 auto;
	position:relative;
	top:0px;
}

#header .column-one {
	height:265px;
	width:240px;
	float:left;
	margin-right:0px;
}

#header .column-one a.logolink {
	height:245px;
	width:235px;
	margin:0px;
	padding:0px;
	border:none;
	background:transparent;
	display:block;
	text-indent:-9999px;
}

#header .column-two {
	background:transparent /*url(resources/i/ndi-headline.gif) left center no-repeat*/;
	height:285px;
	width:430px;
	float:left;
	padding-left:55px;
	margin-right:50px;
}

#header .column-three {
	height:285px;
	width:180px;
	float:left;
}
/* @end */


/*	2. C O N T E N T
*/

.page-margins {
	min-width:960px;
	max-width:64em;
	position:relative;
	margin:0px auto;
	padding:0px;
	font-family: 'Vera';
	font-size:12px;
	line-height:20px;
}

div.article .page-margins {
	border-bottom:1px solid #dedede;
	padding-bottom:15px;
	/*margin-bottom:45px;*/
	clear:both;
}

.page-margins .column-one {
	width:245px;
	float:left;
	margin-right:50px;
	text-align:right;
}

.page-margins .column-two {
	width:615px;
	float:left;
	margin:0px;
	padding:0px;
	padding-right:50px;
}

/* article head */

.article-head .page-margins .column-one {
	height:80px;
	padding-top:35px;
}

.article-head .page-margins .column-one h3 {
	font-family: 'Colaborate';
	font-weight: 200;
	line-height: 140%;
	font-size:16px;
}

.article-head .page-margins .column-two {
	/*height:80px;
	line-height:80px;*/
	padding-top:25px;
}

.article-head .page-margins .column-two h2 {
	font-family: 'Gauntlet Classic';
	font-size:60px;
	color:#09F;
	line-height: 140%;
}

/* article */

.article .page-margins .column-one {
	/*min-height:540px;
	height:auto;*/
}

.article .page-margins .column-one p {
	line-height:18px;
	border-top:1px solid #dedede;
	padding-top:11px;
	margin-bottom:11px;
	color:#666;
}

.article .page-margins .column-one ul {
	line-height:16px;
	margin-top:-11px;
	margin-bottom:11px;
}

.article .page-margins .column-one a {
	color:#000;
	text-decoration:none;
	margin:2px 0 2px 0;
}

.article .page-margins .column-one a:hover {
	color:#09F;
	text-decoration:overline;
}

.article_info {
	color:#000;
}

.article .page-margins .column-two {
	/*min-height:540px;*/
	/*height:auto;*/
}

/*normal tag formatting for aticles*/

.article .column-two div.contents p {
	margin:0px 0 8px 0;
}

.article .column-two div.contents div {
	margin:0px 0 20px 0;
	display:block;
	padding-bottom:15px;
}

.article .column-two div.contents p {
	margin:0px 0 20px 0;
	display:block;
}

.article .column-two div.contents a {
	margin:0px 0 2px 0;
	text-decoration:none;
	color:#09F;
}

.article .column-two div.contents a:hover {
	margin:0px 0 2px 0;
	text-decoration:overline;
	color:#666;
}
.article .column-two div.contents blockquote {
	clear:both;
	display:block;
	color:#09F;
	margin:8px 0;
	padding:7px 15px;
	border-left: 1px solid #09F;
	font-style:italic;
}

a.quick-comment {
	float:right;
	padding-right:32px;
	background:transparent url(resources/i/ndi-comment-cloud.gif) right center no-repeat;
	height:33px;
}

.column-two div.contents a.read_more {
	clear:both;
	display:block;
	color:#09F;
	margin-top:11px;
	padding:7px 15px;
	border-left: 1px solid #09F;
}

p.article_image {
	margin:28px 0;
}

.column-two div.article_info {
	color:#666;
	margin:22px 0;
	display:block;
	clear:both;
}

/* @end */


/*	2. N A V
*/

ul#mainav {
	margin-top:100px;
	text-transform:lowercase;
}

ul#mainav li {
	float:left;
	list-style:none;
	margin-left:12px;
	margin-right:12px;
}

ul#mainav li a, ul#mainav li a:link {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:lowercase;
	height:34px;
	line-height: 34px;
	font-size:12px;
	display:block;
	text-decoration:none;
}

ul#mainav li a:hover {
	height:31px;
	line-height: 31px;
	font-size:12px;
	color:#0CF;
	border-top:1px solid #0CF;
}

ul#mainav li a.activeon {
	height:34px;
	line-height: 34px;
	font-size:12px;
	color:#000;
	background:transparent url(resources/i/ndi-under-link.gif) left bottom no-repeat;
}


/* @end */

/*	2. CO M M E N T S
*/

p.commentsnumber {
	font-family: 'Colaborate';
	font-weight: 400;
	margin:0;
	padding:15px;
	background-color:#d4e2ea;
	width:635px;
	position:relative;
	color:#333;
	margin-top:35px;
	font-size:140%;
}

p.commentsnumber b {
	font-weight: 400;
	font-size:140%;
}

p.commentsnumber b {
	font-size:140%;
	margin-right:8px;
}

div.bubble {
	border-bottom:1px solid #dedede;
	margin:35px 0;
	padding:20px 0;
	font-size:90%;
}

div.bubble cite {
	width:639px;
	height:60px;
	padding-left:25px;
	margin-bottom:35px;
	display:block;
	clear:both;
}

div.bubble cite img {
	height:60px;
	width:60px;
	borde:1px solid #dedede;
	float:left;
	margin-right:25px;
}


.alt cite {
	border-left:1px solid #09F;
	background-color:#e1e6e9;
}

.odd cite {
	border-left:1px solid #333;
	background-color:#333;
	color:#CCC;
}

.odd cite b a {
	font-weight:bold;
	color:#FFF;
}



.alt blockquote {
	width:420px;
	color:#000;
}

.bubble blockquote {
	width:420px;
	color:#CCC;
}

p#respond {
	font-family: 'Colaborate';
	font-weight: 400;
	margin:0;
	padding:15px;
	background-color:#d4e2ea;
	width:635px;
	position:relative;
	color:#333;
	margin-top:35px;
	margin-bottom:35px;
	font-size:140%;
}

p#respond b {
	font-weight: 400;
	font-size:140%;
}

form #commentform {
	margin-bottom:35px;
}

#commentform input {
	width:320px;
	border:none;
	padding:8px;
	background-color:#333;
	margin:10px 0;
	color:#FFF;
}

#commentform textarea {
	width:320px;
	height:250px;
	border:none;
	padding:8px;
	background-color:#333;
	margin:10px 0;
	color:#FFF;
	overflow:hidden;
	font-family:Tahoma, Geneva, sans-serif;
}

#commentform label {
	/*border:2px solid #00C;*/
	position:relative;
	top:-5px;
}

#commentform label.error{
	font-size: 11px;
	background: #fbfcda url('resources/i/bt_close.png') no-repeat left bottom;
	/*border:1px solid #dbdbd3;*/
	width:640px;
	margin-top:2px;
	margin-left:-15px;
	padding:0px 0px 0px 25px;
	display:block;
	clear:both;
}


/*	2. F O O T T E R
*/

#footer {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*background-color:#0F9;*/
	padding:12px 0;
	width:960px;
	margin:0 auto;
	font-size:9px;
}

#footer a {
	margin:0 24px;
	float:left;
	padding:7px 10px 7px 25px;
}

#footer p {
	float:left;
	margin:0 14px;
	padding:7px 15px;
	border-left: 1px solid #dedede;
	color:#666;
	width:200px;
}
/* @end */


span.wpcf7 {
	margin-top:25px;
}

form.wpcf7-form {
	margin-top:25px;
	margin-bottom:35px;
	font-family: 'Colaborate';
	font-weight: 400;
	font-size:140%;
}

form.wpcf7-form p {
	margin-top:15px;
}

form.wpcf7-form input {
	width:320px;
	border:none;
	padding:8px;
	background-color:#333;
	margin:0px 0 8px 0;
	color:#FFF;
}

form.wpcf7-form p#submit input {
	width:120px;
	border:none;
	padding:8px;
	background-color:#333;
	margin:0px 0 8px 0;
	color:#FFF;
}

form.wpcf7-form select {
	margin:0px 0 8px 0;
}

form.wpcf7-form  textarea {
	width:320px;
	height:250px;
	border:none;
	padding:8px;
	background-color:#333;
	margin:0px 0 8px 0;
	color:#FFF;
	overflow:hidden;
}

/* sliding panel */
#toppanel {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}
#panel {
	width: 100%;
	height: 280px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
}
#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}
#panel p {
	margin: 5px 0;
	padding: 0;
}
#panel a {
	text-decoration: none;
	color: #15ADFF;
}
#panel a:hover {
	color: white;
}
#panel a-lost-pwd {
	display: block;
	float: left;
}
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
#panel .content .right {
	width: 280px;
	float: right;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
#panel .content .border {
	border-left: 1px solid #333;
}
#panel .content .narrow {
	width:120px !important;
}
#panel .content form {
	margin: 0 0 10px 0;
}
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
	position:relative;
	top:2px;
	left:0px;
}
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
#panel .content input:focus.field {
	background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(resources/i/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(resources/i/bt_register.png) no-repeat 0 0;
}
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
/* Panel Tab/button */
.tab {
  	background: url(resources/i/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
	top: 0;
	z-index: 999;
}
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}
.tab ul.login li.left {
  	background: url(resources/i/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li.right {
  	background: url(resources/i/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(resources/i/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
	color: #15ADFF;
}
.tab ul.login li a:hover {
	color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}
.tab a.open {background: url(resources/i/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(resources/i/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(resources/i/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(resources/i/bt_close.png) no-repeat left -19px;}