/* 
================================
DNNCreative.com
Created by Lee Sykes - http://www.dnncreative.com
================================
*/
/* NOTES TO THINK ABOUT
Logo H1 tag - put text on of DotNetNuke Magazine and hide off screen
Need to do some styling for Testimonials in Tutorials page with H3 Tag

Border colours (purple): #B4B4DE;
menu blue colour: #323275;
dark orange: #FFAE00;
light orange: #FFEABF;
*/



body, tr, td, table
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #666;
}
body 
{
	background-color: #FFF;
}
hr 
{
	border: 1px solid #B4B4DE;
	border-width: 1px 0 0 0;
}
#wrap
{
    min-width: 600px;
    /* max-width: 1200px; */
    padding: 10px 0 10px 0;
	background-color: #FFF;
}

#logo
{
    /* float: left; */
    background-image: url(DNNClogo_h73.gif);
    background-repeat: no-repeat;
	background-position: 15px 0px;
    width: 355px;
    height: 73px;
   /* padding: 0px 0px 0px 35px; /*margin: 0 0 15px 0; */
    /* border: 1px orange solid; */
}

#loginlinks
{
    position: absolute;
	/* right: 50%;
    /* margin-right: -500px; */
    top: 74px;
	right: 10px;
    /*width: 500px; */
    text-align: right;
}
.horizontalbanner
{
    position: absolute;
    top: 11px;
    left: 400px;
    text-align: center;
    width: 485px; 
}
/* remove paddding round images in banner section */
#dnn_horizontalbanner .Normal img
{
	border: 0;
	margin: 0;
	padding: 0;
}
/* positions admin subhead text for horizontalbanner pane */
#dnn_horizontalbanner .SubHead {
	position: absolute;
	top: 60px;
	left: 0px;
}
/* positions dropdownactions for admin on banner module */
#dnn_ctr1317_dnnDROPDOWNACTIONS_spActions
{
	position: absolute;
	top: 0px;
	right: -25px;
}
#dnn_ctr1317_dnnDROPDOWNACTIONS_cmdGo
{
	position: absolute;
	top: 2px;
	right: -45px;
}

/* button ads */
#dnn_ctr1336_ModuleContent img
{
padding-bottom: 10px;
}

#bread
{
	position: absolute;
    top: 135px;
    left:40px;
    text-align: left;
    width: 625px; /*568px; */ 
	font-size: 70%;
	color: #00F;
	/*letter-spacing: 0.1em;*/
}
#search
{
	position: absolute;
    top: 135px;
    right:10px;
}

#contentholder
{
	background-color: #006;
	background-image: url(background_gradient_1400_20.jpg);
	background-repeat: repeat-y;
	/* moves content underneath menu, unit in em so if a user increases text size the gap also increases */
	margin-top: 6em;
	padding: 10px 5px 10px 10px;
} 
/* Main Layout */
#mainbody
{
    float: left;
	width: 76.7%;
    /*width: 775px; /* 81% */
	/* moves content underneath menu, unit in em so if a user increases text size the gap also increases */
	/* margin-top: 6em; */
}
#pane2mainbody
{
	width: 98%;
}
#pane1mainbody
{
	width: 99%;
}
#pane1mainbody td
{
	padding: 5px;
}
#content
/* note check ie hacks file - IE has different settings */
{
   float: right;   
   width: 74.3%;
  background-color: #FFF;
 border: 1px solid #CCC; 
}
#content1pane
/* note check ie hacks file - IE has different settings */
{
   width: 100%;
  background-color: #FFF;
 border: 1px solid #CCC; 
}
#dnn_contentpane {
	padding: 10px;
}
#sidebar
{
    float: left;
   width: 24%;
	/* background-color: #FFF;
  border: 1px solid #CCC; */
}
#dnn_leftpane 
{
	padding: 10px;
}
#leftpanebot
{
	padding: 10px 10px 20px 10px;
	background-color: #fff;
}
#sidebar-2
{   
    float: right;
    width: 22%;
	/* background-color: #FFF; 
 	border: 1px solid #CCC; */
}
#dnn_rightpane
{
	padding: 10px;
	background-color: #FFF; 
 	border: 1px solid #CCC;
} 
#footercontent
{
    clear: both;
    padding: 10px 10px 0 10px;
}
#footer
{
    padding: 30px 20px 0 20px;
    color: #666;
}
a.footer:link, a.footer:visited, a.footer:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
text-decoration: none;
}
/*RSS Feed icon */
#rssfeeds
{
	position: absolute;
	top: 133px;
	left: 5px;
}
#rssfeeds img
{
border: 0;
}

