/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* Entry lists with bullets */
.module-content ul li,
.entry ul li{
	list-style-type:none;
	padding-left:20px;
	background:url(ProudProgrammer.css/$file/bullet.gif) no-repeat;
	margin-bottom:10px;
	}

.entry ul{
	padding:0;
	margin:0;
	}


.entry ol{
	color:#000;
	}

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	position: static;
}


/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}


/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry-body 
{
    float: left;
    width: 85%;
}

.entry-userpic
{
    width: 100px;
    height: 100px;
    float: right;
}

.entry-userpic img,
.comment-userpic img
{
    display: block;
    margin: 0 auto;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

.comment-userpic
{
    float: left;
    width: 100px;
    height: 100px;
}

.comment-content
{
    float: right;
    width: 85%;
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

.comments-open-header
{
    clear: both;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px 0;
}


/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
	border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}
body {

	padding:0;

	margin:0;

	background: #ffc056 url(ProudProgrammer.css/$File/bggradient1.jpg) repeat-x;

	font-family: Helvetica, Verdana, Arial, sans-serif;

	font-size:100%;

	color:#252525;

	line-height:1.2;

}



a {

	color:#0033ff;

	text-decoration:none;

	}


a:hover {

	background-color:#ffcc00;

	color: #000;

	}



p {

	margin:0 0 15px 0;

	}



/* -------- layout styles -------------*/



#container {

width: 90%;

margin:0 auto 0 auto;

text-align:left;

max-width: 1024px;

background: #f5f7f4 url(ProudProgrammer.css/$File/bgcenter.jpg) repeat-y;

	}



/* ---------- Single Column Styles ----------  */





.layout-one-column #alpha {width: 65%; margin-left:10%;}





/* ---------- Two Column Left Styles ---------- */





.layout-two-column-left #alpha {

    width:30%;

	margin:25px 0 0 0;

	padding:10px;

	border-right: 1px solid #ccc;

}

	

.layout-two-column-left #beta{

	width: 60%; 

    margin:0 0 0 10px;

}





/* ---------- Two Column Right Styles ---------- */





.layout-two-column-right #alpha {

	width:60%;

	margin:0 10px 0 0;

	padding:0;

	

	}

	

.layout-two-column-right #beta {

	width:30%;

	margin:25px 0 0 0;

	padding:10px;

	}

	

/* ------------ Three Column Styles -------------*/



.layout-three-column #alpha {

	width:16%;

	margin:0 7% 0 0;

	padding:0;

       }



.layout-three-column #beta {

	width:40%;

	margin:0 7% 0 0;

	padding:0;

	}



.layout-three-column #gamma {

	width:16%;

	margin:0;

	padding:0;

    }



/* -------- banner styles -------------*/



#banner {

	background: transparent url(ProudProgrammer.css/$File/ProudProgrammerMastHead.jpg) no-repeat;

	height: 207px;

	}



#banner-inner {

	margin:0 0 0 30px;

	}

		

h1, h2 {padding:0; margin:0;}



#banner-header {

	padding:0;

	margin:0;

	padding-top:120px;

	font-size:190%;

	color:#FFF;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	}



#banner-header a {

	text-decoration:none;

	color:#FFF;

	}



#banner-header a:hover {

	color:#000;

	}

	

#banner-description {

	padding:3px 0 0 0;

	margin:0;

	font-size:82%;

	color:#FFF;

	font-weight:normal;

	}

	

/* -------- page styles -------------*/



#pagebody {

	margin:0;

	padding:30px 0 30px 0;

	text-align:left;

	font-size: 92%;

}



#pagebody-inner {

	padding:0;

	margin:0 2%;	

	}





/* -------- entry area styles -------------*/



.date-header {

	font-size:82%;

	padding:0;

	margin:0 0 5px 0;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #666;

	}



.entry-header {

	padding:0;

	margin:0 0 25px 0;

	font-size:160%;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	color: #000;

	}



.entry-body {

	line-height: 1.5;

	}

	



.entry-body ul, ol {

	margin-bottom:15px;

	}



.entry-body blockquote {

	text-align:justify;

	padding-left:20px;

	background-image:url(ProudProgrammer.css/$File/bg-blockquote.png);

	background-repeat:no-repeat;

	background-position:top left;

    margin:20px 0 20px 20px;

}



.entry-body img {border: 1px solid #555;}

.entry-body img[align="right"] {margin: 5px 0 15px 20px; display:block;}

.entry-body img[align="left"] {margin: 5px 20px 15px 0; display:block;}



.entry-footer {

	padding:4px 0;

	margin:10px 0;

	font-size: 72%;

	border-top: 1px solid #ccc;

	}



.post-footers {

	display:block;

	}

	

.separator {display:none !important;}



/* -------- sidebar styles -------------*/



.module-header {

	padding:0;

	margin:0 0 10px 0;

	font-size:160%;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

	color: #999;

	}	



.module-header a {

	color:#252525;

	}



.module-content {

	position:relative;

	margin:0 0 25px 0;

	padding:0;

	font-size: 82%;

	}



.module-content ul {

	margin: 5px 0 10px 0;

}



.module-content li {

	}



.module-categories module {

	margin-top:20px;

	}



.module-categories ul li ul li {

	margin-left:5px;

}



input, textarea {

	font-size: 100%;

	padding: 2px;

	margin: 3px 0 3px 0;

	border: 1px solid #555;

	background-color:#FFF;

	color:#555;

}



textarea {

 font-size: 1em;

 color:#555;

}



input#search {

    padding:3px;

}



