/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.2
Developer: 			Parscale Media
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Parscale Media
Last Modified: 		Sat 8.19.09 @ 1:28pm

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }

/* Class for clearing floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #e3d4bb; font-family: "georgia","verdana","helvetica","arial",serif; font-weight: normal;}

/* Create the Default Paragraphs */
p {color:#f6e7cf;line-height:20px; margin-bottom: 10px;}

/* Specific Header Settings */
h1 {font-size:22px;}
h2 {font-size:20px; margin-bottom: 10px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* Other Typo */
strong{font-weight: bold;}
hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;}
ol{list-style:decimal;}
ul{list-style:square;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style:none;}

/* Create default inline image class */
img.inline{ display: inline; vertical-align: middle; }


/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a{color:#c1664e;text-decoration:none;}
a:hover{color:#c1664e;text-decoration:underline;}
a:active{outline:none;}
a:focus{outline:1px dotted invert;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* Default Horizontal Zebra Table */
#hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;}
#hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;}
#hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;}
#hor-zebra td{color:#454444;padding:5px 8px 5px 8px; }
#hor-zebra .odd{background:#f1f1f2;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font: 12px "Lucida Grande","Helvetica",sans-serif, monospace;}

/* Wrapper */
#wrapper{min-height: 100%; height: auto !important; margin:0 auto -175px;}

/* Signature */
#signature {height: 200px; width: 415px; position: absolute; top: 20px; left: 60px; z-index: 200; background: url(/images/site/signature.png) no-repeat;}

/* Header */
#header {height: 180px; position: relative;}

/* Title */
#title {width: 400px; position: absolute; top: 175px; left: 270px; z-index: 5000;}
#title a {position: relative;}

/* Main */
#main { margin-left: 100px; padding-top: 50px; margin-bottom: 50px; position: relative; z-index: 100; width: 600px;}
#main_content {background: #332822; opacity: .97; filter: alpha(opacity=97); padding: 20px 20px 0; height: 100%; width:560px;}


#twitter {background: #332822; opacity: .97; filter: alpha(opacity=97); margin-top: 20px; padding: 20px 20px 5px; height: 100%; width: 560px;}
#twitter_image {width: 150px; float: left;}
#twitter_text {width: 410px; float: right;}
#twitter_text ul.nav {list-style: none; margin-bottom: 10px;}
#twitter_text ul.nav li {display: inline; color: #f6e7cf;}

#icons {float: right;}

/* Blog Summary */
.blog_summary {margin-bottom: 30px; width: 560px;}
.bs_image {width: 150px; float: left;}
.bs_image img {border: 3px solid #5f5041; padding: 3px; width: 125px;}
.bs_text {width: 410px; float: right;}

#paginate {float: right;}


/* Footer Push */
#push{height: 175px;}

/* Footer */
#footer_wrapper {position: relative; background: #1e130d url(/images/site/background_footer.png) no-repeat; bottom: 0;height: 175px; z-index: 300;}
#footer {margin-left: 100px; padding-top: 10px;}
#footer img {margin-right: 20px;}
#footer p {margin-bottom: 0;}

/*JUITTER PLUGIN CSS*/
#juitterContainer {margin-bottom: 10px;} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{color: #f6e7cf; list-style:none; margin-bottom: 10px; padding-bottom: 10px; border-bottom:dashed 1px #f6e7cf; clear:both; height:55px;} 
#juitterContainer .twittList SPAN.time{color:#f6e7cf;font-size:0.9em}
#juitterContainer .twittList a{color:#c1664e;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 3px #5f5041;margin-right:10px;padding:3px;width:48px;;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(/images/site/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}