/*  
Theme Name: ccxp.2.0
Theme URI: http://ccxp.org
Description: just for ccxp.org
Version: 1.0
Author: Bryan
Author URI: http://bryan.themurdaughs.com/
*/


/* Overall */


body{ 
margin:0px;
background: #000;
font-family: "Trebuchet MS", Verdana, Arial;
}

#leftbluebar {
	position:absolute;
	/*height: 100%;*/
	width: 40px;
	left:0px;
	top: 80px;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url("pic/ccxp-blue-left.gif");
}

#rightbluebar {
	position: absolute;
	/*height: 100%;*/
	width: 40px;
	right:10px;
	top: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url("pic/ccxp-blue-right.gif");
}

#leftyellowbar {
	position:absolute;
	/*height: 100%;*/
	width: 40px;
	left:10px;
	margin-top: 0px;
	top: 80px;
	margin-bottom: 0px;
	background: url("pic/ccxp-yellow-left.gif");
}

#rightyellowbar {
	position: absolute;
	/*height: 100%;*/
	width: 40px;
	margin-right: 50px;
	margin-top: 0px;
	right: 0px;
	top: 80px;
	margin-bottom: 0px;
	background: url("pic/ccxp-yellow-right.gif");
	display: inline;
}

#topbar {
	position: absolute;
	height: 80px;
	width: 100%;
	top: 0;
	background: #000 url("pic/ccxp-black-top.gif") repeat-x bottom;	
	z-index: 100;
}

form {
display:inline;
margin:0;
padding:0;
}

a:link, a:visited {
text-decoration:none;
color:#791408;
}

a:hover {
color:#3a83ac;
}

#menucontainer {
position: absolute;
top: 5px;
width: 800px;
left: 50%;
margin-left: -400px;
z-index: 105;
}

#menucontainer ul {
position: absolute;
right: 50%;
margin-right: -420px;
font-size: 15px;
}

#menucontainer ul li {
display: block;
float: left;
}

#menucontainer ul li a:link, #menucontainer ul li a:visited {
padding: 5px;
margin: 2px;
border: 1px solid #fff;
background: #791408;
color: #fff;
}

#menucontainer ul li a:hover {
padding: 5px;
border: 1px solid #fff;
background: #966;
color: #333;
}

#menucontainer ul .current_page_item a:link, #menucontainer ul .current_page_item a:visited {

}

#menucontainer ul .current_page_item a:hover {
}


/* Main content */

/*#maincontainer {
position:absolute;
width:800px;
height:600px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -400px;
}*/

/*#maincontainer {
position:absolute;
width:800px;
height:600px;
top: 0px;
left: 50%;
margin-top: -300px;
margin-left: -400px;
}
*/
#a {
	position: absolute;	
	width: 50%;
	top: 0;
	z-index: 101;
}

#b {
	position: absolute;
	left:50%;
	width: 50%;
	top: 0;
	z-index: 101;
}

#sideone {
	background: #fff;	
	margin-left: 90px;
	margin-right: 50px;
}

#titleone {
	margin-top: 80px;
	color: black;
	z-index: 110;
}

.byline {
margin: 0px;
margin-bottom: 2px;
margin-top: -4px;
text-align: center;
font-variant: small-caps; 
letter-spacing: 9px;
font-size: 15px;
font-weight: bolder;
}

#titletwo {
	margin-top: 80px;
	color: black;
	z-index: 110;
}

#sidetwo {
	background: #fff;	
	margin-left: 50px;
	margin-right: 90px;
	}

#logobox {
	position: absolute;
	left: 50%;
	top: 20px;
	height: 80px;
	width: 281px;
	margin-left: -380px;
	background: url("pic/ccxp-logo-top.gif");
	z-index: 103;
}

/*#sidetwo {
position:absolute;
width:300px;
height: 474px;
left: 50%;
top: 50%;
margin-left: 70px;
margin-top: -207px;
overflow: auto;
}*/

.gcalendarwidget * {
padding-left:0px;
list-style-position: inside;
font-size: 14px;
}

.GoogleCalendarDate {
text-align: right;
margin-right: 4px;
font-weight: bold;
}

.GoogleCalendarText {

}

#pagepost {
position:relative;
float:left;
width:500px;
left:50%;
margin:20px 0 20px -250px;
}

#sideone td img{
/*margin-left: -13px;*/
width: 272px;
}

hr {
width: 20%;
}

#sideone td p, #sideone td font{
display: none;
}

#sideone table {
margin-left:0px;
margin-bottom: 20px;
margin-right:0px;
}

#maincontainer h2 {
color:#791408;
text-transform:uppercase;
font-size:20px;
margin:0 0 3px 0;
letter-spacing:5px;
font-weight:normal;
}

