@charset "utf-8";
/* CSS Document */

/* in progress for index */

/******************************
	 MAIN BODY CSS 
*******************************/
body {
	background-color:#F8F6BD;
	background-image:url(../images/bg_tile.jpg);
	background-repeat:repeat;
}
.wrapper {
	background-image:url(../images/bgNotebookTop.png);
	background-repeat:no-repeat;
	margin:20px auto auto;
	width:875px;
}

.pen {
	float:left;
	margin-top:-26px;
}

.inner-wrapper {
	background-image:url(../images/bgNotebookMid.png);
	background-repeat:repeat-y;
	margin-bottom:15px;
}

.footer {
	margin-top:-17px;
	background-image:url(../images/bgNotebookBottom.png);
	background-repeat:no-repeat;
	height:70px;
	padding-top:5px;
	padding-left:60px;
	padding-bottom:5px;
	padding-right:10px;
	text-align:center;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	
}
/******************************
	 HEADER CSS 
*******************************/
.header {
	position:relative;
	height:180px;
}

.header #logo {
	float:left;
	position:relative;
	margin-top:31px;
	margin-left:10px;
	width:184px;
	height:104px;
}

.header #logo img {
	border: none;
}

.header #flashBanner {
	float:left;
	position:relative;
	margin-top:15px;
	margin-left:30px;
}

.header .loginHeader {
	margin-top:12px;
	display:inline;
	width:550px;
	float:right;
	margin-right:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	position:relative;
	text-align:right;
	line-height:170%;
}


/******************************
	 NAVIGATION and ANCHORS CSS 
*******************************/
.navigation {
	float:left;
	width:200px;
	height:600px;
	margin-left:835px;
	margin-top:20px;
	position:absolute;
}

.navigation ul{
	list-style:none;
}

.navigation ul {
	list-style:none;
}

.navigation ul li a img{
	border:none;
}

a, a:link, a:visited, a:hover, a:focus {
	text-decoration: none;
	color: #e7441f;
	font-weight:bold;
	font-style:normal;
}
/******************************
	 MAIN CONTENT CSS 
*******************************/
.content {
	display:block;
	position:relative;
	width:770px;
	margin-left:70px;
	font-family:Verdana,Geneva,sans-serif;
	font-size:14px;
	color:#000000;
}
.simpleForm {
	background:#FFFF99;
	border-right:3px #A4A400 ridge;
	border-bottom:3px #A4A400 ridge;
	border-left:2px #CCCCCC ridge;
	border-top:2px #CCCCCC ridge;
	margin-top:10px;
	margin-bottom:40px;
}

.img-header {
	width:240px;
	height:200px;
	margin:30px auto 50px auto;
}

.smallList {
	list-style: decimal;
	color:#e7441f;
	font-weight:bold;
	line-height:180%;
	width:200px;
	margin-top:-60px; 
	margin-left: 165px; 
	width: 130px;
}
.smallList, .smallList a, .smallList a:visited {
	font-size:10px;
}
.smallList a:hover {
	text-decoration:underline;
}
.smallList li{
	left:50px;
}


.post-its {
	width:760px;
	display:inline-block;
}

.post-its #OCbible {
	float:left;
	position:relative;
	background-image:url(../images/index/bg_ocbible.png);
	width:370px;
	height:207px;
	background-repeat:no-repeat;
	padding-top:70px;
	padding-left: 10px;
	margin-right: -10px;
	margin-left: 10px;
	font-size:12px;
	line-height:180%;
}
.post-its #OCbible #backOCtype {
	background-image:url(../images/backgroundOC.png);
	height:40px;
	width:204px;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600
}

#whatisoc {
	border: none;
	margin-top: -5px;
}

#Nominate img, #Featured img {
	border: none;
}

.post-its #Nominate {
	float:left;
	position:relative;
	background-image:url(../images/index/bg_nominate.png);
	width:366px;
	height:213px;
	left:40px;
	background-repeat:no-repeat;
	padding-top:80px;
	padding-left: 20px;
	margin-left: -10px;
	font-size:18px;
	line-height:120%;
}

#Nominate_text {
	float:left;
	width:320px;
}

.post-its #Featured {
	float:left;
	position:relative;
	background-image:url(../images/index/bg_featuredoc.png);
	width:316px;
	height:219px;
	left:40px;
	background-repeat:no-repeat;
	padding-top:60px;
	padding-right: 20px;
	font-size:11px;
	line-height:180%;
}
.post-its #Featured .questionFeat {
	width:150px;
	margin-left:120px;
	margin-top:-100px;
	display:inline-block;
}

.post-its #Featured img {
	margin-left: 20px;
	margin-top: 10px;
}

#featured_img{
	margin-left: 20px;
	margin-top: 10px;
	width:93px;
	height:104px;
}

.post-its #Express {
	float:left;
	position:relative;
	background-image:url(../images/index/bg_express.png);
	width:367px; 
	height:235px;
	left:80px;
	background-repeat:no-repeat;
	padding-top:45px;
	padding-left:10px;
	padding-right:25px;
	font-size:12px;
	line-height:180%;
}

#Express_text {
	width:300px; 
	margin-top: 10px;
}

