/*  
Theme Name: tutorialtheme
Theme URI: http://www.blogohblog.com
Description: Tutorialtheme is the first of its kind WordPress Theme specially designed for a tutorials website.The theme has been modified in a way where you can make your posts look like actual tutorials. So, now you do not need to hunt anywhere else for a free or paid tutorials script. Courtesy of <a href="http://www.blogohblog.com" title="Free & Premium WordPress Themes">Blog Oh! Blog</a>
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; outline:none;}
body {
	background-color: #ffffff;
	background-image: url('//www.tamsinmcateestudios.com/images/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	margin:auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	}

#Navcontainer {
	position: relative;
	margin:auto;
	text-align:center;
	width: 920px;
	height: 150px;
	background-image: url('//www.tamsinmcateestudios.com/images/header.jpg'); 
	}
	
#Navlist a {
	position: absolute;
	height: 47px;
	width: 90px;
	top: 3px; 
	left: 616px;
	text-decoration: none;
	}

#Navlist a i { 
	visibility: hidden; 
	}
	
a#homeNav { 
	left: 617px; 
	top: 3px; 
	width: 90px; 
	height: 47px;
	}
a#galleryNav { 
	left: 788px; 
	top: 7px; 
	width: 100px; 
	height: 44px;
	}
a#blogNav { 
	left: 712px; 
	top: 37px; 
	width: 71px; 
	height: 45px;
	}
a#storeNav { 
	left: 633px;
	top: 69px; 
	width: 78px; 
	height: 40px;
	}
a#tutorialsNav { 
	left: 785px; 
	top: 64px; 
	width: 115px; 
	height: 45px;
	}

a#homeNav:hover { 
	background-image: url('//www.tamsinmcateestudios.com/images/home.jpg'); 
	}
 
a#galleryNav:hover { 
	background-image: url('//www.tamsinmcateestudios.com/images/gallery.jpg'); 
	}
	
a#blogNav:hover { 
	background-image: url('//www.tamsinmcateestudios.com/images/blog.jpg'); 
	}
	
a#storeNav:hover { 
	background-image: url('//www.tamsinmcateestudios.com/images/store.jpg'); 
	}
	
a#tutorialsNav:hover { 
	background-image: url('//www.tamsinmcateestudios.com/images/tutorials.jpg'); 
	}
 
a#homeNav:hover, a#galleryNav:hover, a#storeNav:hover, a#blogNav:hover, a#tutorialsNav:hover { 
	border:none; 
	}
	
a:focus { 
	outline: none; 
	}
.clear { clear:both;}

/*++++++ HYPERLINKS ++++++++*/
a { color: #a7b35e; font-weight:bold; text-decoration:none;}
a:hover{color:#7f8a40;}

/*++++++ H2,H3 ++++++++*/
h2 {font:20px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333333; padding-bottom:10px;}
h3 {font:15px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; padding-bottom:10px;}

/*++++++ MAIN ++++++++*/
#wrapper { width:920px; margin: 10px auto 10px;}
#left { float: left; width: 650px; line-height:140%;}
#right { float:right; width:200px; margin-top:70px; line-height:140%;}

/*++++++ TOP ++++++++*/
#logo { width:565px; padding:0 0 10px 0;}
#logo h1{ text-indent:-10000px;}
#logo h1 a{ display:block; background: url(images/logo.gif) no-repeat; height:106px; }
/**************** Navigation *********************/
#navigation{height:40px; font:14px Trebuchet MS; font-weight:bold; border-bottom:3px double #c5ce7f; text-transform:uppercase;}
#menu{float:right; padding-right:5px;}
#menu li{display:inline;list-style:none;background:#ffffff url(images/menuleft.jpg) no-repeat top left; padding:10px; margin-right:5px;}
.page_item a:link, .page_item a:visited{color: #7f8a40; }
.page_item a:hover {color:#a7b35e;text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color: #a7b35e;text-decoration:none; }

#info { width:565px; height:100px; margin:10px 0 10px 0;}
#info h2 { display:block; text-indent:-9999px; background:url(images/headline.gif) no-repeat; width:565px; height:60px;}

#welcome { width:575px; height:60px; margin:10px 0 10px 0;}
#welcome h2 { display:block; text-indent:-9999px; background:url(images/welcome.gif) no-repeat; width:575px; height:100px;}
#welcomecontent {margin:10px auto 10px; padding-bottom:10px; padding-left:10px; text-align:left;border-bottom:3px double #c5ce7f;}

/*++++++ ENTRY ++++++++*/
#content { width: 650px;}
.navigation { width: 550px; height:50px; }
.thumb { width:130px; height:130px; float:left; padding-right:10px;padding-left:10px;}
.entry { width:500px; float:right; margin-bottom:25px;}
.post {padding:10px; border:3px double #c5ce7f;}
.post h2 { font:20px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333333; padding-bottom:10px;}
.post h2 a { font:20px Arial, Tahoma, Verdana; color: #7f8a40; text-decoration:none;}
.post p { padding-bottom:10px;}
.post { margin-left:10px;}
.entry .white a{ color: #000000; text-decoration:none;}
.meta { margin-top:10px; background-color: #f1f2e2; padding:5px 0 0 10px; border:1px solid #e1e4c4;}
#content p.postmetadata alt {color:#000;}


/*++++++ MISC ++++++++*/
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 }
img { border:none;}
.ads1 { width:468px; height:68px; margin:auto; padding: 0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/*++++++ SIDEBAR ++++++++*/
#googlesearch { width:200px; margin-bottom:20px;}
#about { width:200px; padding-left:6px; margin-bottom:20px; color:#666666;}
#about h2 { text-indent:-9999px; background:url(images/about.gif) no-repeat; height:30px; padding-bottom:10px;}
#category { width:200px; padding-left:6px; margin-bottom:20px;}
#category h2 { text-indent:-9999px; background:url(images/category.gif) no-repeat; height:30px; padding-bottom:10px;}
#category ul{}
#category ul li{}
#category ul li ul{}
#category ul li ul li{display:block; background:url(images/folder.gif) no-repeat 0 0px; padding-left:20px; padding-bottom:5px; }
#recentpost { width:200px; padding-left:6px; margin-bottom:20px;}
#recentpost h2 { text-indent:-9999px; background:url(images/recentpost.gif) no-repeat; height:30px; padding-bottom:10px;}
#recentpost ul{}
#recentpost ul li{}
#recentpost ul li ul{}
#recentpost ul li ul li{display:block; background:url(images/recentbullet.gif) no-repeat 0 0px; padding-left:20px; padding-bottom:5px; }
#recentcomment { width:200px; padding-left:6px; margin-bottom:20px;}
#recentcomment h2 { text-indent:-9999px; background:url(images/recentcomment.gif) no-repeat; height:30px; padding-bottom:10px;}
#recentcomment ul{}
#recentcomment ul li{display:block; background:url(images/recentbullet.gif) no-repeat 0 0px; padding-left:20px; padding-bottom:5px;}
#recentcomment ul li ul{}
#recentcomment ul li ul li{display:block; background:url(images/recentbullet.gif) no-repeat 0 2px; padding-left:20px; padding-bottom:5px; }

#partner { width:200px; padding-left:6px; margin-bottom:50px;}
#partner h2 { text-indent:-9999px; background:url(images/linkpartners.gif) no-repeat; height:13px; padding-bottom:10px;}
#partner ul{}
#partner ul li{ padding-bottom:5px;}
#partner ul li ul{}
#partner ul li ul li{display:block; background:url(images/recentbullet.gif) no-repeat 0 2px; padding-left:20px; padding-bottom:10px; }
#partner ul li.morelinks { width:122px; text-align:right;}

/*++++++ COMMENTS ++++++++*/
#commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li { font-weight: bold;font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; background:#f1f2e2; border:none; }
.commentlist cite, .commentlist cite a { font-weight: normal; font-style: normal; font-size: 13px; text-transform:uppercase; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata, .commentmetadata a { font-weight: normal; padding-top:10px; font-size:9px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 90%; padding: 2px;color:#000; }
#commentform #submit { float: left; color:#000; font-weight:bold; }
.alt { padding: 10px; }
.commentlist { text-align: justify;	}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
#commentform { margin-left:10px;}
.nocomments { text-align: center;}
.commentmetadata { display: block; }

/*++++++ FOOTER ++++++++*/
#blinkies { width:810px; margin:10px auto 10px; padding-top:10px;padding-bottom:10px; text-align:center;border-top:3px double #c5ce7f; font-weight: bold;}
#footer { width:810px; margin:10px auto 10px; padding-top:10px; text-align:center;border-top:3px double #c5ce7f;}

.wp-pagenavi {
	margin: auto;
	text-align: center;
	}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7f8a40;
	color: #7f8a40;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7f8a40;
	color: #7f8a40;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7f8a40;
	color: #7f8a40;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}