#maincontainer .post p {
margin:0 0 10px 0;
}

#maincontainer .post em {
	color:#222;
	font-size:14px;
	line-height:20px;
}

#maincontainer .post p, #maincontainer .post ul, #maincontainer .post ol {
color:#222;
font-size:14px;
line-height:20px;
}

#maincontainer .post blockquote {
font-style:italic;
border-left:3px solid #791408;
margin: 3px;
margin-left:27px;
padding-left:10px;
margin-bottom: 6px;
}

#maincontainer .post .postdata {
color:#222;
font-size:11px;
font-style:italic;
margin:0px 0 0 0;
}

#maincontainer .post h1 {
color:#791408;
text-transform:uppercase;
font-size:17px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}

#maincontainer .post h2 {
color:#791408;
text-transform:uppercase;
font-size:15px;
margin:0 0 3px 0;
letter-spacing:3px;
font-weight:normal;
}

#maincontainer .post h3 {
color:#791408;
text-transform:uppercase;
font-size:13px;
margin:0 0 3px 0;
letter-spacing:3px;
font-weight:normal;
}

/* Comments */

.commentodd {
background-color:#ddd;
/*border-left:2px solid #791408;*/
}

.commentodd, .commenteven {
position:relative;
width: 280px;
}

.commentcontent {
padding:2px 4px 2px 4px;
}

#maincontainer .post .commentcontent p {
font-size:13px;
line-height:15px;
color:#222;
margin: 0px 0px 8px 0px;
}

.commentcontent .commentinfo {
color:#222;
}

.commentcontent blockquote {
font-style:italic;
border-left:3px solid #791408;
margin-top:0px;
margin-bottom:0px;
padding:0px;
margin-left:17px;
padding-left:10px;
}

.commentcontent ul, .commentcontent ol {
margin-left:15px;
}

#comment {
width: 280px;
}


/* Bottom content */

#bottomcontainer {
position:relative;
clear:both;
float:left;
width:100%;
/*background-image:url(pic/bottombg.jpg);*/
/*background-repeat:repeat-x;
background-color:#222;*/
}

#bottomcontainer .content {
padding-top:40px;
}

#bottomcontainer h2 {
color:#791408;
text-transform:uppercase;
font-size:15px;
margin:0 0 5px 0;
letter-spacing:3px;
font-weight:normal;
}

#bottomcontainer ul {
list-style:none;
margin:0 0 30px 0;
padding:0;
border-bottom:3px solid #791408;
}

#bottomcontainer ul li {
display:block;
position:relative;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
line-height:20px;
padding:0 10px 0 10px;
border-bottom:1px solid #666;
color: #222;
}

#bottomcontainer ul li a:link, #bottomcontainer ul li a:visited {
color:#222;
text-decoration:none;
}

#bottomcontainer ul li a:hover {
color:#791408;
}

#column1 {
position:relative;
float:left;
width:280px;
}

#column1 img {
border:0;
}

#column2 {
position:relative;
float:left;
margin-left:30px;
width:280px;
}

#column3 {
position:relative;
float:right;
width:280px;
}

.bottomsmallright a:link, .bottomsmallright a:visited, .bottomsmallleft a:link, .bottomsmallleft a:visited {
color:#222;
}

.bottomsmallright a:hover, .bottomsmallleft a:hover {
color:#3a83ac;
}

.bottomsmallright {
height:25px;
font-size:14px;
text-align:right;
margin-right:20px;
line-height:25px;
padding-bottom:30px;
}

.bottomsmallleft {
height:25px;
font-size:14px;
text-align:left;
margin-left:10px;
line-height:25px;
padding-bottom:30px;
}

.bottomsmallcenter {
height:20px;
font-size:14px;
text-align:center;
line-height:25px;
}

.bottomsmallcenter {
padding-bottom:30px;
}

html>body .bottomsmallcenter {
padding-bottom:35px;
}

#s {
/*background-color:#333333;*/
color:#222;
border:0;
text-align:center;
height:20px;
}

#ssubmit {
height:20px;
width:60px;
vertical-align:middle;
}

/* Footer */

/* #footer {
position:relative;
clear:both;
width:100%;
padding:30px 0 5px 0;
height:30px;
background-color:#222;
}

#footer p {
color:#666;
font-size:11px;
line-height:30px;
text-align:center;
margin:0;
}

#footer img {
border:0;
}

#footer a:link, #footer a:visited {
color:#666;
}

#footer a:hover {
color:#666;
text-decoration:underline;
}*/

#sideone input {
width:280px;
}

#sideone #mailsubmit {
width:100px;
}

#sideone textarea {
width:280px;
height:100px;
}