/*
Theme Name: I-Tech Solutions
Theme URI: http://www.itechsa.com/
Description: I-Tech Solutions WP Theme
Version: 1.0
Author: Richard Niemand
Author URI: http://www.rn.co.za/
Tags: blue, custom header, fixed width, i-tech
*/

/************************************************************************************
	Override Settings
************************************************************************************/
html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
body {
	background-image: url(images/background.jpg);
	background-color: #00599B;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position:top center;
}
/************************************************************************************
	Wrapper
************************************************************************************/
#siteWrapper {
	text-align:center;
}

/************************************************************************************
	Main Container
************************************************************************************/
#mainContainer {
	width:944px;
	display:inline-block;
}
.contentTable {
	margin-top:3px;
}

.sideBlock {
	background-color:#dce5ec;
	border:1px solid #6b9bbf;
	padding:2px;
	width:268px;
}
.sideBlock h2 {
	margin:1px;
	padding:1px 0 2px;
	color:#045c9d;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
}
.sideBlock {
	color:#045c9d;
	font-size:12px;
}

.sideBlock .readMore {
	text-align:right;
	margin-top:6px;
	font-size:10px;
}
.sideBlock .readMore a {
	text-decoration:none;
	color:#045c9d;
	font-weight:bold;
}
.sideBlock .readMore a:hover {
	text-decoration:underline;
}


.sideBlock .loginTD input {
	border:1px solid #034ea2;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:2px;
}

.sideBlock .welcomeUser {
	text-align:center;
	padding-top:3px;
	font-weight:bold;
}
.sideBlock a {
	text-decoration:none;
	color:#065DA0;
}
.sideBlock a:hover {
	text-decoration:underline;
}

.sideSpacer {
	margin-top:9px;
}
.sideAdminBlock {
	width:280px;
}

/************************************************************************************
	Bottom Links
************************************************************************************/
#bottomWritup {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-weight:bold;
}
#bottomWritup a {
	text-decoration:none;
	color:#CCC;
}

/************************************************************************************
	Content Styles
************************************************************************************/
#mainContent {
	background-color:#FFF;
	display:inline-block;
	width:100%;
	text-align:left;
	border:1px solid #333;
	padding:3px;
	margin-top:10px;
	background-color:#FFF;
}
#mainContent p, #mainContent td {
	margin: 3px 0 0 0;
	color:#045c9d;
	font-size:12px;
	line-height:16px;
	margin-bottom:14px;
}
#siteContent {
	width:590px;
	float:right;
}
#siteContent a {
	text-decoration:none;
	font-weight:bold;
	color:#044A8F;
}
#siteContent a:hover {
	text-decoration:underline;
}
.post-edit-link {
	padding:3px 10px;
	float:right;
}


/************************************************************************************
	Top Navigation
************************************************************************************/
#topNavigation {
	float:left;
	width:100%;
	line-height:normal;
	text-align:right;
	background:url(images/main_logo.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:90px;
}
#topNavigation ul {
	padding-top:45px;
	padding-bottom:3px;
	float:right;
	margin:0;
	list-style:none;
}

#topNavigation li {
	float:left;
	margin:0 0 0 6px;
	padding:0 0 0 4px;
}
#topNavigation a {
	display:block;
	padding:5px 15px 8px;
	text-decoration:none;
	color:#045c9d;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#topNavigation li:hover, #topNavigation li.active {
	float:left;
	margin:0 0 0 6px;
	padding:0 0 0 4px;
	background:url(images/nav_left.gif) no-repeat left top;
}
#topNavigation a:hover, #topNavigation li.active a {
	display:block;
	background:url(images/nav_right.gif) no-repeat right top;
	padding:5px 15px 8px;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
}

/************************************************************************************
	Member Post Entries
************************************************************************************/
.member_post h2 {
	font-size:16px;
	background-image:url(images/bullet.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:26px;
	padding-left:30px;
	padding-top:5px;
	border-bottom:1px solid #b9b9b9;
	text-transform:capitalize;
}
.member_post .the_time {
	margin-top:-5px;
	padding-bottom:8px;
}
div.read_more {
	padding-top:6px;
}
div.read_more a {
	font-style:italic !important;
	font-weight:600 !important;
}




/* http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm */

#topScroller {
	text-align:center;
	width:100%;
	display:block;
}
#topScroller .mygallery {
	display:inline-block;
}
.stepcarousel{
	position: relative;
	border: 1px solid #959595;
	overflow: scroll; /*leave this value alone*/
	width: 880px; /*Width of Carousel Viewer itself*/
	height: 217px; /*Height should enough to fit largest content's height*/
	display:inline-block;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 2px; /*margin around each panel*/
	width: 870px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding-left:3px;
}
#mygallery-paginate {
	padding-top:3px;
}

#mainContent .pageTitle {
	border-bottom:1px solid #b9b9b9;
	padding:5px 0 8px;
	margin-bottom:15px;
}
.contactForm input {
	border:1px solid #036;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#047ACF;
	width:180px;
}
.contactForm textarea {
	border:1px solid #036;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#047ACF;
	width:94%;
	height:60px;
}
.contactForm #captcha {
	width:100px;
}
.contactForm #submitButton {
	width:80px;
}
.newsItemTitle, .specialItemTitle {
	color:#F00;
}
.newsItemTitle a, .specialItemTitle a {
	font-size:14px;
}
.newsItemContent, .specialItemContent {
	padding-left:15px;
	margin-bottom:15px;
}
.sideSpecialsBlock {
	background:url(images/specials_side.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e5eef5;
	padding:28px 8px 8px 8px;
	font-size:10px;
}
.sideNewsBlock {
	background:url(images/news_side.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e5eef5;
	padding:28px 8px 8px 8px;
	font-size:10px;
}
.sideArchiveBlock {
	background:url(images/archive.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e5eef5;
	padding:28px 8px 8px 8px;
	font-size:10px;
}
.sideLoginBlock {
	background:url(images/login_side.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e5eef5;
	padding:28px 8px 8px 8px;
	font-size:10px;
}
.sideLoginBlock a {
	font-size:12px;
}






li.comment {
	margin-bottom:4px;
	list-style:none;
	margin-left:-20px;
	background-color:#FFF;
}
li.comment:hover {
	border:1px dotted #000;
	background-color:#ECECEC;
}


div.comment-body {
	padding:4px;
}


div.comment-body div.comment-author {
}

div.comment-body div.comment-author a, div.comment-body div.comment-meta a, div.comment-body div.reply a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#03F;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}
div.comment-body div.comment-author a:hover, div.comment-body div.comment-meta a:hover, div.comment-body div.reply a:hover {
	text-decoration:underline;
}


div.comment-body div.comment-meta {
	display:none;
}

div.comment-body p {
	clear:both;
	display:block;
	margin:	0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.comment-body div.reply {
	text-align:right;
}

#attachment_280 {float:left;padding:0 12px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}