/* --- modernblue5.css --- */
/* format.css */

#stats ul, #stats ul li {
	margin:0.4em 0;
	padding: 0;
	list-style:none
}


#footer a:link
{color:#97AFD9;}
#footer a:hover
{color:#036!important}
#footer a:visited
{color:#97AFD9;}


#tertiary a:link
{color:#D7DEEA;}
#tertiary a:hover
{color:#fff!important}
#tertiary a:visited
{color:#C0D0E0;}

#footer p {
	margin:0 2em;
}
#tertiary ul {
	margin:0;
	background: transparent url(/images/new/block.gif) top right  no-repeat; 	
}
#tertiary ul li{
	display:inline;
	padding:0 4px
}

/* fixes for header/footer */

#stats ul li {
	font-size: 10px;
  line-height: 15px;  
}

ul#navlist li
{
	/* vbulletin overrides li fonts */
	font: 100% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer li, ul#navlist li, #footer p
{
	font-size: 100%;
	/* rest of site has line height on 150% on ALL list items and paragraphs */
	line-height: 150%;
}

/* structure.css */

#stats_memberinfo {
    background:transparent;
    top:0;
    font: normal 10px/1em Verdana,Arial,Helvetica,sans-serif;
    color:#777;
  }

#stats {
    background:transparent;
    position:absolute;
    right:2em;
    top:0;
    font: normal 10px/1em Verdana,Arial,Helvetica,sans-serif;
    text-align:right;
	color:#777;
  }

  #content {
    width: auto;
    background: #FcFcFf;
    padding: 11px 1% 11px 1%;
	overflow: visible;
	clear:both
  }
  
    #footer {
    font-size:.8em;
 	text-align:center; 
	color:#777;
	clear:both;
	line-height:1.4em;
	margin-bottom:.5em
  }
  
  #sorry, .sorry {
    display:none;
  }
  
  #tertiary {
    font-size:1em;
	background: #6584B0 url(/images/new/bargradient2.jpg) bottom right  no-repeat; 
	margin:0 2px -10px 12px;
	height:3.1em;
	overflow:visible;
	color:#97AFD9;
	margin-right:0;
	padding-right:0;
  }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

	
.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

/* for the forums header (underneath the main header) */

#header1 {
	font-family: Verdana, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background: #D6DEEA;
	border: solid #FFFFFF;
	border-width: 1px 0;
}

#header1 td {
	font-size: x-small;
}

.toplinks2 {
	font-weight: bold;
	font-size: x-small;
	color: #000000;
}

.topform {
	padding: 0;
	margin: 0;
}


.topform input, input.quicklogin {
	font-family: Verdana, sans-serif;
	font-size: x-small;
	font-weight: normal;
	padding: 1px;
	border-width: 1px;
}

.topform input.submit {
	padding: 0;
}

#header2 {
	border-top: 6px solid #2F5691;
}


/* headings */

h4 {
	font-family: Arial, Geneva, sans-serif;
	font-size: large;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* sitepoint forums advertising - these styles were supplied by alex for matt to use */

#forumadtop {
	width:96%;
	padding:10px 0 0 0;
	margin-left:2%;
	}
#forumadbot {
	padding-bottom:20px;
	text-align:center;
	}
#forumadtop, #forumadbot {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	}
#forumadtop h2, #forumadbot h5 {
	margin:0 0 0.8em 0;
	}
#forumadtop h2 a:link{
	font: bold 80%  Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	}
#forumadtop h4 a:link{
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	}
#forumadtop p, #forumadbot p{
	font: 13px/120% Verdana, Arial, Helvetica, sans-serif;
	padding:0px 15px 0px 0px;
	}
#forumadbot p a:link{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	}
#forumadtop img {
	float :left;
	padding-right : 12px!important;
	margin-bottom: 10px;
	border: 0px none;
	}
#forumadtop .center {
	text-align:center;
	}