/* ---------- comment trackback styles ------------------ */



.entry-content,

.trackbacks-info,

.trackback-content,

.comment-content,

.comments-open-content,

.comments-closed

{

	clear: both;

	margin: 0;

}



.trackback-footer,

.comment-footer,

.comments-open-footer,

.archive-content

{

	clear: both;

	margin: 0;

}



.content-nav {

	margin-bottom:30px;

	}



.trackbacks-header, .comments-header, .comments-open-header, .trackbacks-open-header {

	padding:10px 0 0 0;

	margin:0 0 15px 0;

	font-size:20px;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	}



.trackbacks, .comments {

	text-align:justify;

	}



#trackbacks-info {

    margin:10px 0 25px 0;

	line-height:1.7;

	font-size:.95em;

	font-style:italic;

	}



.trackback-footer, .comment-footer {

	margin-bottom:25px;

	font-size:.96em !important;

	padding-left:15px;

	}

	

/* livejournal styles */



.entry-userpic {

	display:none;  

}



.banner-user {

	display:none;

}



.banner-user-photo {

	display:none;

}



.banner-user-photo img {

	display:none;

}



.comment-userpic {

	display:none;

}



/*  typepad styles */



.typelist-thumbnail img, 

.module-galleries .typelist-thumbnail img,

.module-featured-photo img,

.image-thumbnail img {

	border:1px solid #333;

}
.tag1 {font-size: 1em;}.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2em;}

div.Attachment {padding: 5px 5px 5px 5px; border: 0;margin: 0;float: left;width: auto;height: 75px;text-align:center;}
div.Attachment a {padding: 0;margin: 0;text-align: center;text-decoration: none;border: 0;}
div.Attachment p {padding: 0;margin: 0;text-align: center;text-decoration: none;border: 0;}
div.Attachment img {padding: 2px;text-align: center;background-color: white;}

div.Thumbnail {padding: 0 25px 25px 0; border: 0;margin: 5px;float: left;width: 180px;height: 180px;}
div.Thumbnail a {padding: 0;margin: 0;text-decoration: none;border: 0;}
div.Thumbnail p {padding: 0;margin: 0;text-decoration: none;border: 0;}
div.Thumbnail img {border: 2px solid black;padding: 2px;background-color: white;}

div.AlbumThumbnail {padding: 0 25px 25px 0; border: 0;margin: 5px;float: left;width: 180px;height: 180px;}
div.AlbumThumbnail a {padding: 0;margin: 0;text-decoration: none;border: 0;}
div.AlbumThumbnail p {padding: 0;margin: 0;text-decoration: none;border: 0;}
div.AlbumThumbnail img {border: 2px solid red;padding: 2px;background-color: white;}

.BlogPollContents{background-color:#FFFFFF;font-family:verdana,arial, sans-serif;min-height:170px;width: 500px;padding : 5px 5px 5px 5px;margin: 0px 5px 0px 5px;border: 1px solid #E7E7E7;}
.BlogPollTitle {font-weight: bold;color: #73BA38;font: 1.0em;line-height :2.2;}
.PollChoice {line-height: 1.3;}
.PollQuestionHelp {color: #8F8F8F;}
.PollOption {font-weight: bold;}
.PollVotes {color: #FFD700;}
.PollPercent {color: Green;}
.PollTotalTitle {color: #003399;font-weight: bold;}
.PollTotalValue {color: red;font-weight: bold;}
.PollButton {background: #A3B8CC;}

.calendar {width: 210px;padding: 0;margin: 0;border-left: 1px solid #A2ADBC;font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;text-align: center;background-color: #fff;}
.calCaption {margin: 0;padding: 0;width: 210px;background: #A2ADBC;color: #fff;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: center;}
.calHeader {font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;background: #D9E2E1;border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;border-top: 1px solid #A2ADBC;}
.calLinked {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;width: 20px;height: 20px;text-align: center;text-decoration: none;font-weight: bold;background: #DA9123;}
.calUnlinked {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;width: 20px;height: 20px;text-align: center;background: #fff;}
.calToday {color: #F6F4DA;font-weight: bold;background: #DF9496;}
.calNav {font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;text-align: center;text-decoration: none;}

*{padding: 0; margin: 0;}
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75); -moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop | document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop | document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;margin-bottom:1px;}


.rating {text-align: left;}
.rating img.off{border:none;}
.rating img.on{border:none;}
.rating img.half{border:none;}

.nav, .nav * {margin:0;padding:0;}
.nav {line-height:1.0;float:left;}
.nav ul {background:#fff;width:11em;}
.nav li {background:#BDD2FF;border-left:1px solid #fff;border-top:1px solid #CFDEFF;float:left;list-style:none;position:relative;z-index:75;}
.nav a {color: #13a;display:block;float:left;padding: .25em 0 .25em 2em;text-decoration:none;	width:9em;}
.nav li ul {float:none;top:-999em;position:absolute;}
.nav li hover,.nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {background:#CFDEFF;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:1.5em;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:9.45em;top:-1px;width:11em;}
.superfish li hover ul,.superfish li li:hover ul {top: -999em;}
.nav li li {background:#AABDE6;	float:left;width:11em;}
.nav li li li {background:#9AAEDB;}
.nav li li a {float:none;padding-right:0;width:9em;}