/* HTML Elements Include*/
@import url('html-elements.css');
@import url('admin.css');
@import url('style_comments.css');
@import url('style_related_posts.css');
@import url('style_popular_posts.css');
@import url('style_references.css');
@import url('style_source_code.css');
@import url('style_tutorial_listing.css');
@import url('style_user.css');
@import url('style_teaser.css');
@import url('style_difficulty.css');
@import url('style_search.css');
@import url('style_ads.css');
@import url('style_forum.css');

#page
{
  width:                980px;
  margin-left:          auto;
  margin-right:         auto; 
}

/** header */
#header
{
  background: transparent;
  width:                980px;
  height:               90px;
  margin: 5px 0 0 0px;
  padding: 0px;
}

#header-inner 
{
  height:               90px;
  background: transparent;
  padding: 0px;
  margin: 0px;
}

#header-top
{
  height:               64px;
  margin-bottom:        6px;
  background-image:     url(header.jpg);
  background-position:  bottom;
  background-repeat:    no-repeat;
}

#header-bottom
{
  height:               90px;
}

#header-ad
{
  float:                right;
  height: 90px;
  width:728px;
}

#header-block-area
{
  width:                245px;
  height:               90px;
  float:                left;
}

/** main (container for everything else) **/
#main
{
  position: relative;
}

#main-inner
{
}

#main-top
{
  height:               30px;
  width:                980px;
  margin-top:           6px;
  margin-bottom:        6px;
  background-image:     url(primary_links_980x30.jpg);
  background-repeat:    no-repeat;
}

/* Primary Links */
#block-menu-primary-links
{
  float:                left;
  margin-bottom:        0px;
}

#block-menu-primary-links a
{
  color:                white;
}

#block-menu-primary-links ul
{
  float:                left;
  margin:               0px;
  margin-left:          10px;
  padding:              0px;
  display:              inline;
}

#block-menu-primary-links ul li
{
  margin-left:          0px;
  display:              inline;
  line-height:          30px;
  padding-left:         18px;
  background-image:     url('link_bullet_16x16.gif');
  background-repeat:    no-repeat;
  background-position:  left 2px;
  padding-right:        10px;
}

#main-column
{
  width:                672px;
  float:                left;
}

#main-column-inner
{
}

.header-text
{
  padding-right: 20px;
}

.header-text a
{
  color: #000000;
}

div.tabs {
  background: #F7FBF3;
}

.tabs.primary
{
  background: #394e69 !important;
  height: 22px !important;
  line-height: 22px !important;
  border: none !important;
  margin: 0px !important;
  padding-top: 3px !important;
}

.tabs.primary li {
  background: url('primary_tab_divider.gif') no-repeat right bottom;
  padding-right: 0.5em;
}

.tabs.primary li a {
  border: none !important;
  padding: 4px 9px !important;
  padding-bottom: 4px !important;
  background: transparent !important; 
  margin: 0 !important;
  color: white;
}

.tabs.primary li a:hover {
  border: none;
  background: transparent;
}

.tabs.primary li.active {
  
}

.tabs.primary li.active a {
  background: transparent url(nav_marker_8x5.gif) no-repeat 50% bottom !important;
  font-weight: bold;
  border: none;
}

.tabs.primary li.active a:hover {
  border: none;
}

.tabs.secondary {
  margin: 0 !important;
  padding-bottom: 8px !important;
  font-size: 0.95em !important;
}

.tabs.secondary a {
  color: #921F1F;
}

.tabs.secondary a.active {
  color: #444;
  border-bottom: 3px solid #394e69;
  font-weight: bold;
}

.content-three
{
  width:                463px;
  float:                left;
}

.content-two
{
  width:                672px;
  float:                left;
}

.content-full-header
{
  height: 25px;
  width: 672px;
  background: transparent url(content_header_full_672x25.jpg);;
}

.content-full-header h2
{
  color: white;
  line-height: 25px;
  font-size: 1em;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 0;
  float: left;
}

