/*
Theme Name: DigitalNotions
Theme URI: http://digitalnotions.net
Description: The DigitalNotions Default Theme
Version: 1.0 alpha
Author: Mark Wood
Author URI: http://digitalnotions.net
*/

/* 
--------------------------
- Page Definitions
--------------------------
*/
* {
   margin: 0;
   padding: 0;
}

body {
   background: transparent url(images/bg_titlebar.jpg) repeat-x scroll;
   background-color: #23231E;
   color: #EEEEEE;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-family: Verdana, Tahoma, arial, sans-serif;
}

/* 
--------------------------
- Global Definitions
--------------------------
*/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:Verdana;
   background:inherit;
}

h1, h2 {letter-spacing:-0.05em;}
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}

a, a:visited { 
   color: #A7A778;
   background-color: inherit;
   font-weight: bold;
   text-decoration: none; 
}

a:hover {
   color:#A7A778;
   text-decoration: underline;
}

img {
   border: 0pt none;
   vertical-align: bottom;
}

img.center {
   display: block;
   margin: 0pt auto;
}

p.center {
   text-align: center;
}

small {
   font-size: 11px;
}

.wp-caption {
	background:#383830;
	border:1px solid #CCC;
	padding:5px 0;
	margin-bottom:10px;
	text-align:center;
}
.wp-caption img {
	margin:0 5px;
}
.wp-caption-text {
	text-align:center;
	padding:0 5px !important;
	padding:3px 5px 0;
}
*+html .wp-caption-text {
	padding:3px 5px 0 !important;
}

blockquote, pre {
	background: #383830 none repeat scroll 0%;
	border:1px dashed #CCC;
	padding:8px 12px;
	margin:5px 20px 10px;
}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}

.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul, ol {
   list-style-position: outside;
   list-style: none;
}

li {
   margin: 0 5px 5px;
}

/* 
--------------------------
- Global Definitions
--------------------------
*/
p {
   padding-bottom: 10px;
}

h1 a:hover, h2 a:hover, h3 a:hover {
   text-decoration: none;
}

h1 { /* Should only be used for the page header */
   font-family: "courier new", courier, sans-serif;
   font-size: 35px;
   letter-spacing: 3px;
}

h2 {
   color: #A7A778;
   background-color: inherit;
   font-size: 22px;
   padding: 3px 0 8px;
}

h3 {
   color: #888855;
   font-size: 14px;
   margin: 10px 0px 5px;
   clear: both;
}

h4 {
   color: #EEEEEE;
   font-size: 16px;
/*   margin: 15px 0;*/
}

h3.pagetitle {
   color: #A7A778;
   font-size: 24px;
   padding: 2px 0;
   text-align: center;
   margin: 5px 0 0;
}

.archive_caption {
   color: #A7A778;
   font-size: 18px;
   text-align: center;
   padding:5px 0 10px;
}

/* 
--------------------------
- Core Layout Definitions
-   This defines the actual page container with everything in it.
--------------------------
*/
#page_container {
   color: inherit;
   width: 960px;
   margin: 5px auto 0px;
   overflow: hidden;
}

/*
--------------------------
- Header Definitions
-   Defines everything displayed by the wp_header() function
-   call
--------------------------
*/
#header {
   color: inherit;
   padding: 20px 0 15px 0;
   height: 85px;
   overflow: hidden;
}

#global_navigation {
   font-family: Arial;
   font-size: 16px;   
   text-align: right;
   margin:0 10px;
}

#global_navigation li {
    display:inline;
    margin:5px 0;
}

#global_navigation a, #global_navigation a:visited {
    color: #A7A778;
    border: 1px solid #000;
    background: #23231E;
    font-weight: bold;
    text-decoration: none;
    padding: 7px;
    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
}

#global_navigation a:hover {
    background: #23231E;
    border: 1px solid #000;
    color: #EEE;
}

#header_title {
   text-align: left;
}

#header_title .description {
   font-family: "courier new", courier, sans-serif;
   font-size: 20px;
}