/* Main Layout for Search Results skin */
#mainbodysearch
{
    float: left;
    width: 98%;
}
#contentsearch
/* not check ie hacks file - IE has different settings */
{
   float: right;   
   width: 80%; /* padding: 0 0 0 10; */
   /* width: 605px; or 74.6% */
   padding: 0 5px 20px 0;
   overflow: scroll;
}
#sidebarsearch
{
    float: left;
    /* padding-left: 1px; /*moves menu away from edge 21.4% */
    width: 18%; 
}
#footersearch
{
    clear: both;
    padding-top: 30px;
    color: #1D6729;
}
#contentonepane
/* for onepane skin (based on content search skin, but removes scroll bars */
{
   float: right;   
   width: 80%; /* padding: 0 0 0 10; */
   /* width: 605px; or 74.6% */
   padding: 0 5px 20px 0;
}
/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}
.NormalBold {
	font-weight: bold;
}
/* styles all images within text/HTML module */
.Normal img
{
    border: 1px solid #CCC;
    margin: 0 2px 20px 3px;
}
.normalsmall
{
	font-size: 85%;
}
/* class to add into images if you wish to remove border */
a.noborder img
{
	border: 0;
}

/* ================================
style for module titles
================================ */
.Head
{
    font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 140%;
    font-weight: bold;
    color: #323275;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  85%;
	color: #323275;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  85%; 
	color: #323275;
}
A.Breadcrumbs:link, A.Breadcrumbs:visited, A.Breadcrumbs:active
{
	text-decoration: underline;
	/* bread links are set to 90% size using the value below because the bread separators >> are set to 70% */
	font-size: 130%;
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 90%;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
    font-family: "MS Sans Serif", Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#dnn_contentpane H1
{
    font-size: 185%;
    font-weight: bold;
    color: #F78D0F;
	margin-bottom: 10px;
}

H1
{
    font-size: 150%;
    font-weight: bold;
    color: #F78D0F;
}
H2, H3
{
    font-size: 140%;
    font-weight: bold;
    color: #323275;
}
#dnn_contentpane H3
{
	margin-bottom: 10px;
}


H4
{
    font-size: 115%;
    font-weight: bold;
    color: #323275;
}
H5, DT
{
    font-size: 100%;
    font-weight: bold;
    color: #323275;
    margin-bottom: 5px;
}
H6
{
    font-size: 90%;
    font-weight: bold;
    color: #323275;
    margin: 0 0 20px 0;
	border-bottom: 1px solid #B4B4DE;
}
/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/
#menu
{
    /* padding: 0 0 0 80px; /* positions text */
    background-color: #FFAE00;
   background-image: url(menu_gradient_10_32.jpg);
    background-repeat: repeat-x;
	position: absolute;
    top: 95px;
    left: 0px;
	width: 100%;
	height: 32px;
}
#menu h3
{
	/*places text off screen (only viewable to screen readers) */
    font-size: 80%;
    margin: 0;
	position: relative;
    top: 0;
    left: -1000px;
}
/* Main Horizontal Menu */
#HouseMenuNav
{         
    /* menu wrapper div */
	padding: 0 0 0 80px;
	/*positions menu so orange line displays underneath */
    margin-top: -13px;
    font-size: 100%;
    font-weight: bold;
    font-family: Tahoma, Arial, "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
	/* stops menu from dropping down to next level, in em so that the width expands when a user increases size of text */
	width: 64em;
	
	
}
#HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
   /* margin: 0; */
    list-style: none;
	color: #FFF;
	/* expands the blue area for IE7 */
	margin: 5px 0 6px 0;
	
}
#HouseMenuNav a
{
    /* all links within the menu wrapper */
border-right: 1px solid #FFD67F;
background-color: #323275;
/* removes horizontal gap between each menu item */
margin: 0px -2px 0 -2px;


}
#HouseMenuNav li
{
    /* all list items */ /* -- Border around each menu item -- */
    /* border-bottom: 1px solid #ED9F9F; /* added for opera browser to remove bullets on lists */
    list-style: none;
    display: inline; /* - set's horizontal */	
	/* padding: 3px 0 3px 0;  */
	
	
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
    /* main colour of the menu */
   /* height: 20px; */
   /*expands the blue area around each menu item */
 	padding: 5px 12px 6px 12px;
	
	
    color: #FFF;
    text-decoration: none; /* added for opera */
}
#HouseMenuNav li a:hover
{
    background-color: #4949AB;
    color: #FFF;
	text-decoration: underline;
}
/* ================================ */