#forumadtop ul li{
	padding-left : 12px!important;
	list-style-position: inside;	
	}
/* experimental */

ul.blogmod_forums
{
	margin: 0;
	padding: 0;
}
ul.blogmod_childforums
{
	margin: 10px 0 5px 5px;
	padding: 0 0 0 5px;
}
ul.blogmod_childforums ul.blogmod_childforums
{
	margin: 5px 0 5px 0;
	padding: 0;
}	
ul.blogmod_forums li
{
	margin: 10px 4px 10px 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C0D0E0;
	border-right: 1px solid #F9FAF9;
	font-weight: bold;
	list-style: none none;
	position: relative;
}
ul.blogmod_forums li img
{
	position: absolute;
	margin-left: -27px;
	margin-top: 5px;
}
ul.blogmod_childforums li
{
	margin: 0 5px 5px 21px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 80%;
	line-height: 150%;
}
ul.blogmod_childforums li li
{
	font-size: 100%;
	margin: 0 5px 2px 21px;
}

ul.blogmod_childforums li.blogmod_status_new
{
	list-style: none url(/images/icons/buld.gif);
}
ul.blogmod_childforums li.blogmod_status_old, ul.blogmod_childforums li.blogmod_status_link
{
	list-style: none url(/images/icons/bulc.gif);
}

/* blogmod stuff */

.blogmod_cell .byline
{
	text-align: right;
	margin: 4px 0;
}
.blogmod_entry
{
	margin-left: 6px;
}
.blogmod_entry_description
{
	margin: 4px 0 0 24px;
}
pre, code
{
	font-size: small;
}

/* product stuff */

table.product
{
	background: #F08239 /*#730; */
}
table.product .tcat
{
	background: #F08239;
	color: #fff;
}
table.product .alt1, table.product .alt2
{
	background: #fff; /*#FFFAF0;*/
}
table.product .thead, .product .tfoot
{
	background: #f7e2bd;
	color: #730;
}
table.product a, table.product .tcat a, table.product .thead a, table.product .tfoot a
{
	color: #730;
}

/* catfish and 'position:fixed' emulation */
#catfish {
position: fixed;
bottom: 0; 
z-index: 100;
width:100%;
vertical-align:top;
overflow: hidden;
}
#catfish h6#goaway {
float:right;
text-align:right
}
.zip {
height: 100%;
overflow: auto;
position: relative;
z-index: 2;
}
body.zipped, html.zipped
{
margin: 0;
padding: 0 0 0 0;
height: 100%;
overflow: hidden;
}
/* better ads */


div#forum_ads img{
position:absolute;
margin:0px 40px 10px 10px;	/* ie dimemsions*/	 
}	
div#forum_ads>a img{
margin:15px 40px 10px 10px; /* fix for all others */	 
}
div#forum_ads h3 {
font: bold 110% Verdana, Arial, Helvetica, sans-serif
}
div#forum_ads h3 a, div#forum_ads h5#actionpoint a{
color:#990000
}
div#forum_ads h3 a:hover, div#forum_ads h5#actionpoint a:hover{
color:#CC0000
}	

div#forum_ads ul{
margin-left:230px;/* ie dimemsions*/
}

div#forum_ads ul li{
list-style-image:url(/images/icons/tick-sm.gif);
line-height:130%;
padding-top:0;
padding-bottom:0;
}
h5#actionpoint {  
text-align:center;
font-size:100%;  
line-height:100%;
margin:10px 0 10px 0 !important;
}
ul.twinlist {
width:30%;
margin: 0 3% 1em 7%;
padding: 0!important;
float:left;
}
ul.twinlist li{
margin: 0 0 0 1em!important;
padding: 0 !important;
list-style-image:url(/images/icons/tick-sm2.gif);
line-height:130%;
}
#forumadtop iframe {
padding-right : 1%;
float:left;
}
.clear {
clear:both;
}

/* text ads in forums */

