/*
Theme Name: Inkbyte
Theme URI: http://www.inkbyte.net/
Description: InkByte Original Theme
Version: 1.0
Author: Josh Bruce
Author URI: http://www.inkbyte.net/
Tags: blue, custom header, fixed width, two columns, widgets

	
*/

* {outline: none;}

body {
	background: #fdf2df url('images/background.jpg');
	text-align:center;
	padding:0;
	margin:0;
	vertical-align: baseline;
	font-family: Georgia, Times;
	}

a {color:#98AE61; text-decoration: none;}
a:hover {color:#586830;}

	
div#wrap {
	background-image:url('images/coffee-stains.png'); 
	background-repeat: no-repeat;
	background-position:top;
}
div#header {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
	height:180px;
}
div#header-home {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
	height:310px;

}

div#wrap div#header h1, div#wrap div#header-home h1{
	background: transparent url('images/inkbyte-logo.png') no-repeat; 
	padding:0 0 0 0;
	margin:0 0 0 0;
	position: absolute;
	top:30px;
	left:0;
}
div#wrap div#header h1 a, div#wrap div#header-home h1 a{ 
	display:block;
	width:251px;
	height:119px;
	margin:0;
	}
div#wrap div#header ul, div#wrap div#header-home ul {
	top:65px;
	right:0;
	padding:0;
	margin:0;
	position: absolute;
	vertical-align: baseline;

}
div#wrap div#header ul li, div#wrap div#header-home ul li  {
	display:inline;
	padding:0;
	margin:0;
	vertical-align: baseline;
	

}
div#wrap div#header ul li a, div#wrap div#header-home ul li a {
	width:140px;
	float:left;
	text-align: left;
	display:block;
	height:62px;
}
div#wrap div#header ul li a.folio, div#wrap div#header-home ul li a.folio { background: url('images/navigation.png') no-repeat; background-position: 0 0;}
div#wrap div#header ul li a.folio:hover, div#wrap div#header-home ul li a.folio:hover {background: url('images/navigation.png') no-repeat; background-position: 0px -62px;}

div#wrap div#header ul li a.blog, div#wrap div#header-home ul li a.blog { background: url('images/navigation.png') no-repeat; background-position: -140px 0px;}
div#wrap div#header ul li a.blog:hover, div#wrap div#header-home ul li a.blog:hover{background: url('images/navigation.png') no-repeat; background-position: -140px -62px;}

div#wrap div#header ul li a.store, div#wrap div#header-home ul li a.store { background: url('images/navigation.png') no-repeat; background-position: -280px 0px;}
div#wrap div#header ul li a.store:hover, div#wrap div#header-home ul li a.store:hover  {background: url('images/navigation.png') no-repeat; background-position: -280px -62px;}

div#wrap div#header ul li a.contact, div#wrap div#header-home ul li a.contact { background: url('images/navigation.png') no-repeat; background-position: -420px 0;}
div#wrap div#header ul li a.contact:hover, div#wrap div#header-home ul li a.contact:hover {background: url('images/navigation.png') no-repeat; background-position: -420px -62px;}

div#store-into {width:960px; margin:0px auto; padding:0; position:relative; height:160px;}
div#store-intro-text {position:absolute; left:0px; }
div#store-intro-text p {
	font-size:18px;
	text-align:left;
	line-height:140%;
	margin:0px 20px 10px  20px ;
	text-shadow: #fff 1px 1px 0px;
	color:#383838;
}

div#store-intro-text p span {color:#98AE61; font-style:italic;}


div#intro {position:absolute; top:170px; left:0px; }
div#intro p {
	font-size:18px;
	text-align:left;
	line-height:140%;
	margin:10px 20px;
	text-shadow: #fff 1px 1px 0px;
	color:#383838;
}

div#intro p span {color:#98AE61; font-style:italic;}


div#upper-body {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
}

div#page-body {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
}

div#lower-body {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
}


div#upper-body h1 {
	border-bottom:4px solid #c8df8e; 
	text-align: left; 
	float:left;
	display: block;
	padding:0 5px 5px 5px;
	margin:0; 
	font-size:24px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;

}
div#lower-body div.page-container div.left h1 {
	border-bottom:4px solid #c8df8e; 
	text-align: left; 
	float:left;
	display: block;
	padding:0 5px 5px 5px;
	margin:0 0 10px 0; 
	font-size:24px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;

}
div#lower-body h1 {
	border-bottom:4px solid #c8df8e; 
	text-align: left; 
	float:left;
	display: block;
	padding:0 5px 5px 5px;
	margin-bottom:25px; 
	font-size:24px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;
	}

