/*
 Theme Name: Think It Studio Theme
 Theme URI: http://thinkitstudio.com
 Description: This theme was built by Think It Studio
 Version: 1.0
 Author: Mike McKearin
 Tags:
 */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= RESET =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* { margin:0; padding:0; }
html { overflow-y:scroll; }
body { font-family: Georgia, "Times New Roman", Times, serif; font:90%/1.4em; }
ul { list-style:none inside; }
ol {list-style: decimal inside;}
a { outline:none; color: #333; text-decoration: none;}
a:hover {color: #0052cc;}
a img { border:none; }
img { border:none; padding:0; }
img a { border:none; }
img.left { float:left; border:none; padding:0px 0 0; }
img.right { float:right; border:none; padding:0 0 0 6px; }
p { font:1.3em/1.3em; margin-bottom:1.3em; line-height:1.7em; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:30pt; font-weight: lighter; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:14pt; font-weight: lighter;margin:10px 0;}
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size:14pt;font-weight: lighter; margin:10px 0;}
h4 { font-size:9pt; margin: 20px 0 5px 0; }
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px; }
code { font-family:"Courier New", Courier, monospace; }
div {position: relative;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= CSS TOOLBOX =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both;}
.tag{font-size: 30pt;line-height:1.3em; text-align:left; margin: 0 0 30px 0;}
.homep {width: 675px;  float: left;}
.homeimg {width: 225px; height: 300px; background: #eee; float: right; border: 10px solid #eee;}
.web {color: #8DC63F; }
.print {color:  #3E83B0;}
.id {color:#D31B23; }

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= STRUCTURE =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#container {background: url(images/bg_header.gif) top center no-repeat; }
#wrapper { margin:0 auto; width:940px;  }
#header { color:#333; float:left; padding:10px; margin:20px 0 5px; width: 678px; }
#logo {padding:30px;}
#rss {float:right; color:#333; border:1px solid #ccc; margin:20px 0 5px; padding:10px; height:60px; width:212px; display:inline;}
#mast {background: #eee; color:#333; width:918px; float:left; padding:10px; border:1px solid #ccc; height:200px; margin:0 0 5px; }
#nav { float:right; width:918px; color:#333; padding:10px;margin:40px 0 5px;   }
#homecont {width: 960px;}
#leftcolumn { width: 960px;}
#rightcolumn { float:right; color:#333; border:1px solid #ccc; margin:0 0 5px; padding:10px; width:212px; display:inline; }
#footerwrap { background: url(images/bg_foot.gif) bottom center transparent no-repeat; clear: both;min-height: 230px;}
#footer {width: 960px;padding: 30px; margin:0 auto;}
#footer p{margin: 30px;}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= CONTENT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.post h2 {font-size:35px;
margin:10px 0;
text-align:left;}

.post {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; min-height:185px;}
,post img {margin: 10px;}
#pimg {float: left; margin:0 10px 0 0; border: 1px solid #ccc; width: 200px; height: 200px;}
.post_thumb {border: solid 3px #ccc; float: left; margin: 0 10px 0 0; height: 150px; width: 150px; background: #eee;}
.services {font-style: italic; color: #bbb; font-size: 8pt;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= BOTTOM BOXES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#btmcontent {float:left;
margin:20px 0 5px;
min-height:300px;
padding:0px;
width:960px;}
#btmboxone {border: 1px solid #ccc; color: #fff; background: #231F20;}
#btmboxtwo {border: 1px solid #ccc; margin: 0 20px 0;}
#btmboxthree {border: 1px solid #ccc;}
.btmbox {float: left; width: 264px; padding: 20px; color: #eee; background: #231F20;}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= gallery =-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
	position: relative;
	z-index: 999;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}