/*td.forumtextads div {
padding: 1em;
margin: 0 1em;
background-color:#fffaf0;
border: 1px solid #773300;
}
td.forumtextads div h5 {
margin: 0 0 1em 0;
color:#036;
}
td.forumtextads div ul li{
list-style-image:url(/images/icons/cart-icons-book-3.gif);
list-style-position:inside;
font:bold small verdana;
padding:0 0 5px 0;
}*/

/* IndustryBrains ads in forums */
td.industrybrains {
  padding: 13px;
}

#forum_ads_pic #imgfloater {
  float: left;

}

#forum_ads_pic #forum_ads_pic_content {
  margin-left: 230px;
}

#forum_ads_pic ul.twin {
  margin: 0;
  padding: 0;
}

#forum_ads_pic ul.twin  li{
  float: left;
  width: 40%;
  padding: 0 0 0 2em;
  margin: 0 0 .5em 0;
  font-size: 11px;
  font-weight: bold;
  list-style-position: inside;
  display: list-item;
  list-style: none;
  background: url(/images/icons/tick-sm2.gif) left top no-repeat
}

#forum_ads_pic h5 {
  clear: left;
}

/* memberinfo_css for 3.7.1 */


/**
* Memberinfo Small
*/
li.memberinfo_small {
	margin-top:6px;
}
li.memberinfo_small div.fixed_width_avatar {
	margin-$stylevar[right]:6px;
}
li.memberinfo_small div.info_bar, #friends li.memberinfo_small div.info_bar {
	border-width:1px 0px 0px 0px;
	margin-bottom:6px;
}
li.memberinfo_small div.info_bar ul {
	padding:6px;
}
li.memberinfo_small ul.friend_im_list li {
	display:inline;
	margin-$stylevar[right]:3px;
}
li.memberinfo_small ul.friend_im_list img {
	vertical-align:middle;
}

/**
* Memberinfo Tiny
*/
li.memberinfo_tiny {
	height:105px;
	width:75px;
	overflow:hidden;
	float:$stylevar[left];
	text-align:center;
	margin:1px;
}

/**
* Tabs and Blocks
*/
.content_block {
	margin-bottom:6px;
	padding:$stylevar[cellspacing]px;
}
.content_block .block_row {
	padding:$stylevar[cellpadding]px;
	margin:$stylevar[cellspacing]px 0px 0px 0px;
}
.content_block .block_title {
	padding:$stylevar[cellpadding]px;
	margin:0px 0px 0px 0px;
}
/*.content_block h4.thead, .content_block .block_title {
	padding:4px;
	margin:$stylevar[cellspacing]px 0px 0px 0px;
}*/
.content_block .block_footer {
	text-align:$stylevar[right];
	padding:4px;
	margin:$stylevar[cellspacing]px 0px 0px 0px;
}
a.collapse_gadget {
	float:$stylevar[right];
}

/**
* Popup Menus Built With List Markup
*/
ul.vbmenu_popup li {
	padding:4px;
	margin:0px 1px 1px 1px;
	white-space:nowrap;
}
ul.vbmenu_popup li.first {
	margin:1px;
}
ul.vbmenu_popup li.notext {
	font-size:1px;
}

/**
* Override Menu CSS for 'Send Message' Menu
*/
#minicontact_menu li.vbmenu_option, #minicontact_menu li.vbmenu_hilite {
	padding:0px;
	padding-$stylevar[right]:4px;
}
#minicontact_menu li.vbmenu_option img, #minicontact_menu li.vbmenu_hilite img {
	padding:4px;
}

/**
* Profile Field List Title / Value Pairs
*/
dl.profilefield_list dd {
	margin-bottom:3px;
	margin-$stylevar[left]:16px;
}

/**
* Sidebar profile field blocks
*/
#sidebar_container dl.profilefield_list {
	font-size:11px;
}