#Express_text, #OCbible, #Featured, #Nominate_text{
	color: #000000;

}

#signup_form {
	background:#FFE747;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	
	font-size:12px;
	color:#333333;
}

.wallOfPost {
	background-image:url(../images/wallofposts-bg_03.jpg);
	background-repeat:no-repeat;
	width:748px;
	height:563px;
	margin-top:27px;
	padding-top:190px;
}

.wallofposts-1 {
	width:710px;
	height:383px;
	float:left;
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:20px;
}

.wallOfPost-content {
	margin-top:50px;
}

.postedPosts {
	width:91px;
}
.expressImage {
	width:200px;
	float:left;
	margin-left:50px;
	padding-left:10px;
	
}

.designPost {

	background-repeat:no-repeat;
	width:748px;
	height:463px;
	margin-top:27px;
	padding-top:0px;
}

.viewPost {
	width:275px;
	height:170px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-right:10px;
	padding-top:55px;
	padding-bottom:10px;
	color:#000000;
}

.upload-design {
	margin-top:30px;
	margin-bottom:15px;
}


.subheader {
	font-size:18px;
	color:#666666;
	font-weight:800;
	text-decoration:underline;
}

.uploadvideo-form table{
	padding: 15px;
	background-color:#FFCC00;
	margin-top:20px;
	margin-bottom:20px;
}
/* oc bible */
.article {
	width:600px;
	text-align:left;
	margin-left:145px;
	margin-bottom:20px;
	line-height:180%;
}

.ocAltar {
	width:600px;
	text-align:left;
	margin-left:165px;
	margin-bottom:20px;
	margin-top:-630px;
	line-height:180%;
	display:inline-block;
}

.articleTitle {
	margin-top:-20px;
	font-size:24px;
	font-weight:bold;
	margin-left:250px;
}

.article-section {
	width:100%;
	padding:5px;
	display:inline-block;	
	
}

.article-left {
	float:left;
	width:200px;
}

.article-right {
	float:left;
	width:300px;
}

.article-right img {
	display:block;
}

.left-boxes {
	float:left;
	display:inline-block;
	margin-top:20px;
	margin-left:0px;
	width:150px;
}

.left-boxes div{
	margin:0 auto 0 auto;
	width:250px;
	margin-top:20px;
	padding:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:10px;
}
.left-boxes #redBox {
	background-color:#E00B21;
}
.left-boxes #orangeBox {
	background-color:#d78139;
}
.left-boxes #blueBox {
	background-color:#517dad;
}
.left-boxes #greenBox {
	background-color:#5f9f61;
}

/*featured oc
  had to use the profile_style.css
*/
#profile-image {
	margin-top:20px;
	margin-left:20px;
	float:left;
	margin-right:10px;
}
#profile-details {
	margin-top:20px;
	line-height:160%;
}

#profile-about {
	height:150px;
	overflow:auto;
	
}
/*css for tables*/
.tblGallery tr td a, .tblGallery tr td a:visited, .tblGallery tr td a:hover{
	font-size:10px;
	color:#000000;
	border:none;
	font-weight:normal;

}

.tblGallery tr td div{
	padding-top:18px;
}

.pagingTable td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

.simpleInfo {
	display:inline-block;
	height:150px;
	width:600px; 
	margin-top:30px;
	margin-left:30px;
	margin-bottom:280px;
	background-color:#FFFF00;
	padding:30px 0 0 30px;
	color:#333333;
}

#express_a {
	margin-bottom:10px; 
	padding-right:10px;
	height:280px;
	line-height:150%
}
#index_titleintro {
	margin-left:20px;
	margin-top:20px; 
	margin-bottom:40px; 
	background-image:url(../images/index/index_titleintro.jpg);
	background-repeat:no-repeat;
}

.contactForm {
	background-image:url(../images/colorposts/skybluebox.png);
	background-repeat:no-repeat;
	width:280px;
	height:200px;
	margin-left:50px;
	margin-top:-80px;
	margin-bottom:20px;
	padding-top:60px;
	padding-left:20px;
	padding-right:20px;
	
	
}
.availableOutlets {
	margin-top:-320px;
	margin-left:400px;
	float:left;
	display:inline-block;	
}

.inquiry {
	display:inline-block;
}
.profile-why-oc a, .profile-why-oc a:hover, .profile-why-oc a:visited{
	color:#000000;
}
.profile-posts a, .profile-posts a:hover, .profile-posts a:visited {
	color:#000000;
}

.logosContactUs {
	float:left; 
	width:100%; 
	margin-left:auto; 
	margin-right:auto;
	margin-top:25px; 
	margin-bottom:30px;
}

.logosContactUs img {
	margin-left:80px;
}
.smallR {
	font-size:9px;
}

.commentItem{
	background-color:#FFC;
	color:#333;
	font-size:11px;
	margin:5px;
	padding:5px;
}

.commentList {
	height:250px;
	overflow:auto;
	border: 1px solid #FFF;
}

#frmLogin a:hover{
	cursor:pointer;
}
.express-images-home {
	float:left; 
	margin-left:-6px;
}

#TermsPolicy {
	margin:10px 0px 0px 20px;
}

#textTerms {
	margin-top:-235px;
	margin-left:20px;
}