﻿/***********************************************************
BoBoswell.com CSS
By Bo Boswell
***********************************************************/

/*********************************
   Application Classes
*********************************/
.tableWrap { width:700px; border:solid 1px #000000; font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
.cellWrap { border:solid 0px #000000; padding:3px; background-color:#D6D6D6;}
.termsTable { width:550px; height:200px; overflow:auto; border:solid 1px #000000; text-align:left; padding:3px; font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; }
.termsCell { width:550px; border:solid 0px #000000; padding:3px;}
.agreeText { color:Red; }
.titleWrap { width:700px; text-align:left; padding:6px; } 

/*********************************
	COMMON TAGS
*********************************/
*{margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif; background-color:#2b2b2b; background-image:url("../images/bg.jpg"); background-repeat:repeat-x; background-attachment:fixed; }

h1 { font-size:12pt; font-weight:bold; color:#1a5878;}
h1 a {font-weight:bold;}
h1 a:link {font-weight:bold;}
h1 a:hover {font-weight:bold;}

h2 { font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
h2 a {font-weight:bold;}
h2 a:link {font-weight:bold;}
h2 a:hover {font-weight:bold;}

h3 { font-size:10pt; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;}
h3 a {font-weight:bold;}
h3 a:link {font-weight:bold;}
h3 a:hover {font-weight:bold;}

#code { background-color:#dddddd; width:545px; margin-bottom:15px; padding-top:8px; padding-bottom:8px; padding-left:3px; border:solid 1px #6c6c6c; overflow:auto; }
.code { background-color:#dddddd; width:545px; margin-bottom:15px; padding-top:8px; padding-bottom:8px; padding-left:3px; border:solid 1px #6c6c6c; overflow:auto; }
#btnSelect { margin-bottom:15px; }
#code_green { color:#55a415; }

#logo img {border:0; margin:0; padding:0;}
#logo a {border:0; margin:0; padding:0;}

#camDefault { width:320px; height:240px; float: right; border: solid 1px #000000; margin-top:20px; margin-left: 10px; }

#defaultWrap { float:left; width:720px; margin-left:auto; margin-right:auto; margin-bottom:12px; padding:5px; }
#defaultWrap a:link{text-decoration:underline; color:#1a5878;}
#defaultWrap a:visited {text-decoration:underline; color:#1a5878;}
#defaultWrap a:hover, #defaultWrap a:active {color:#de9521; text-decoration:none;}
#defaultWrap p {text-indent:20px; text-align:left; margin-bottom:15px;}
#defaultWrap img { border:solid 1px #000000; }
#defaultWrap div img { border:solid 1px #000000; }
#defaultWrap div p {text-indent:20px; text-align:left; margin-bottom:15px;}
#defaultWrap ul { margin-left:20px; margin-bottom:15px; }
#defaultWrap ol { margin-left:20px; margin-bottom:15px; }
#defaultWrap li { margin-left:20px; margin-bottom:5px; }
#defaultWrap li a {}
#defaultWrap li a:link {}
#defaultWrap li a:hover {}

a:link{text-decoration:underline; color:#1a5878;}
a:visited {text-decoration:underline; color:#1a5878;}
a:hover, a:active {color:#de9521; text-decoration:none;}


#left a:link{text-decoration:underline; color:#1a5878;}
#left a:visited {text-decoration:underline; color:#1a5878;}
#left a:hover, #left a:active {color:#de9521; text-decoration:none;}

#right a:link{text-decoration:underline; color:#1a5878;}
#right a:visited {text-decoration:underline; color:#1a5878;}
#right a:hover, #right a:active {color:#de9521; text-decoration:none;}

#PicDetails { font-size:10pt; color:#888888; padding-left:5px;}
.captchaInfo { font-size:10pt; color:#888888; }

#piccalComments { width:250px; font-size:8pt; float:right; margin-bottom:20px; }
#piccalComments a:link{text-decoration:underline; color:#1a5878;}
#piccalComments a:visited {text-decoration:underline; color:#1a5878;}
#piccalComments a:hover, #right a:active {color:#de9521; text-decoration:none;}

#maccamWrap { width:700px; overflow:auto; margin-left:auto; margin-right: auto; border: solid 0px #000000; clear:both; }
#maccamPic1 { margin: 10px auto 0px 15px; float:left;}
#maccamPic2 { margin: 10px 15px 0px auto; float:right;}  
#maccamTitle1 { width:340px; float:left; border: solid 0px #000000; text-align:center; margin:0px 0px 15px 15px; }
#maccamTitle2 { width:340px; float:right; border: solid 0px #000000; text-align:center; margin:0px 15px 15px 0px; }

#piccalWrap { width:715px; padding-bottom:20px; margin-left:auto; margin-right:auto; background-color:#ffffff;}

#fullWrap { width:730px; background-color:#ffffff; padding-bottom:20px; float:left; }
#fullWrap a:link{text-decoration:underline; color:#1a5878;}
#fullWrap a:visited {text-decoration:underline; color:#1a5878;}
#fullWrap a:hover, #fullWrap a:active {color:#de9521; text-decoration:none;}
#fullWrap ul { margin-left:30px; margin-bottom:15px; margin-top:15px; }
#fullWrap ol { margin-left:30px; margin-bottom:15px; margin-top:15px; }
#fullWrap li { margin-left:30px; margin-bottom:3px; }

#leftWrap { width:500px; background-color:#ffffff; float:left; }

#rightWrap { width:225px; float:right; }

#footer a:link{text-decoration:underline; color:#f9f9f9;}
#footer a:visited {text-decoration:underline; color:#f9f9f9;}
#footer a:hover, #left a:active {color:#de9521; text-decoration:none;}

.main_wrap
{
	width: 710px;
	border: solid 0px black;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
}
.thumb_wrap 
{
	width: 48px;
	height: 30px;
	float:left;
	padding: 0px;
	margin: 0px;
}

.rpt_footer
{
	clear:both;
	padding: 20px;
}

/*********************************
	NAVIGATION
*********************************/
#nav ul { }
#nav li {display:block; margin-right:40px; list-style-type:none; float:left;}
#nav li a {color:#fff; font-weight:bold; font-size:10pt; text-decoration:none}
#nav li a:link {}
#nav li a:hover {text-decoration:underline;}


/*********************************
	DIVISIONS
*********************************/
#page {width:750px; margin-top:12px; margin-left:auto; margin-right:auto;}
#header { width:750px; height:115px; margin-bottom:5px; float:left; background-image:url(../images/header.gif);}
#header li {display:block; list-style-type:none; float:left;}
#logo { width:105px; height:58px; margin-left:14px; margin-top:28px;}
#nav { width:580px; margin-top:12px; margin-left:40px;}
#wrapper {width:750px; float:left; padding-top:45px; background-color:#ffffff; background-image:url(../images/blog_header.gif); background-repeat:no-repeat;}
#left { width:555px; padding:3px; margin-left:7px; margin-right:3px; float:left; font-size:10pt; }
#right {width:160px; margin-left:auto; margin-right:auto; background-color:#ffffff; float:left; font-size:8pt; }
#full { width:730px; margin-left:auto; margin-right:auto; font-size:10pt; }
#footer {width:750px; height:33px; float:left; font-size:8pt; font-weight:bold; color:#FFFFFF; background-image:url(../images/blog_footer.gif); background-repeat:no-repeat; padding-top:4px; text-align:center; }

#calWrap { width:450px; float:left; }
#events { width:250px; float:right; }

#PostDetails { font-size:8pt; color:#888888; padding-left:5px; padding-top:3px; padding-bottom:10px;}
#PostLinks { width:550px; text-align:right; margin-right:3px; }
#DefaultLinks { width:400px; text-align:left; margin-left:3px; }
#piccalLinks { width:490px; text-align:right; margin-right:5px; } 

#fullpage { width:740px; margin-left:5px; margin-right:5px; background-color:#ffffff; float:left;}
#pager { width:410px; margin-top:10px; margin-bottom:10px; text-align:right;}
#sitePager { width:700px; margin: 10px auto 10px auto; text-align: center; clear:both; } 
#defaultPager { width:410px; margin-top:10px; margin-bottom:10px; }
#itemtemplate { background-color:#dddddd; border-top:solid 1px #ffffff; padding-left:3px; padding-right:3px;}
#alttemplate { background-color:#eeeeee; border-top:solid 1px #ffffff; padding-left:3px; padding-right:3px;}
#ImageText { width:350px; font-size:8pt; color:#888888; padding-top:3px; padding-bottom:8px; font-style:italic; text-align:center;}
#Source { width:250px; float:left; text-align:left; padding-left:3px; padding-bottom:10px;}
#hr { width:530px; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; clear:both;}
#CommentDetails { border-bottom:solid 1px #dddddd; font-size:8pt; color:#888888; padding-bottom:2px; margin-bottom:6px;}
#CommentItem { border:solid 1px #dddddd; padding:4px; margin:3px;}
#CommentAlt {border:solid 1px #dddddd; padding:4px; margin:3px;}
#adsense { width:120px; margin-left:auto; margin-right:auto; margin-bottom:8px; }
#adsense_square { width:250px; height:250px; margin-left:auto; margin-right:auto; margin-bottom:12px; }
#adsense_leader { width:468px; height:60px; margin-left:auto; margin-right:auto; margin-top:30px; }

#piccalItemTemplate { padding-top: 15px; }

#UCitemtemplate { background-color:#dddddd; border-top:solid 1px #ffffff; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px;}
#UCalttemplate { background-color:#eeeeee; border-top:solid 1px #ffffff; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px;}
/*********************************
	CLASSES
*********************************/
.PostTitle { font-size:12pt; font-weight:bold; color:#1a5878;}
.PostTitle a {font-weight:bold;}
.PostTitle a:link {font-weight:bold;}
.PostTitle a:hover {font-weight:bold;}
.Thumbnail { padding-bottom:8px; }

.CheckBoxList { font-size:8pt; font-weight:normal; color:#000000; }

.calendar { text-align:left;}
.calendar a:link{text-decoration:none; color:#1a5878;}
.calendar a:visited {text-decoration:none; color:#1a5878;}
.calendar a:hover, .calendar a:active {color:#de9521; text-decoration:underline;}

.calTable { border: solid 0px #000000; padding:0; font-size:8pt; }

.DetailsTitle { font-size:10pt; color:#888888; font-weight:bold; text-decoration:underline;}
.PiccalDetails { font-size:8pt; color:#888888; font-weight:normal; }

.UCDetails { font-size:10pt; color:#888888; }
.UCName { font-size:10pt; color:#000000; font-weight:bold; }

.picclass { margin-left:2px; margin-right:2px; margin-bottom:2px; border:solid 1px #000000; }
.dayNum {   }

.class1 a:link{text-decoration:underline; color:#1a5878;}
.class1 a:visited {text-decoration:underline; color:#1a5878;}
.class1 a:hover, .class1 a:active {color:#de9521; text-decoration:none;}

/*********************************
	PARAGRAPHS
*********************************/
#left div { clear:both; }
#left div p {text-indent:20px; text-align:left; margin-bottom:20px;}
#left div img {border:solid 1px #000000; margin-left:8px; margin-right:8px; margin-bottom:10px; }
#left div img.left {float:left; }
#left div img.right {float:right;}

#left ul { margin-left:20px; margin-bottom:20px; }
#left ol { margin-left:20px; margin-bottom:20px; }
#left li { margin-left:20px; margin-bottom:5px; }
#left li a {}
#left li a:link {}
#left li a:hover {}

#fullWrap p {text-indent:20px; text-align:left; margin-top:10px;}
#fullWrap img {border:solid 1px #000000; margin-left:8px; margin-right:8px; margin-top:5px;}
#fullWrap div p {text-indent:20px; text-align:left; margin-top:10px;}
#fullWrap div img {border:solid 1px #000000; margin-left:8px; margin-right:8px; margin-top:5px;}

/*********************************
	Calendar
*********************************/
.calTitleWrap
	{
		width:250px;
		background-image:url(../images/calTitle_bg.png);
		background-repeat:no-repeat;
		padding:20px 8px 3px 8px;
	}

.calTitle 
	{
		font-size:15pt;
	}

.calLocation 
	{
		font-size:8pt;
		color:Gray;
		margin-left:2px;
	}
	
.calItemTitleWrap
	{
		width:45px;
		background-image:url(../images/calItemTitleWrap_bg.png);
		background-repeat:no-repeat;
		margin: 0px 8px 0px 15px;
		text-align:right;
		float:left;
	}	
	
.calLabel
	{
		font-weight:bold;
	}

.calDetailsLabel
	{
		margin-left:5px;
	}

.calHR
	{
		width:240px;
	}

.calDetails
	{
		margin-left:15px;
		margin-right:5px;
	}