/*
--------------------------
- Content Definitions
-   Defines the content: Left Column, Sidebar, Footer
-   Only deals with border and sizes.
--------------------------
*/
#main {
   width: 960px;
   float: left;
}

#footer {
   width: 960px;
   float: left;
   background:#131313 none repeat scroll 0 0;
   margin: 0 0 25px;
}

/* |---------------650px-------------------| |------300px-------| */
/*                                          ^                     */
/*                                         10px                   */

.left_column {
   width: 650px;
   float: left;
}

.right_column {
   width: 300px;
   float: right;
}

.left_left_column {
   width: 280px;
   float: left;
}

.left_right_column {
   width: 360px;
   float: right;
}

/* Total of 10px padding / border */
.contentborder, .widgetborder {
   float: left;
   padding: 4px;
   border: 1px solid #000000;
   background: #131313;
   position: relative;
}

.contentborder {
   width: 640px;
   margin-bottom: 10px;
}

.widgetborder {
   float: left;
   clear: both;
   overflow: hidden;
   width: 290px;
   margin: 0 0 9px 0;
}

/* Total 2px after border */
.content, .widget {
   border: 1px solid #41413B;
   background: #23231E;
}

.content {
   width: 638px;
   text-align: left;
   float: left;
}

.widget {
   width: 268px;
   padding: 10px;
}

.section_title {
   font-size: 26px;
   font-family: verdana;
   text-align: center;
   padding-top: 10px;
   margin-bottom: 10px;
   color: #A7A778;
}


/*
--------------------------
- Left Side Definitions
--------------------------
*/
.content_block h2 {
   margin: 0 0 5px;
}

.meta, .meta a {
   color: #A7A778;
   font-size: 10px;
}

.meta_item {
   border-right: 1px solid #A7A778;
   margin-right: 5px;
   padding-right: 10px;
}

.post {
   position: relative;
   clear: both;
   padding: 15px 20px 20px;
   border-bottom: 1px dashed #383830;
}

.post input {
   margin: 10px 0;
}

.post p {
   font-size: 14px;
}

.post ul, .post ol {
   list-style-position: outside;
   padding: 0 15px;
   font-size: 14px;
}

.post ul {
   list-style-type: circle;
}

.post ol {
   list-style-type: decimal;
}

.post li {
   margin: 0 15px 5px;
}

.post h4 {
   margin: 15px 0;
}

#excerpt {
   padding: 10px;
}

.banner_ad{
   margin: 0px auto;
   width: 470px;
}

.postmetadata {
   background: #383830 none repeat scroll 0%;
   clear: both;
   color:#FFFFFF;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin: 10px 0;
   padding: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.postmetadata ul, .postmetadata ol {
   font-size: 12px;
   list-style-type: none;
   display: block;
}

.postmetadata li {
   list-style-type: none;
   margin: 0 25px;
   display: block;
}

.postmetadata .tag {
   margin: 0 4px;
}

.postmetadata .meta_title {
   font-size: 16px;
   font-weight: bold;
   display: block;
}

.postmetadata p {
   font-weight: normal;
   font-size: 13px;
   color: #FFFFFF;
   padding: 10px 0;
}

.postmetadata a {
   color: #A7A778;
   text-decoration: none;
}

.postmetadata a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}

.navigation {
   text-align: center;
   margin: 15px 0;
}

/*
--------------------------
- Sidebar
-   Defines everything displayed in the sidebar
--------------------------
*/
#about.widget {
   height: 250px;
}

#about.widget .widgettitle {
   border-bottom: none;
   color: #A7A778;
   font-family: "courier new", courier, sans-serif;
   font-size: 26px;
   text-align: center;
}

#about.widget a, #about.widget a:visited {
   border: none;
   padding: 0px;
   text-decoration: none;
   display: inline;
}

.rss_item {
   background: transparent url(images/rss.png) no-repeat scroll;
   padding: 0 0 0 40px;
   margin: 5px 0;
   height: 40px;
}

.twitter_item {
   background: transparent url(images/twitter.png) no-repeat scroll;
   padding: 0 0 0 40px;
   margin: 5px 0;
   height: 40px;
}