.content-full-header a
{
  line-height: 25px;
  font-size: 1em;
  font-weight:bold;
  color: white;
}

.header-comment-link
{
	float: right;
	margin-right: 10px;
}

#content-nav
{
  height:               25px;
  width:                463px;
  background:           transparent url(content_nav_463x25.jpg);
  color:                white;
}

#content-nav a
{
  color:                white;
}

#content-nav a:Visited
{
  color:                white;
}

#content-nav h2
{
  font-size:            1em;
  font-weight:          bold;
  display:              inline;
  float:                left;
  line-height:          25px;
  margin-left:          10px;
}


#content-nav h1, #content-nav h3
{
  font-size:            1em;
  font-weight:          bold;
  display:              inline;
  float:                left;
  line-height:          25px;
  margin-left:          10px;
  color:#fff;
}


.selected-category
{
  background:           transparent url(nav_marker_8x5.gif);
  background-position:  bottom center;
  background-repeat:    no-repeat;
  padding-bottom:       5px;
}

#content-nav a
{
  line-height:  25px;
}

.content-nav-links
{
  float:  right;
  height: 25px;
  margin-right: 10px;
  -webkit-transform: translate(0px, 1px);
}

#post-tac
{
  float:                left;
  margin-top:           5px;
  margin-left:          5px;
}

.content-area-post
{
  background-color:     transparent;
}

.content-area-main
{
  background:           #f7fbf3;
  padding: 10px;
}

#content-area h2 a
{
  color:                #000000;
}

#content-area h2
{
  
}

.node.clear-block
{
  background: #f7fbf3;
  padding:    20px;
}

.node.clear-block.teaser
{
  padding:  0px;
}

#content-inner
{
margin-bottom:7px;
}

#main-sidebar
{
  width:                200px;
  float:                right;
}

#main-sidebar-inner
{
}

#sidebar
{
  width:                300px;
  float:                right;
}

#content-sidebar-area
{
  width:                300px;
  float:                right;
}

#content-sidebar-top
{
  width:                300px;
}

#content-sidebar-one
{
  width:                172px;
  float:                left;
}

#content-sidebar-two
{
  width:                120px;
  float:                right;
}

#footer
{
  padding-top:          20px;
  clear:                both;
}

/* Header */
#logo a
{
  border-style:         none;
  background:           transparent;
}

tbody
{
  border:               0px;
}

ul.links
{
  padding-left:         2px;
}

ul.links a
{
  color:                #921f1f;
  text-decoration:      underline;
}

ul.links li
{
  padding-right: 4px;
  padding-left: 0px;
}

.meta
{
  padding-left:         0px;
  color:                #666666;
  font-size:            0.8em;
  margin-bottom:        5px;
}

.post-content, .page-content-page
{
  padding-left:       10px;
  margin-bottom:      5px;
}

.post-content-page
{
  margin-top: 5px;
}

.post-page-terms
{
  font-size: .9em;
  padding-left: 0px;
}

.post-icon,
.post-icon-large,
.post-icon-medium
{
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}

.post-icon-large
{
  width: 40px;
  height: 40px;
}

.post-icon-medium
{
  width: 30px;
  height: 30px;
}

.tutorial-snippet-title
{
  margin: 0px;
}

.title
{
  font-size: 1.65em;
  margin-top: 3px;
  margin-bottom: 5px;
}

.post-top-spacer
{
  height: 12px;
}

.post-links
{
  margin-bottom:      20px;
}

.post-links a
{
  color: #921F1F;
  font-weight: bold;
}

.navlink
{
	color: #921F1F;
}

.category-icon
{
  margin-right:         6px;
  padding-top:          2px;
}

/* Generic classes */
.display-none
{
  display:              none;
}

/* Views Content */
.view-display-id-page {
  padding: 10px;
}

/* Blocks */
.block
{
  margin-bottom:        8px;
}

.block-header
{
  height:               25px;
  padding-left:         10px;
  background:           #168237;
}

