/*
Theme Name: HowTo-Outlook
Theme URI: http://www.msoutlook.info/
Description: Theme by Robert Sparnaaij
Version: 1.0
Author: Robert Sparnaaij
*/


/* Style for page layout */
#page_topnavigation {
	width: 100%;
	height: 110px;
	}
#leftcontent {
	position: absolute;
	top:200px;
	left:10px;
	width:75px;
	}
#centercontent {
	margin-top:40px;
	margin-left: 75px;
	margin-right:200px;
	min-height: 1160px;
	height:auto !important;
	height: 1160px;
	}

#rightcontent {
	position: absolute;
	top:200px;
	right:10px;
	width:150px;
	}
#serviceblock {
	position: absolute;
	right:5px;
	top:5px;
	}


/* Style for global HTML items */
body {
	background-color:#8CDFFF;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : black;
	}

a {
	color : #0082CE;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
a:hover {
	text-decoration: underline;
	color: red;
	}
a.moving{
	color : #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}		 		 
hr {  
	height: 0; 
	border: 0; 
	border-top: 1px solid #0082CE; 
	} 
form {
	margin-top: 4px;
	margin-bottom: 4px;
	}


/* Custom global classes */
.catimage {
	border: none;
	}

.code {
	font-family: "Courier New";
	}
.last-modified {
	text-align: right;
	font-size: 9pt;
	}
.nonclickablelink {
	color : #0082CE;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
.prevnextnav{
	text-align: center;
	}
.table-global {
	border-width: 1.5pt;
	border-style: solid;
	border-color: black;
	}
.table-topleft { 
	font-weight: bold;
	color: white;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black; 
        background-color: navy;
	}
.table-left {
	font-weight: bold;
	color: black;
	border-style: none;
	background-color: silver;
	}
.table-top {
	font-weight: bold;
	color: white;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black; 
	background-color: navy;
	}
.table-content {
	color: black;
	border-style: none;
	background-color: silver;
	}
.table-screenshots {
	padding-bottom: 10px;
	padding-right: 30px;
	}
.tipblock {
	border-style: solid;
	border-width: 1px;
	border-color: #0082CE;
	}
.exampleblock {
	border: 1px solid #0082CE;
	margin-left: 40px;
	margin-bottom: 15px;
	padding: 15px;
	display: inline-block;
}
.topnavigation {
	background-color:#0000FF;
	}
.bottomnavigation {
	background-color:#0082CE;
	}
a.navigation-link {
	color: white;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
a.navigation-link:hover { 
	text-decoration: underline;
	color: white;
	}

#searchtip {
	text-align: center;
	border: 1px solid #0082CE;
	padding: 10px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	}
#search-mso {
	text-align: left;
	border: 1px solid #0082CE;
	padding: 10px 10px;
        margin-top: 15px;
	margin-bottom: 10px;
	font-size: 14px;
	}
.tiplogo {
        float:right;
        border: 1px solid #0082CE;
        }
	

/* Style for index-page */
#index-page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

#index-page h1 {
	color: #0082CE;
	font-size: 18pt;
	text-align: center;
	margin-bottom: 24px;
	}		 
		 
#index-page h2 {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
#index-page h3 {
	color: #0082CE;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
	}


/* Style for individual pages */
#single-page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
#single-page h1 {
	color: #0082CE;
	font-size: 18pt;
	text-align: center;
	margin-bottom: 24px;
	}
#single-page h2 {
	color: black;
	font-size: 16pt;
	text-align: left;
	}
#single-page h3 {
	font-size: 14pt;
	margin-top: 5px;
	margin-bottom: 5px;
	}


/* Style for category pages */
#category-page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
#category-page h1 {
	color: #0082CE;
	font-size: 18pt;
	text-align: center;
	margin-bottom: 24px;
	}
#category-page h2 {
	color: black;
	font-size: 16pt;
	text-align: left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}
#category-page h3 {
	font-size: 14pt;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-top: 1px;
	/*margin-bottom: 5px;*/
	}	 
.cat-guidelist a {
	color: #0082CE;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
    }
#category-page p {
        margin-top: 0px;
	}
ul.cat-categorylist {
	list-style-image:url("images/category.png");
	list-style-type:square;
	padding-left:6px;
	margin-left:17px;
	}
.cat-categorylist a {
	color: #0082CE;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
    }
ul.cat-popularlist {
	list-style-image:url("images/popular.png");
	list-style-type:square;
	padding-left:4px;
	margin-left:17px;
	}
	
/* Style for individual posts */
#single-post {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
#single-post h1 {
	color: #0082CE;
	font-size: 16pt;
	margin-bottom: 40px;
	}		 
#single-post h2 {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
#single-post h3 {
	color: #0082CE;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 40px;
	}
#single-post h4 {
	color: #0082CE;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 25px;
	}
#single-post h5 { /*copy of h2 to fix styling order by switching h2 and h3 */
	color: black;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
#single-post p {
	margin-top: 0px;
	}
#single-post-ad {
	text-align: center;
	font-size: 14px;
	}

/* Style for addin page template */
#addins{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

#addins h1 {
	color: #0082CE;
	font-size: 18pt;
	text-align: center;
	margin-bottom: 24px;
	}		 
		 

/* Style for addin table layout */
#addintables a {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
#addintables h4 {
	color: white;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
#addintables h5 {
	color: white;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	}
#addintables strong {
	color: white;
	}
#addintables table {
	border-width: 1.5pt;
	border-style: solid;
	border-color: black;
	}
#addintables th {
	font-weight: bold;
	color: white;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black; 
        background-color: navy;
	}
#addintables td {
	color: black;
	border-style: none;
	background-color: silver;
	}


/* Style for voting system */
#vote {
	border: 1px solid #0082CE;
	margin-bottom: 10px;
	padding-right:5px;
	padding-left:5px;
        width:165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
#vote ul {
	list-style: none;
	}
#vote-archive {
	margin-bottom: 10px;
	padding-right:5px;
	padding-left:5px;
    width:165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}


/* Style for banners */
#banners {
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10pt;
	text-align: center;
	}
#banners h1 {
	color: black;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	}
#banners h2 {
	color: #0082CE;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 3px;
	text-align: center;
	border-bottom-style:none;
	}

#hto_form table {
	border: 1px solid #0082CE;
	background-color: #FFFFFF;
}

/* Style for copyright */
#copyright {
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 8pt;
	text-align: center;
	}