/* Sub Vertical Menu  (HouseMenu:3) 
 Used on Tutorials page categories
 Subs only displayed and they have orange arrow
 
*/ 
/* ================================ */
#HouseMenuNavSub
{         
    /* menu wrapper div */
	font-size: 95%;
	font-family: Arial;
}
#HouseMenuNavSub ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
    list-style: none;	
	margin: 0;
}
#HouseMenuNavSub a
{
}
#HouseMenuNavSub li
{
    list-style: none;
	padding:0;
}
#HouseMenuNavSub ul li
{
	font-weight: bold;
	margin: 10px 0 3px 10px;
	list-style-image: url(arrow.gif);
	
}
#HouseMenuNavSub li a:link, #HouseMenuNav2 li a:visited
{
	text-decoration: underline;
}
#HouseMenuNavSub li a:hover
{
	text-decoration: underline;
}
/*================================ */

/* Sub Sub Vertical Menu 
	Sub Subs have orange arrow only 
	and subs are bold text
	(HouseMenu:4) (Issue links) 341
	*/
	
/* ==================================== */
#HouseMenuNavSubSub, #HouseMenuNavSubSubReviews
{         
 	font-size: 95%;
	font-family: Arial;
}
#HouseMenuNavSubSub ul, #HouseMenuNavSubSubReviews ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
    list-style: none;
	margin: 0;	
}
#HouseMenuNavSubSub a
{
}
#HouseMenuNavSubSub li, #HouseMenuNavSubSubReviews li
{
    list-style: none;
	padding:0;
}
#HouseMenuNavSubSub ul li, #HouseMenuNavSubSubReviews ul li
{
	font-weight: bold;
	margin: 10px 0 3px 0;
	
}
#HouseMenuNavSubSub ul ul li, #HouseMenuNavSubSubReviews ul ul li
{
	list-style-image: url(arrow.gif);
	font-weight: normal;
	margin: 5px 5px 5px 18px;
}
/* stop sub sub sub menus from showing in reviews skin (individual review pages) */
#HouseMenuNavSubSubReviews ul ul ul li
{
display: none;
}
#HouseMenuNavSubSub li a:link, #HouseMenuNavSubSub li a:visited, #HouseMenuNavSubSubReviews li a:link, #HouseMenuNavSubSubReviews li a:visited
{
	text-decoration: underline;
}
#HouseMenuNavSubSub li a:hover, #HouseMenuNavSubSubReviews li a:hover
{
	text-decoration: underline;
}