.block .content
{
  padding:              8px;
  overflow:hidden;
  height:auto;

}

.block-header h2
{
  font-size:            1em;
  margin:               0px;
  color:                white;
  line-height:          25px;
}

.block-header h2, .block-header h2 a
{
  font-size:            1em;
  margin:               0px;
  color:                white;
  line-height:          25px;
}



.block-comment .block-header
{
  background:           #67829f;
}

.block-comment .content
{
  background:           #ebfac3;
}

/*
Begin: Tutorials Around The Web
*/

.block-tutorials_around_web .block-header
{
  background:           url(block_header_green_200x25.jpg);
  background-repeat:    no-repeat;
}

.block-tutorials_around_web .content
{
  background:           #ebfac2;
  color:                #333333;
}

.block-tutorials_around_web .block-header h2
{

}

.block-tutorials_around_web .content a
{
  color:                #000000;
}

.block-tutorials_around_web .content a:Hover
{
  text-decoration:      underline;
}

.block-tutorials_around_web .content a:Visited
{
  color:                #777777
}

.block-tutorials_around_web .content li
{
  margin-bottom:        8px;
}

.block-tutorials_around_web .content ul
{
  list-style:           url(in_the_news_list_marker.gif) disc;
  padding-left:         16px;
}

.block-tutorials_around_web .content span
{
  font-size:            7pt;
}

/*
End: Tutorials Around The Web

/*
Begin: In The News Block
*/

.block-in_the_news .block-header
{
  background:           url(block_header_blue_200x25.jpg);
  background-repeat:    no-repeat;
}

.block-in_the_news .block-header h2
{

}

.block-in_the_news .content
{
  background:           #ebfac2;
  color:                #333333;
}

.block-in_the_news .content a
{
  color:                #000000;
}

.block-in_the_news .content li
{
  margin-bottom:        8px;
}

.block-in_the_news .content ul
{
  list-style:           url(in_the_news_list_marker.gif) disc;
  padding-left:         16px;
}

.block-in_the_news .content span
{
  font-size:            7pt;
}

.block-in_the_news .content a:Hover
{
  text-decoration:      underline;
}

.block-in_the_news .content a:Visited
{
  color:                #777777
}

/*
End: In The News Block
*/

.block-system .content
{
  background:           transparent;
}

.block-system .content
{
  background:           transparent;
}

/* Tutorial */
#tutorial-footer
{
  clear: both;
  margin-top: 20px;
}

/* Search */
.block-search
{
  margin-right:         -3px;
  margin-bottom:        0px;
  float:                right;
}

.block-search .content
{
  padding-top:          5px;
  background:           transparent;      
}

.block-search .form-submit
{
  padding-top: 0px;
}

.block-search .form-text
{
  padding-top:          2px;
  height:               16px;
  border:               none;
  border-top:           1px solid #abadb3;
  border-bottom:        1px solid #abadb3;
}

.block-search .content input
{
  float:                left;
  font-size:            11px;
}

.block-search .content img
{
  float:                left;
}

.block-search .content .form-item
{
  margin:               0px;
}

.search_gray
{
  color:                #AAAAAA;
}

/* User Login */
#block-user-0-header
{
  height:0px;
  overflow:hidden;
}

#block-user-0 .content
{
  color:White;
  padding: 0px;
  height:90px;
  overflow:hidden;
}

#login-item-list
{
  clear:none;
}

#open-id-switch-container li
{
  color: White;
  font-weight:bold;
  font-size:11px;
  list-style-type:none;
  cursor: pointer;
}

#what-is-openid-link
{
  color: White;
  text-decoration: underline;
}

#block-user-0  #login-field-container
{
  text-align:left;
  padding-left:5px;
  overflow:hidden;
  clear:none;
}

#block-user-0 label
{
  display:inline;
  font-size:11px;
  font-weight:normal;
}


#user-register-link, #user-forgot-pass-link
{
  color: White;
  font-size:11px;
}

#open-id-switch-container
{
  float:right;
  clear:both;
}