/**
* Top Panel
*/
#main_userinfo {
	margin-bottom:20px;
}
#main_userinfo #profilepic_cell {
	 border-bottom-width:0px;
	 padding:4px;
}
#main_userinfo .profilepic_adjacent {
	padding-$stylevar[left]:6px;
}
#main_userinfo h1 {
	font-size:18pt;
	font-weight:normal;
	margin:0px;
}
#main_userinfo h2 {
	font-size:10pt;
	font-weight:normal;
	margin:0px;
}
#reputation_rank {
	float:$stylevar[right];
}
#reputation {
	margin-bottom:6px;
	text-align:$stylevar[right];
}
#rank {
	margin-bottom:6px;
	text-align:$stylevar[right];
}
#send_message_cell {
	padding-bottom:6px;
	text-align:$stylevar[right];
}
#link_bar ul {
	padding:4px;
}
#link_bar li.thead {
	float:$stylevar[left];
	margin-$stylevar[right]:10px;
	white-space:nowrap;
	font-weight:normal;
	background:transparent;
}
#link_bar a {
	text-decoration:none;
}
#link_bar a:hover {
	text-decoration:underline;
}
#activity_info {
	border-top-width:0px;
}
#activity_info div.alt2 {
	padding:4px;
}
#link_bar #usercss_switch_link {
	float:$stylevar[right];
	margin-$stylevar[left]:3px;
	margin-$stylevar[right]:0px;
}

/**
* Visitor Messaging Tab
*/

#qc_error_div {
	text-align:$stylevar[left];
	margin-bottom:6px;
}
#qc_error_header {
	font-weight:bold;
}
#qc_error_okay {
	text-align:$stylevar[right];
}

#message_form {
	display:block;
	margin:0px;
}
#message_form textarea {
	width:98%;
	height:50px;
}
#message_form div.messagetext {
	text-align:$stylevar[left];
}
#message_form div.allowed_bbcode {
	float:$stylevar[left];
}
#message_form div.submit_button {
	text-align:$stylevar[right];
}

#visitor_messaging #inlinemodsel {
	float:$stylevar[right];
}

#visitor_messaging #view_my_conversation_link {
	float:$stylevar[right];
	text-decoration:none;
}

#visitor_message_inlinemod_form {
	margin:0px;
	display:block;
}

#message_list {
	border:none;
}
#message_list li {
	margin-bottom:6px;
}
#message_list div.fixed_width_avatar {
	margin-$stylevar[right]:6px;
	float:$stylevar[left];
}
#message_list div.visitor_message_avatar_margin {
	margin-$stylevar[left]:66px;
}
#message_list div.info_bar {
	border-width:1px 0px 0px 0px;
	margin-bottom:6px;
}
#message_list div.info_bar div.alt2 {
	padding:6px;
}
#message_list div.info_bar a.username {
	/*font-weight:bold;*/
}
#message_list .visitor_message_date {
	float:$stylevar[right];
}
#message_list .group_message_date {
	float:$stylevar[right];
}
#message_list .inlinemod_checkbox {
	float:$stylevar[right];
}
#message_list div.visitor_message_body {
	overflow:auto;
}
#message_list ul.controls {
	margin-top:6px;
	text-align:$stylevar[right];
}
#message_list ul.controls li {
	display:inline;
	margin-$stylevar[left]:6px;
}
#message_list ul.controls a:link, #message_list ul.controls a:visited {
	text-decoration:none;
}
#message_list .deletedmessage{
	float: $stylevar[left]
}

/**
* About Me Tab
*/
#aboutme li.profilefield_category {
	font-weight:bold;
	margin-top:6px;
}
#aboutme dl.profilefield_list {
	font-weight:normal;
	margin:6px 16px 0px 16px;
}
#aboutme dl.profilefield_list dd {
	margin-bottom:6px;
	margin-$stylevar[left]:0px;
}
#aboutme #signature {
	width:100%;
	overflow:auto;
}
#aboutme #simple_aboutme_link {
	text-align: $stylevar[right];
	display: block;
}

