/*
Theme Name: CUSTOM based on Wooden Mannequin
Theme URI: Based on http://lorem-ipsum-dolor-sit-amet.com/wooden-mannequin/
Description: Search engine optimized theme. Search engine optimization that really works! 1st. position in search engines. Just remember to fill out meta-tags in header.php. WordPress theme designed by <a href="http://lorem-ipsum-dolor-sit-amet.com" target="_blank">Lorem Ipsum</a>.
Version: 1.1
Author: Lorem Ipsum
Author URI: http://lorem-ipsum-dolor-sit-amet.com
Tags: 2 columns, 3 columns, white, widgets, fixed width, wooden mannequin, solbergs, blue, gravatars, business, 1st position in search engines, fixed width, two columns, three columns, clean, lorem ipsum, search engine optimized,
*/

.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float:left;}
.alignright {float:right;}

/* Body */
* {margin:0; padding:0;}
body {background:#000 top center repeat-y; color:#fff; font:76% Arial,Verdana,Tahoma,sans-serif;}

/* Page Structure */
#wrap {width:1100px; margin:0 auto; background-color:#000; color:#fff;}

#header {float:left; margin:0; width:1100px;}
#logo {float:left; width:250px; margin:0; padding:0; }
#sbTweets { float:right; width:850px; height:50px; margin:0; padding:0;  }

#container {clear:both; width:1100px; }
#leftside {float:left; width:196px; line-height:1.5em; margin:0; padding:0; }
#content {float:left; width:600px; line-height:1.6em; margin:12px 0 0 40px; padding:0; }
#extras {float:right; width:200px; line-height:1.4em; margin:6px 0 0 0; padding:0; }


/* Links */
a {background-color:inherit; color:#fff; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#fff; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Header */
#header h1 {background-color:inherit; color:#fff; font-size:2em; letter-spacing:-1px; margin:30px 30px 0 0;}
#header h1 a {background-color:inherit; color:#fff; text-decoration:none;}
#header p {background-color:inherit; color:#fff; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:10px 30px 0 0;}
#frontphoto {float:left; width:auto; padding:0 0 0 0;}

/* #frontphoto {margin:0 0 0px;} */

/* Sidebars */
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/**
* NAVIGATION Andrew
*/

#navsiteX {background-color:#000; width:196px; height:600px; margin:0; padding:0px; border:0px;}
#navX {float:left; background-color:transparent; width:196px; height:600px; margin:0px; padding:0; border:0; }
#navX ul {list-style: none; width:196px; display: block; float:left; margin:0; padding:0px;}
#navX li {list-style: none; display: inline;}
#navX a { float:left; overflow: hidden; height: 0px !important; height /**/:30px; /* for IE5/Win only */ margin:0; }
#navX a:hover, #news #nav_news a, #audio #nav_audio a, #photos #nav_photos a, #videos #nav_videos a, #press #nav_press a, #contact #nav_contact a, #myspace #nav_myspace a, #facebook #nav_facebook a, #twitter #nav_twitter a { background-position:  -196px 0px; }

#news a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/news.gif'); background-repeat:no-repeat;}
#audio a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/audio.gif'); background-repeat:no-repeat; }
#photos a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/photos.gif'); background-repeat:no-repeat; }
#videos a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/videos.gif'); background-repeat:no-repeat; }
#press a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/press.gif'); background-repeat:no-repeat; }
#contact a  { width: 196px; padding: 50px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/contact.gif'); background-repeat:no-repeat; }

#myspace a  { width: 196px; padding: 92px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/myspace.gif'); background-repeat:no-repeat; }
#facebook a  { width: 196px; padding: 92px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/facebook.gif'); background-repeat:no-repeat; }
#twitter a  { width: 196px; padding: 92px 0px 0px 0px; background:url('http://hatchmatik.com/news/wp-content/themes/wooden-mannequin/img/twitter.gif'); background-repeat:no-repeat; }


/**
* END NAVIGATION Andrew
*/

/* Twitter stream */
	
#twitterStatusFront {
	width:172px;
 	height:153px; 
	display:block;
	background-image:url(http://hatchmatik.com/news/images/elements/twitter_logo.png);
	float:left;
}

#twitterStatusMiddle {
 	height:153px; 
	background-image:url(http://hatchmatik.com/news/images/elements/twitter_content.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
	display:block;
	float:left;
	line-height:11px;
	/* padding:15px 0 0; */
	padding:60px 0 0;
	text-align:center;
	width:476px;
}


#twitterStatusReply {
 	height:153px; 
	width:54px;
	display:block;
	background-image: url(http://hatchmatik.com/news/images/elements/twitter_arrow.png);
	float:left;
}

#twitterStatusReply a{
	display:block;
	height:153px; 
	}
	
#twitterStatusReply a:hover{
	display:block;
	text-decoration:none;
	background-image: url(http://hatchmatik.com/news/images/elements/twitter_arrow.png);
	background:transparent;
	}

#twitterStatusFollow {
	width:148px;
	display:block;
	background-image: url(http://hatchmatik.com/news/images/elements/twitter_follow.png);
	float:left;
}

#twitterStatusFollow a{
	display:block;
 	height:153px; 
	}
	
#twitterStatusFollow a:hover{
	display:block;
 	height:153px; 
	text-decoration:none;
	background-image: url(http://hatchmatik.com/news/images/elements/twitter_follow.png);
	background:transparent;
	}

.twitters ul {
 	height:153px; 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}



/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:196px;}
ul.page li {display:inline; line-height:1.4em; width:196px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:196px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:196px;}
ul.page ul a {padding:3px 1px 3px 5px; width:196px;}
ul.page ul ul {width:196px;}
ul.page ul ul a {width:196px;}

/* Content #content {line-height:1.6em; margin:0 255px 5px; padding:0;} */

/* Defines width of blog page #content was {line-height:1.6em; margin:0(top) 255px(left) 5px(bottom); padding:0;} */

/* Defines width of pages #contentwide {line-height:1.6em; margin:0 0 5px 250px; padding:0;} */
#contentwide {line-height:1.6em; margin:0 300px 5px; padding:0;}

#content h2,#contentwide h2 {font-size:1.8em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:0px solid #d0d0d0; float:none; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:1100px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#000; border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