#user-login-form li.openid-link
{
  background:transparent url('openid_med_logo.png') no-repeat scroll top center;
  padding-top:23px;
  width:67px;
  text-align:center;
  font-size:11px;
  font-weight:normal;
}

#user-login-form li.user-link
{
  background:transparent url('logo_28x27.png') no-repeat scroll top center;
  padding-top:23px;
  width:67px;
  text-align:center;
  font-size:11px;
  font-weight:normal;
}

/*
Begin: Edit Content Form
*/
#node-form
{
  background: rgb(247, 251, 243);
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
/*
End: Edit Content Form
*/

/* Link classes */
fieldset a, a.feed-icon, a.poweredby-link
{
  border-style:         none;
}

fieldset a, a.feed-icon:hover, a.poweredby-link:hover
{
  background:           transparent;
}

/* Node */
.node
{
  margin-bottom:        10px;
}


/* Safari Remove Text Glow */

*:focus {
 outline: 0;
}

.source-files-header
{
  background: url('header_gray_300x25.jpg');
  height: 25px;
}

div.error, tr.error, div.warning, tr.warning
{
	margin-bottom: 10px;
	padding: 10px;
	background: LightYellow;
	color: Red;
}

.error, .warning
{
	color: Black;
}

.error ul, .help ul, .warning ul, .status ul
{
	margin-bottom: 0px;
}

div.status, div.help
{
	padding: 10px;
	color: Black;
	background: #ecefff;
	margin-bottom: 10px;
	border: 1px solid black;
}

.block ul
{
	list-style:           url(in_the_news_list_marker.gif) disc;
	padding-left:         16px;
}

.block li
{
	margin-bottom:        8px;
}

.block a
{
	color: black;
}

.block a:Hover
{
  text-decoration:      underline;
}

.block .external-article .meta
{
	font-size: 7pt;
}

.block .external-article .comment-link
{
	color: #921F1F;
}

.item-list ul
{
	padding-left: 0px !important;
	list-style-type: disc;
	list-style-image: none;
}

.block-recent-comments a
{
	color: black;
}

.block-recent-comments .item-list li
{
	margin-bottom: 8px;
}

.post-category-icon
{
	width: 32px;
	height: 34px;
	margin-right: 5px;
	border: 1px solid #AAAAAA;
}

#content-sidebar-one .block .content
{
  background: #F5FFD8;
}

#content-sidebar-one  .block-header
{
  background:           url(header_green_172x25.jpg);
  background-repeat:    no-repeat;
}

#content-sidebar-one .block-recent-posts li
{
  margin-bottom: 8px;
  list-style:           url(in_the_news_list_marker.gif) disc;
}

#footer .content
{
 background:#596781;
}

#footer a
{
  margin-left: 10px;
  margin-right: 10px;
  color: White;
  font-weight: bold;
  font-size: 1.25em;
}

#logo-title
{
  margin-left: 10px;
  float: left;
}

#sotc-license
{
  font-size: 11px;
  padding-top: 1em;
  padding-left: 3em;
}

#social-bookmarking-bottom
{
  clear: both;
}

#social-bookmarking-area
{
  margin-top: 15px;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #DADADA;
  height: 22px;
}

.social-bookmark
{
  float: left;
  height: 22px;
  padding-left: 7px;
  padding-right: 7px;
}

#tweet-button
{ 
  margin: 2px 0px 0px 0px;
}

#reddit-button
{
  margin: 2px 0px 0px 0px;
}

#dzone-button
{
}

#delicious-button
{
  margin: 4px 0px 0px 0px;
}

#stumbleupon-button
{
  margin: 0px 0px 0px 5px;
}

#about-content
{
  padding: 5px;
}

.block-external_article-header
{
	background-image: url('block_header_green_200x25.jpg');
}

.block-external_article .content
{
	background: #eeeeee;
}

.external-article-link
{
  font-size: 1.25em;
  color: #921F1F;
  font-weight: bold;
  float: right;
}

.external-article-more-link
{
  text-align: right;
}

.external-article-more-link a
{
  color: #921F1F;
}

.external-source-area
{
  
}

.external-source
{
  font-weight: bold;
}

#category-list-content
{
  margin-left: 5px;
}

#category-list-content ul li a
{
  color: #921F1F;
  font-size: 14px;
}

#category-list-content ul li
{
  line-height: 1.1em;
}

#content-area .view-Archives
{
  padding-top: 0px;
}

#content-area .view-Archives .item-list a
{
  color: #921F1F;
  font-size: 14px;
}

#side-block-ad
{
  padding-bottom: 7px;
  width: 300px;
  height: 250px;
  overflow: hidden;
}

#ad-block-header
{
  background: url('header_green_300x25.jpg');
  background-repeat: no-repeat;
}

#block-block-9 .content
{
  height: 250px;
  padding: 0;
}

.preview .post-content {
  padding-top: 10px;
  padding-right: 10px;
}

div.geshifilter {
  font-size: 12px;
  background-color: #ecefff;
  margin-bottom: 14px;
  clear: both;
  margin-left: 0px;
  margin-right: 0px;
}

.field-field-audio-file .field-label {
  font-size:            1.3em;
  line-height:          1em;
  margin-bottom:        10px;
  margin-top:           20px;
}

.field-field-audio-file {
  margin-bottom:  10px;
}

.podcast-player {
  margin-top: 20px;
}

.podcast-teaser-player {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* Podcast Page */
#podcast-page h2 {
  color: #000000;
}

#podcast-itunes-link
{
	float: right;
	height: 22px;
}

#podcast-itunes-link a {
	display: block;
	text-indent: 27px;
	background: url('itunes_logo.png') no-repeat;
	height: 22px;
	line-height: 22px;
}