/**
* About Me Tab (Alternative)
*/
#aboutme2 dl.profilefield_list dd {
	margin-bottom:6px;
	margin-$stylevar[left]:0px;
}

/**
* Statistics Tab
*/
#stats fieldset.statistics_group {
	margin-top:6px;
}
#stats fieldset.statistics_group ul {
	padding:6px;
}
#stats fieldset.statistics_group ul li {
	margin-bottom:3px;
}

/**
* Statistics Tab (Alternative)
*/
#statistics2 ul.statistics_group li {
	margin-bottom:3px;
}

/**
* Friends Tab
*/
#friends a.edit_friends_link {
	float:$stylevar[right];
}
#friends_mini a.edit_friends_link {
	float:<if condition="$prepared['friendcount']">$stylevar[left]<else />$stylevar[right]</if>;
	<if condition="$prepared['friendcount']">margin-$stylevar[right]<else />margin-$stylevar[left]</if>:10px;
}

/**
* Infractions Tab
*/
div#infractions.content_block {
	padding:0px;
}

/**
* Contact Info Tab
*/
#contactinfo fieldset {
	margin-bottom:6px;
}
#contactinfo div.fieldset_padding {
	padding:6px;
}
#contactinfo #messaging_list li {
	margin-bottom:3px;
	margin-$stylevar[right]:16px;
	float:$stylevar[left];
	white-space:nowrap;
}
#contactinfo #instant_messaging_list li {
	margin-top:6px;
	margin-$stylevar[right]:6px;
	position:relative;
}
#contactinfo #instant_messaging_list .im_img_link {
	vertical-align: middle;
}
#contactinfo #instant_messaging_list .im_txt_link {
	position:absolute;
	$stylevar[left]:75px;
}
#contactinfo #additional_contact_details dd {
	margin-$stylevar[left]:0px;
	margin-bottom:6px;
}

/**
* Albums Block
*/
#albums_mini_list li {
	text-align:center;
	margin-bottom:6px;
}

/**
* Mini Friends Block
*/

#friends_mini_list a.username {
	display:block;
	margin-top:3px;
}
#friends_mini div.friends_counter {
	padding-bottom:6px;
}

/**
* Groups Block
*/
span.group_count {
	float:$stylevar[right];
}
ul.group_list {
	margin:6px 0px 0px 6px;
}
ul.group_list li {
	display:inline;
	margin-$stylevar[right]:3px;
}
#public_usergroup_list a:link, #public_usergroup_list a:visited {
	text-decoration:none;
}

/**
* Traffic Block
*/
ol.last_visitors_list {
	margin:0px;
	margin-top:6px;
}
ol.last_visitors_list li {
	display:inline;
	margin-$stylevar[right]:3px;
}





/**
* News feed on non-empty PM folder views
*/

#newsfeed { width:15em; margin:0 0 0 20px; }
#newsfeed h2 { margin:0 0 12px 0; font:normal bold normal 1.5em verdana,helvetica,sans-serif; }
#newsfeed a, #newsfeed a:visited { color:#036; text-decoration:none; }
#newsfeed a:hover, #newsfeed a:focus, #newsfeed a:active { color:#f60; text-decoration:underline; }
#newsfeed .more { font-weight:bold; font-size:1.1em; }
#newsfeed ul, #newsfeed li { margin:0; padding:0; list-style-type:none; }
#newsfeed li { margin:0 0 11px 0; }
#newsfeed li h3 { font-size:0.95em; margin:0 0 2px 0; }
#newsfeed li p { font-size:0.85em; color:#666; margin:0; padding:0 0 0 15px; }
#newsfeed li h3 a, #newsfeed li h3 a:visited { display:block; padding:0 0 0 15px; }
#newsfeed li h3 a:link { background:url(/images/feedbullet-unread.png) no-repeat -2px 1px; }
#newsfeed li h3 a:visited { color:#617890; background:url(/images/feedbullet-read.png) no-repeat -2px 1px; }