/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: underline;
    /* color: #036; */
}
.Normal A:hover
{
    text-decoration: underline;
    /* color: #F00; */
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
    font-size: 90%;
    text-decoration: none;

   /* color: #036; */
}
/* This sets the style for all skin items that are links, eg login */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: underline;
    /*color: #036; */
}
A.SkinItem:hover
{
    text-decoration: underline;
   /* color: #F00; */
}
/* Layouts for the Text/HTML module */
.imageleftside
{
}
.imageleftside img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside
{
}
.imagerightside img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
/* no borders on images */
.imageleftsidenobdr img
{
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    border: 0;
}
.imagerightsidenobdr img
{
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
    border: 0;
}
/* images with captions */
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
/* to remove borders from images */
.nobdr img
{
	border: 0;
}
.clear
{
    clear: both;
}
.quoteleft {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 105%;
	/* font-style: italic; */
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color:#75818A;
}
/* use blockquote for right side quotes - more semantically correct */
blockquote {
margin: 0;
padding: 0;
}
blockquote p {
	font-family: Arial,Georgia, "Times New Roman", Times, serif;
	/* font-style: italic; */
	font-weight: bold; 
	font-size: 120%;	
	padding: 10px;
	margin: 10px 10px 10px 15px;
	width: 220px;
	float: right;
	text-align: left;
	border: 1px solid #FFAE00;
	color: #323275;
	background-color: #FFD67F;
	line-height: 140%;
}
.quoteright, .quotebox {
	font-family: Arial,Georgia, "Times New Roman", Times, serif;
	/* font-style: italic; */
	font-weight: bold; 
	font-size: 120%;	
	padding: 10px;
	margin: 10px 10px 10px 15px;
	width: 220px;
	float: right;
	text-align: left;
	border: 1px solid #FFAE00;
	color: #323275;
	background-color: #FFD67F;
	line-height: 140%;
}
/*shrinks quotes down for right pane */
#dnn_rightpane .quoteright {
	margin-top: 20px;
	float: none;
	width: 80%;
}
.quotebox
{
	font-style: italic;
	font-size: 105%;	
	margin: 5px 10px 5px 10px;
	float: none;
	width: 93%;
}
.codeinline
{
    font-family: 'courier new',courier,monospace;
	color: #000;
	background:#E0E0E0;
	border: 1px dotted #999;
	padding: 1px;
	margin: 3px;
	overflow: auto;
}
.codebox
{
    font-family: 'courier new',courier,monospace;
	color: #000;
	background:#E0E0E0;
	border: 1px dotted #999;
	padding: 10px;
	margin: 10px;
    overflow: auto;
}
.codebox55
{
    font-family: 'courier new',courier,monospace;
	color: #000;
	background:#E0E0E0;
	border: 1px dotted #999;
	padding: 10px;
	margin: 10px 20px;
	width: 55%;
}
/* Tutorial Contents pages, presented as Unordered lists */
.contents
{   
    color: #000;
	background: #eef;
	border: 1px solid #B4B4DE;
	padding: 0px;
	margin: 0 20px 10px 20px;
    overflow: auto;
    width: 92%;
}
.contents ul
{
    list-style: none;
	padding: 0 0 0 10px;
	margin: 0;
}
.contents li
{
    margin: 10px;
    padding: 0;
    display: block;
    text-decoration: none; /* added for opera */
    font-size: 100%;
    list-style: none;
    font-weight: bold; /* main headers sections in bold */
}
.contents ul ul li /*contents page titles in normal */
{
    font-weight: normal;
	padding: 0 0 0 10px; 
}
/*details for Skinning Toolkit pdf ad */
.toolkitad 
{  
    font-size: 85%;
    margin-top: 25px;
}
.toolkitad a:link, .toolkitad a:visited 
{
    padding: 5px 1px 5px 2px;
    background-color: #E0E0E0;
    display: block;
}
.toolkitad img
{
    border: 0;
    margin: 0;
}
/* Styling for subscribe section for Skinning Toolkit PDF purchase */
.subscribe
{   
    color: #000;
	background: #FFD67F;
	border: 1px solid #FFAE00;
	padding: 15px;
	margin: 0 20px 10px 20px;
	text-align: center;
    width: 87%;
}

.white a:link, .white a:visited
{
color: #fff;
font-size: 30%;
}


/*-------- article styling */
/* holds image and links to issue and subscribe for each article */
.articleinfo
{
margin: 0 0px 15px 18px;
  float:right;	
padding: 5px;
position:relative;
border: 1px solid #B4B4DE;
background-color: #323275; 
}

.articleinfo img
{
    border: 1px solid #B4B4DE;
    margin-bottom: 15px;

}
.articleinfo ul
{
    list-style: none;
	/* width: 100%; */
font-size:85%;
line-height:200%;
border: 1px solid #B4B4DE;
background-color: #CCFFFF;
padding: 10px;
margin: 0;

}
.articleinfo li
{
list-style: none;
}
/* intro text paragraph in articles */
.articleintro {

	font-weight: bold;
	color: #323275;
	line-height: 180%;
}
.note
{
	/*font-weight: bold; */
	color: #323275;
	border: 1px solid #FFAE00;
	background-color: #FFEABF;
	padding: 10px;
	font-size: 110%;
	margin: 10px 0;
}
.authorbox
{
	margin: 10px;
	width: 93%;
	border: 1px solid #B4B4DE;
	background-color: #CCFFFF;
	padding: 10px; 
}

/* =====================
	subscribe text styling
	===================== */
.subscribetext
{
	padding: 5px;
	border: 1px solid #FFAE00;
	background-color: #FFEABF; 
	text-align: center;
}
.accessbox
{
	padding: 35px 20px 35px 20px;
	border: 1px solid #FFAE00;
	background-color: #FFEABF; 
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	margin-top: 20px;
}

.paging_buttons
{
	padding: 10px;
	border: 1px solid #FFAE00;
	background-color: #FFEABF; 
	font-weight: bold;
	margin-top:10px;
}
/*used for side panes images etc. */
.side_center  
{
	text-align: center;
}
/*Sitepoint llink colours:
a:link{
  color: #06c;
  background: transparent;
}
a:visited{

  color:#4B5970;
  background: transparent;
}
a:hover{
  color: #f60;
  background: transparent;
}