.block-popular-posts img{
 float:left;
 margin:0 5px 0 0 ;
 border:1px solid #000;
 padding:2px;
 background:#fff;
}

.content h4, .content h4 a{
 margin:0;
 padding:0;
 color:#ff0000;
 font-size:17px;
 text-align:left;
}
.content h4 a:hover{
 color:#000;
 text-decoration:none;
}
p.bonus{
 font-size:13px;
 color:#000;
 margin:0;
 padding:0;
}
p.bonus1A{
 font-size:13px;
 color:#ff0000; font-weight:bold;
  margin:0;
 padding:0;
}

.btn img, .downloadbtn{ 
margin:0px 0 0 0;
padding:0;
 border:0px solid #000;
 background:none;
 margin-top:5px;
}


.reviews_banner img{
 float:left;
 margin:2px 5px 2px 0;
 border:1px solid #000;
 padding:3px;
 background:#fff;
}

.reviews{
  border-bottom:1px dashed #457C92;
	margin:5px 0 10px;
	padding:0 0 5px;
}

.reviews h3, .reviews h3 a, .bonus h3, .bonus h3 a{
 padding:0;
 margin:0;
 color:#000;
 text-decoration:none;
 font-size:14px;
 margin:0 0 3px 0;
 font-weight:bold;
}
.reviews h3 a:hover, .bonus h3 a:hover{
color:#808080;
text-decoration:none;
}

.reviews h4, .reviews h4 a{
 padding:0;
 margin:0;
 text-align:left;
 color:#104867;
 text-decoration:none;
 font-size:14px;
 margin:0 0 3px 0;
 font-weight:bold;
}

ul.footlink{
list-style:none; 
display:inline;
float:left;
padding:0;
margin:0;
} 
 
ul.footlink li{
list-style:none; 
display:inline;
float:left;
padding:0 10px 0 10px;
margin:0;
border-right:1px solid #000;
color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}  
 
ul.footlink li a{
color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}   

ul.footlink li a:hover{
color:#000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}  
#story_inner h2{
border-bottom:1px solid #CCCCCC;
color:#38506A;
float:left;
font-size:16px;
font-weight:bold;
line-height:25px;
margin-left:0;
width:645px;
}