div#container {
	width:960px;
	padding:0;
	margin:0 auto;
	position: relative;
	text-align:left;
}


div#the-strip {
	margin:15px 0px;
	background: url('images/strip-background.png') repeat-x;
	height:319px;
}

div.latest-blogs {
	margin:0px auto;
	background: url('images/footer-lines.png') repeat-y;
	background-position: top center;
	text-align: left;
	width:960px;
}
div.latest-blogs ul {
	padding:0;
	margin:0 -20px 0 0 ;
	text-align: left;
	overflow:hidden;
	
}
div.latest-blogs ul li {
	display:inline;
	float:left;
	width:270px;
	padding:0px 15px;
	margin:0px 20px 0px 0px;
	text-align: left;
	position:relative;
}

div#featurebox {background-color:#000; width: 566px; float:left; height:286px;  background: url('images/feature-background.png') no-repeat; position: relative; top:16px;}
div#featurebox-contents { width: 550px; height:270px; position: relative; top:8px; left:8px; float:left; }
div#featurebox-contents-subpage { width: 550px; position: relative; top:8px; left:8px; float:left; }

div.latest-blogs ul li a {text-decoration: none;}
div.latest-blogs ul li a h2 {color:#98ae61; font-size:18px; padding:0px; margin:0px; font-weight:normal; text-shadow: #fff 1px 1px 0px; }
div.latest-blogs ul li a:hover h2 {color:#000; }

div.latest-blogs ul li a p{color:#383838; padding:0px; margin:0px; font-size:13px; line-height: 160%; text-decoration: none;}
div.latest-blogs ul li a:hover p{color:#000;}

div#homepage-sidebar {width:278px; height:286px; position: relative; top:16px; float:left; margin-left:14px;  }
div#homepage-sidebar div#tallbox {background: url('images/sidebar-large.png') no-repeat; width:378px; height:186px; margin-bottom:14px; }
div#homepage-sidebar div#tallbox img {position:absolute; left:8px; top:8px;}

div#homepage-sidebar div#smallbox {background: url('images/sidebar-small.png') no-repeat; width:378px; height:86px; }
div#homepage-sidebar div#smallbox img {position:relative; left:8px; top:8px;}


div#subpage-sidebar {width:378px; height:286px; position: relative; top:16px; float:left; margin-left:14px;  }
div#subpage-sidebar p  {font-size:14px; line-height:150%; text-shadow: #fff 1px 1px 0px;}
div#subpage-sidebar h1 {padding:0 ; padding-top:10px; margin:0; font-size:22px; font-weight:normal; text-shadow: #fff 1px 1px 0px;}
div.clear {clear:both;}

div.post-container { background: url('images/folio-lines.png') repeat-y; margin-top: 0px; margin-bottom:20px; margin-right: -20px; overflow: hidden;}
div.post-box {width:430px; text-align:left; float:left; padding:0px 20px; margin-right:20px;}
div.store-info-box {width:430px; text-align:left; float:left; padding:0px 20px; margin-right:20px; margin-top:30px;}

div.page-container { background: url('images/pages-lines.png') repeat-y; min-height:700px; margin-bottom:20px; margin-right: -20px; overflow: hidden;}
div.blog-container { background: url('images/pages-lines.png') repeat-y; min-height:700px; margin-bottom:20px; margin-right: -20px; overflow: hidden;}

div.blog-container div.left {width:610px; float:left; text-align: left; margin-right: 50px;}
div.page-container div.left {width:610px; float:left; text-align: left; margin-right: 50px;}
div.page-container div.right, div.blog-container div.right {width:280px; float:left; text-align: left; padding-top:0px; }
div.page-container div.right p, div.blog-container div.right p {padding:0px ; font-size:13px; margin:0px;}
div.page-container div.right ul, div.blog-container div.right ul {padding:7px 0 0 0; margin:0;}
div.page-container div.right li, div.blog-container div.right li {list-style:square; }
div.page-container div.right ul li, div.blog-container div.right ul li { font-style: italic; list-style-image:url('images/bullet.gif'); list-style-position:top; line-height:14px; margin:0px 0px 0px 25px; font-size:10px; padding-bottom: 10px; padding-left: 2px;}
div.page-container div.right ul li a, div.blog-container div.right ul li a {font-style: normal; font-size:13px; color:#98AE61; text-decoration: none;}
div.page-container div.right ul li a:hover, div.blog-container div.right ul li a:hover {color:#ffffff; background-color:#98AE61; }
div.page-container div.right ul.padding li a, div.blog-container div.right ul.padding li a {padding:3px;}
div.page-container div.right ul.padding li a:hover, div.blog-container div.right ul.padding li a:hover {padding:3px;}
a.twitter {background-image:url('images/twitter-icon.png'); background-position:3px 3px; background-repeat:no-repeat; padding:4px 8px 4px 25px; }
a.da {background-image:url('images/da-icon.png'); background-position:3px 3px; background-repeat:no-repeat; padding:4px 8px 4px 25px; }
a.email {background-image:url('images/email-icon.png'); background-position:3px 3px; background-repeat:no-repeat; padding:4px 8px 4px 25px; }
a.rss {background-image:url('images/rss-icon.png'); background-position:3px 3px; background-repeat:no-repeat; padding:4px 8px 4px 25px; }

div.page-container div.right h2, div.blog-container div.right h2 {
	text-align: left; 
	display: block;
	padding:10px 5px 6px 0px;
	margin:0 0 10px 0; 
	font-size:14px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;
	border-bottom:2px solid #c8df8e; 
	}
div.page-container h2 { 
	text-align: left; 
	display: block;
	padding:0 5px 15px 0px;
	margin:0; 
	font-size:30px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;}
	
div.blog-container div.left h3 { 
	border-bottom:4px solid #c8df8e; 
	text-align: left; 
	float:left;
	display: block;
	padding:0 5px 5px 5px;
	margin:0; 
	font-size:24px; 
	font-weight:normal;
	text-shadow: #fff 1px 1px 0px;
}
div.blog-container p img {border:3px solid #4D4D4D; padding:1px; margin-top:10px; margin-bottom:-10px;}
div.date {font-size:14px; text-align:left;  padding-left:5px; padding-top:5px; padding-bottom:10px; font-style:italic; color:#666; }

div.page-container p {color:#383838; font-size:16px; line-height:180%; text-shadow: #fff 1px 1px 0px; padding: 0  10px  20px 10px; margin: 0; text-decoration:none;}
div.blog-container p {color:#383838; font-size:16px; line-height:180%; text-shadow: #fff 1px 1px 0px; padding: 0  10px  20px 5px; margin: 0; text-decoration:none;}

div.post-box h2 a, div.post-box h2, div.store-info-box h2 a, div.store-info-box h2  {color:#98ae61; font-size:20px; padding:0px; margin:0px; font-weight:normal; text-shadow: #fff 1px 1px 0px; text-decoration:none; }
div.post-box p, div.post-box a p, div.store-info-box p, div.store-info-box a p  {color:#383838; font-size:14px; line-height:150%; text-shadow: #fff 1px 1px 0px; padding: 0; margin: 0 5px; text-decoration:none;}
div.post-box a:hover p, div.store-info-box a:hover p  {color:#000;}

img.folio-image {border:4px solid #98ae61; margin:7px 1px; text-align:center;}
div.folio-image {position: relative;}
div.folio-image img {border:4px solid #98ae61; margin:7px 1px; text-align:center;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 1px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


#twtr-widget-1 h3 {display:none;}

div#footer {background-color:#4f5050; height:120px; margin-top:60px; text-align:center; }
div#footer div#footer-logo {background-image:url(images/footer-logo.png); background-repeat:no-repeat; background-position:20px 30px; width:940px; margin:0px auto; height:120px; padding:0px 0px 0px 0px;}
div#footer div#footer-logo p {float:left; width:700px; text-align:center; margin:60px 0px 0px 220px ; color:#9d9d9d; font-size:11px;}

div.buttons {margin:0px auto; text-align: center; padding-top: 10px; width: 360px;}
div.buttons form {width:178px; display:inline-block; float: left; }
a.a1-print {margin:4px; display:inline-block; width:174px; height:28px; background-image:url('images/store-buttons.png'); background-position: 0px 0px; background-repeat: no-repeat;}
a.a1-print:hover {width:174px; height:28px;  background-image:url('images/store-buttons.png'); background-position: -174px 0px; background-repeat: no-repeat;}
a.a3-print {margin:4px; display:inline-block; width:174px; height:28px; background-image:url('images/store-buttons.png'); background-position: 0px -28px; background-repeat: no-repeat;}
a.a3-print:hover {width:174px; height:28px;  background-image:url('images/store-buttons.png'); background-position: -174px -28px; background-repeat: no-repeat;}

div.overlay {float:left; background-color: #98AE61; color: #fff; position: absolute; padding: 5px 15px; top:15px;}