#header
{
	position: relative;
}

/* --- tabs-v5.css --- */
/* nav bar */

div#navcontainer
{
  background: #012e5c url(/images/new/navbar1.png) right top no-repeat;
}

div#navcontainer, div#tertiary
{
  margin: 0 1% 10px;
  min-width: 931px; /* 950px - 2 * 9.5px padding */
  overflow: hidden;
}

ul#navlist
{
  display: block;
  padding: 0;
  margin: 0;
  float: left;
}

ul#navlist li
{
  display: block;
  float: left;
  position:relative
}

ul#navlist li a
{
  display: block;
  float: left;
  padding: 8px 8px;
  text-decoration: none;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 114%;
  color: #CCDDEE;
  border: 1px solid #446688;
  border-width: 0 1px 1px 0;
  white-space: nowrap;
}

ul#navlist li a:hover
{
  background: #446688 url(/images/new/navbarhighlight1.png);
  color: #FFFFFF;
}

ul#navlist li a.active
{
  color: #fff;
  font-weight: bold;
}

/* Update Nav for Marketplace Banner */

ul#navlist li a:hover {
	background: #446688 url(http://sitepointstatic.com/images/new/navbarhighlight1.png);
    color: #FFFFFF;
}

ul#navlist li.newribbon a:link,ul#navlist li.newribbon a:visited{ /* new ribbon */
    background: url(http://sitepointstatic.com/images/new-ribbon.png) top left no-repeat;
}

ul#navlist li.newribbon a:hover {
        background:  url(http://sitepointstatic.com/images/new-ribbon.png) top left no-repeat;
    background-image: url(http://sitepointstatic.com/images/new-ribbon.png), url(http://sitepointstatic.com/images/new/navbarhighlight1.png);
        background-repeat: no-repeat, repeat;
    color: #FFFFFF;
}


div#navcontainer form
{
  display: block;
  float: right;
  margin: 0;
}


div#navcontainer form input
{
  border-width: 1px;
  vertical-align: middle;
  font-size: small;
  padding: 0;
  font-family: Tahoma, sans-serif;
}

div#searchcontainer
{
  position:relative;
}

form#search
{
  top:1em;
  position:absolute;
  right:0;
  margin: 0;
  width:32em;
  font-family: sans-serif;
}
form#search input
{
  float:left;
  padding: 0;
}
form#search label
{
  float:left;
  margin: 1em 0 ;
  background: transparent url(/images/new/searchme.png) left center no-repeat;
  overflow:hidden;
  padding-left:16px;
  width:0;
  height:19px;
  white-space:nowrap
}

form#search input#mainsearchbox
{
  width: 48%;
  margin:1em 1em 0 .5em ;
}
form#search input.button
{
  margin:1em 0;
  font-family: sans-serif;
}
ul#searchlinks
{
  margin:  .4em -1em 0 5px;
  padding: 0;
  float:left;
  height:3.5em;
}

ul#searchlinks li
{
  margin:.3em 0 0 0;
  line-height:70%;
  list-style: none;
}
ul#searchlinks li a
{
  font-family: Arial, sans-serif;
  font-size: xx-small;
}


/* logo styling */

#header h1, #header .title
{
  margin: 10px 25px;
  font-weight: bold;
  height: 67px;
  font-size: 26px;
}

#header h1 span, #header .title span
{
  background: url(http://i2.sitepoint.com/images/new/logo.png) left top no-repeat;
  min-width: 209px;
  width: 50%;
  height: 67px;
  position: absolute;
}
#header .title
{
  height:67px;
  min-width:209px;
  width:50%;
  position: relative;
}


/* stats */

#stats ul, #stats ul li {
  margin: 5px 0 0;
  padding: 0;
  list-style:none;
}

/* footer */