.flickr_item {
   background: transparent url(images/flickr.png) no-repeat scroll;
   padding: 0 0 0 40px;
   margin: 5px 0;
   height: 40px;
}

.gplus_item {
   background: transparent url(http://ssl.gstatic.com/images/icons/gplus-32.png) no-repeat scroll;
   padding: 0 0 0 40px;
   margin: 5px 0;
   height: 40px;
}

.gplus_item a, .gplus_item a:visited {
   color: #eee;
   border: none;
   padding: 0px;
   text-decoration: none;
   display: inline;
   font-weight: normal;
}
   

.rssform p{
   padding: 3px;
}

.rssform input.text_input{
   font-size: 12px;
   font-family: Helvetica,Arial,Sans-Serif;
   font-style: normal;
   font-stretch: normal;
   font-weight: normal;
   line-height: normal;
   width: 255px;
}

.rssform input.sub_btn{
   text-align: center;
   width:100px;
   margin: 3px 0 0 5px;
}

#sponsors.widget .widgettitle {
   border-bottom: none;
}

.widgettitle {
   position: relative;
   padding: 0 0 5px 0;
   border-bottom: 1px solid #65655B;
   line-height: 1.3em;
}

.widgetfooter, .widgetfooter a , .widgetfooter a:visited, .widgetfooter a:hover{
   position: relative;
   margin: 5px 0 0;
   line-height: 1.3em;
   color: #FFFFFF;
   text-align: center;
   text-decoration: none;
}

.widget li a, .widget li a:visited {
   border-bottom: 1px solid #65655B;
   display: block;
   padding: 5px;
   text-decoration: none;
   width: 257px;
}

/*
--------------------------
- Comment Form
-   Defines everything displayed in the Comment Form
--------------------------
*/
#respond {
   width: 560px;
   overflow: hidden;
   margin: 10px auto;
   padding: 0px 10px;
   background: #131313;
}

#respond h3, h3#comments {
   font-size: 16px;
   text-decoration: none;
   text-align: center;
}


textarea#comment {
   width: 500px;
   margin: 10px 0 0;
}

.comments .commentlist {
   clear: both;
}

.comments, .nocomments {
   margin: 0px auto;
   width: 580px;
   overflow: hidden;
}

.comments .comment, .pings {
   border: 1px solid #23231E;
   background: #383830;
   width: 580px;
   padding: 10px;
   width: 558px;
}

.pings {
   margin: 0px auto;
}

.pings ol {
   list-style-type: decimal;
   color: #A7A778;
   font-weight: bold;
   margin:0 0 0 15px;
}

.comments .bypostauthor {
   border: 1px solid #383830;
   background: #23231E;
}

.comment-meta, .comment-meta a, .comment-meta a:hover {
   font-size: 10px;
   text-decoration: none;
   font-weight: normal;
   margin-bottom: 5px;
}

.comment-author, .comment-author a, .comment-author a:hover {
   font-size: 14px;
   margin-bottom: 2px;
   text-decoration: none;
}

.comments ol, .comments ul, .comments li {
   list-style-type: none;
   list-style-position: outside;
   margin: 0;
   list-style: none;
   display: block;
}


img.avatar {
   float: right;
   margin: 0 0 10px 10px;
   clear: both;
}

/*
--------------------------
- Footer
-   Defines everything displayed in the footer...
--------------------------
*/
.footercontent {
   margin: 10px;
}

#copyright.footercontent {
   text-align: center;
}

#footer h3 {
   color: #EEEEEE;
   font-size: 16px;
   padding: 0 0 5px;
   margin: 0 0 5px;
   border-bottom: 1px dotted #EEEEEE;
}

li.cat-item a {
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}
.archive_list {
   width: 170px;
}

#archive-col-1 {
   float:left;
}

#archive-col-2 {
   float:right;
}

/*
--------------------------
- Sociable
-   Defines social networking section
--------------------------
*/
div.sociable { margin: 16px 0; }

div.sociable_tagline { position: relative; font-size: 14px; }
div.sociable_tagline span { display: none; width: 14em; }
div.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 48px;
	height: 48px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}