/*
Theme Name: Xi.v3
Description: 
Version: 1.0
Author: Cosmo Kramer
*/

/*
----------------------------------------------------------------
	U N I V E R S A L
---------------------------------------------------------------- */
body{
margin: 0px;
padding: 0px;
background: #54000c;
}

#wrapper{
background: #54000c;
width: 100%;
}

h1.page-title{
font-size: 50px;
font-family: Georgia;
font-style: italic;
font-weight: 100;
color: #54000c;
margin: 0px 0px 0px 0px;
padding: 40px 0 15px 300px;
text-shadow: 1px 1px white, -1px -1px #2c0006;
}

a{
font-family: inherit;
color: inherit;
}

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('images/pdf.gif') center left no-repeat;
}

a[href$='.doc'], a[href$='.docx'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('images/word.gif') center left no-repeat;
}

a[href$='.xls'], a[href$='.xlsx'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('images/excel.gif') center left no-repeat;
}

ul.none, ul.none li{
list-style: none;
}

img.alignleft{
float: left;
border: 8px solid white;
  box-shadow: 0px 0px 5px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
margin-right: 20px;
}

::selection {
	background: #C11B17; color: white; text-shadow: none; /* Safari */
	}
::-moz-selection {
	background: #C11B17; color: white; text-shadow: none;/* Firefox */
}

/*
----------------------------------------------------------------
	P A R A G R A P H - S T Y L E S
---------------------------------------------------------------- */

/* H E A D E R - T A G S*/

h2{
color: #8C742A;
margin: 0px;
font-size: 1.5em;
}

h2.title{
font-size: 32px;
font-style: normal;
font-weight: 100;
color: #7E2217;
font-family: Georgia;
margin: 0px;
padding: 0px;
}

h3{
color: #984029;
font-size: 1.2em;
}

h3.title{
font-size: 32px;
font-style: normal;
color: #8C742A;
font-family: Georgia;
margin: 0px;
padding: 0px;
line-height: 36px;
}

h4.date{
font-size: 18px;
font-style: normal;
font-weight: 100;
color: #7E2217;
font-family: 'Yanone Kaffeesatz', arial, serif;
margin: 0px;
padding: 0px;
margin-bottom: 25px;
}

/* P A R A G R A P H - S T Y L E S */

.post-content{
padding-left: 20px;
margin-bottom: 35px;
}


/*
----------------------------------------------------------------
	H E A D E R
---------------------------------------------------------------- */

/* H E A D E R */

#header{
width: 100%;
}


/* B R A N D I N G */

#branding{
width: 254px;
height: 166px;
overflow: hidden;
background: url("images/Xibrand.png") center top no-repeat;
left: 15px;
position:absolute;
top: 0px;
z-index:3;
}

#branding span{
width: 254px;
height: 166px;
display: block;
}

#branding:hover{
background: url("images/Xibrand.png") center bottom no-repeat;
}

/* C O L O R _ B O X _ B L E N D */

/*
#branding{
width: 254px;
height: 166px;
background: url("images/xi-brand2.png") center no-repeat;
left: 15px;
position:absolute;
top: 0px;
z-index:3;
}


#branding:hover{
background: url("images/xi-brand2.png") center no-repeat;
}


.hover a{
display:block;
text-indent:-9999px;
width:254px;
height:165px;
margin-right:7px;
float:left;
background-image:url("http://mark2.fivepotato.com/wp-content/themes/scrubs/images/Xibrand.png");
background-repeat:no-repeat;
cursor:pointer;
}
        
#Xi_brand{background-position:0 -170px;}
#Xi_brand:hover,#Xi_brand.hover{background-position:0 0px;}
*/


/* N A V - B A R */

#nav{
width: 960px;
}

#nav ul{
margin: 0px 0px 0px 245px;
}

#nav ul li{
list-style: none;
display: inline;
float: left;
margin-left: 1px;
}

#nav ul li a{
color: white;
opacity: 0.7;
text-decoration: none;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
display: block;
}

#nav ul li a:hover{
opacity: 1;
background-color: #54000c;
background: -moz-linear-gradient(100% 100% 90deg, #2c0006, #54000c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54000c), to(#2c0006));
border-bottom: 5px solid #993333 ;
padding-bottom: 6px;
}

#nav em{
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 28px;
text-transform: uppercase;
font-style: normal;
display: block;
}

#nav span{
font-family: 'Georgia', arial, serif;
text-align: left;
font-size: 12px;
font-style: italic;
}

body#about #nav ul li.about a,
body#calendar #nav ul li.calendar a,
body#media #nav ul li.media a,
body#join #nav ul li.join a,
body#postsuncategorized #nav ul li.news a,
body#give #nav ul li.give a
{
opacity: 1;
background-color: #54000c;
background: -moz-linear-gradient(100% 100% 90deg, #2c0006, #54000c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54000c), to(#2c0006));
border-bottom: 5px solid #993333 ;
padding-bottom: 6px;
}

#nav ul li.give a{
background-color: #54000c;
background: -moz-linear-gradient(100% 100% 90deg, #54000c, #2c0006);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c0006), to(#54000c));
border-bottom: 5px solid #54000c ;
padding-bottom: 6px;
}

#nav ul li.give a:hover{
color: #c26300;
border-color: #c26300;
}

/* U T I L I T Y */

#utility{
background: #2c0006;
margin: 0;
}

#utility ul{
width: 960px;
text-align: right;
padding: 5px 0 8px 0;
margin: 0;
}

#utility ul li{
text-align: right;
color: white;
display: inline;
list-style: none;
font: 12px 'Trebuchet MS', Arial, sans-serif; 
border-right: 1px solid #54000c; 
padding: 0 0.75em;
}

#utility ul li#u-contact{
border-right: none;
border: 0px;
}


/*
----------------------------------------------------------------
	C O N T E N T - W R A P
---------------------------------------------------------------- */

#content-wrap{

}

/* C O N T E N T */

#content{
width: 960px;
background: #f1f1f1 url("images/content-bg.jpg") top center no-repeat;
/*-webkit-border-radius: 0 20px 0 0;
-moz-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;*/
padding-bottom: 50px;
z-index: 1;
position: relative;
}

/* M A I N */

#main{
width: 570px;
float: right;
margin-right: 35px;
margin-top: 0px;
font-family: "Lucida Grande",Arial,Helvetica,Sans-Serif;
font-size: 16px;
line-height:1.4;
text-shadow:0 1px 0 white;
background: rgba(255, 255, 255, 0.9);
padding: 30px;
box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
}

#main p{
margin-top: 0px;
}

#main a{
color: #984029;
text-decoration: underline;
font-style: italic;
}

#main a.title {
font-style: normal;
color: #7F5217;
font-family: Georgia;
text-decoration: none;
font-weight: 100;
}

img.aligncenter.size-full{
width: 560px;
height: auto;
padding: 4px;
border: 4px solid #CCC;
}

a:hover img.aligncenter.size-full{
border: 4px solid #666;
}



/* S I D E - B A R */


#sidebar{
float: left;
width: 255px;
border-top: none;
border-bottom: none;
background: none;
}

#sidebar ul{
list-style: none;
margin: 0;
padding: 0;
}

#sidebar ul li a{
border-bottom:1px dashed #B5D5E2;
margin: 0;
padding: 5px 0px 5px 40px;
font-size: 24px;
display: block;
text-decoration: none;
color: #30728E;
}

#sidebar ul li a:hover{
color: black;
}

/* S U B */
 
#sub{
background: #DDF1F9;
border-bottom: 10px solid #DDF1F9;
border-top: 10px solid #C2E5F4;
margin-bottom: 15px;
}

#sub ul{
list-style: none;
margin: 0;
padding: 0;
}

#sub ul li a{
border-bottom:1px dashed #B5D5E2;
margin: 0;
padding: 5px 0px 5px 40px;
font-size: 24px;
display: block;
text-decoration: none;
color: #30728E;
}

#sub ul li a:hover{
color: #041A21;
}

/* L I N K S */

#links{
background: #FFE87C;
border-bottom: 10px solid #FFE87C;
border-top: 10px solid #c26300;
margin-bottom: 15px;
padding-top: 5px;
}

#links ul li a{
color: #54000c;
border-bottom:1px dashed #54000c;
}

#links ul li a:hover{
color: white;
background-color: #54000c;
}


/* S I T E - M A P */

#sitemap{
background: #54000c;
border-bottom: 10px solid #54000c;
border-top: 10px solid #2c0006;
}

#sitemap ul li a{
color: white;
border-bottom:1px dashed white;
}

#sitemap ul li a:hover{
color: #FFF380;
}




/*
----------------------------------------------------------------
	F O O T E R - W R A P
---------------------------------------------------------------- */

#footer-wrap{
background: #2c0006;
margin-top: -50px;
position: relative;
}

#footer{
width: 960px;
padding-top: 70px;
padding-bottom: 20px;
background: url("images/college-row.png") bottom left no-repeat;
}

#footer h4{
margin: 0px;
padding: 0 0 15px 0;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-weight: 100;
font-size: 20px;
color: #F0392A;
}

#footer h5{
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 20px;
font-family: 'Trebuchet MS',Arial,sans-serif;
font-weight: 100;
}


/* L O C A T I O N */

#footer #location{
width: 540px;
float: left;
padding-left: 20px;
}

#footer #location .map{
width: 387px;
height: 153px;
background: url("images/xi-map.jpg") center no-repeat;
float: left;
}

#footer #location .address{
float: left;
width: 120px;
padding-left: 15px;
color: white;
font-family: 'Trebuchet MS',Arial,sans-serif;
font-size: 12px;
}


/* T H I N G S _ W E _ D O */

#things-we-do {
float: left;
margin-top: 20px;
}

#things-we-do a{
text-decoration: none;
}

.thing-we-do {
height:95px;
overflow:hidden;
text-align:center;
width: 250px;
margin-right: 20px;
float: left;
background: rgba(215, 215, 215, 0.1);
}

.thing-we-do h5 {
border:0 none;
color: white;
font-style:italic;
height:95px;
letter-spacing:0;
line-height: 95px !important;
opacity:1;
text-transform:inherit;
vertical-align: middle;
}

.thing-we-do a:hover h5{
background: rgba(59, 89, 152, 0.3);
}


.music-we-do {
height:95px;
overflow:hidden;
text-align:center;
width: 250px;
margin-right: 20px;
float: left;
background: rgba(215, 215, 215, 0.1);
}

.music-we-do h5 {
border:0 none;
color: white;
font-style:italic;
height:95px;
letter-spacing:0;
line-height: 95px !important;
opacity:1;
text-transform:inherit;
vertical-align: middle;
}

.music-we-do a:hover h5{
background: rgba(255, 156, 26, 0.3);
}


/*.thing-we-do a:hover div{
margin-top: -95px;
}*/

#thing-facebook {
height: 95px;
width: 250px;
display: block;
}

#thing-facebook:hover {
background: center no-repeat  #3B5998;
opacity: 0.3;
}


/* D O N A T E _ N O W */

#donate-now{
width: 381px;
height: 269px;
background: url("images/donate-bg.png") left bottom no-repeat;
float: right;
margin-right: 15px;
}

#donate-now .donate-msg{
font-family: 'Crimson Text', arial, serif;
font-weight: 100;
font-size: 20px;
color: white;
padding: 0 10px 0 15px;
}

#donate-now .donate-msg a{
margin-top: 10px;
}

.button {
   background: #ad6f32;
   padding: 4px 12px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: white;
   font-size: 22px;
   font-family: 'Yanone Kaffeesatz', arial, serif;
   text-decoration: none;
   vertical-align: middle;
   text-transform: uppercase;
   opacity: .8;
   }
   
.button:hover {
   border-top-color: #28597a;
   background: #6A2D1D;
   color: #ccc;
   }
   
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

/* L O G I N*/

.login{
text-align: right;
}

.login a{
color: white;
text-decoration: none;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', arial, serif;
margin-top: 10px;
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('images/lock.png') center left no-repeat;
}

/*
----------------------------------------------------------------
	H O M E
---------------------------------------------------------------- */

#splash{
width: 960px;
height: 352px;
/*-webkit-border-radius: 0 50px 0 0;
-moz-border-radius: 0 50px 0 0;
border-radius: 0 50px 0 0;*/
background: #54000c url("images/xi-splash2.jpg") top right no-repeat;
}

#calendar{
}

.post-front {
padding: 5px 20px 5px 20px;
background: white;
color: black;
}

h1.page-title-home{
font-size: 50px;
font-family: 'Crimson Text', arial, serif;
font-style: italic;
font-weight: 100;
color: white;
margin: 0px 0px 0px 0px;
padding: 50px 0 15px 85px;
}

/* S E C O N D A R Y */

#secondary{
width: 960px;
position: relative;
z-index:1;
background: #ffcb4a url("images/secondary-bg.gif") repeat-y;
}

#secondary h2{
font-family: 'Yanone Kaffeesatz', arial, serif;
text-transform: uppercase;
font-weight: 100;
color: #54000c;
}

.announcements{
float: left;
width: 675px;
background: #ffcb4a;
border-top:10px solid #c26300;
color:#FFFFFF;
margin-left:0;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom: 15px;
}

.announcements a{
text-decoration: none !important;
color: #1D0905;
}

.announcements p{
color: #1D0905;
}

.announcements a:hover{
color: #6A2D1D;
background-color: #ffcb4a;
background: -moz-linear-gradient(100% 100% 90deg, #FFE87C, #ffcb4a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffcb4a), to(#FFE87C));
}


.announcements a.emph{
border-bottom: 1px solid #6A2D1D;
}

.announcements h2.header{
float: left;
width: 50%;
}

.announcements p{
font-family: 'Crimson Text', arial, serif;
font-size: 20px;
}

.announcements p.view-all{
float: right;
width: 50%;
text-align: right;
padding:0px;
margin: 0px;
}

.announcements p.view-all a{
color: #54000c;
}

.announcements p.view-all a:hover{
color: #1D0905;
border-bottom: solid 1px #1D0905;
}

.announcements ul{
list-style: none;
margin: 15px 0 0 0;
padding: 0px;
}

.announcements .date{
font-family: Arial;
text-transform: uppercase;
font-size: 12px;
color: #1D0905;
margin-bottom: 10px;
}

.announcements .title{
font-family: 'Trebuchet MS',Arial,sans-serif;
color: #54000c;
font-weight: 100;
font-size: 20px;
}

.announcements a .title{
text-decoration: none !important;
border-bottom: 1px solid #6A2D1D;
}

.announcements a:hover .title{
color: #1D0905;
border-bottom: 1px solid #1D0905;
}

.announcements .item{
color: white;
}

.announcements .item a:hover{
color: #54000c;
}

.moretext{
font-variant: small-caps;
color: #6A2D1D;
}

.moretext:hover{
color: #54000c;
}



/*
----------------------------------------------------------------
	F E A T U R E D - B R O
---------------------------------------------------------------- */

/* I T E M */

#featured-bro-box{
margin-top: 15px;
box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
-webkit-box-shadow: 0px 0px 8px #ccc;

}

#featured-bro-box .header{
background: #54000c;
border-top: 10px solid #2c0006;
}

#featured-bro-box .header h2{
color: white;
border-bottom:1px dashed white;
font-weight: 100;
padding:5px 0 5px 40px;
}

#featured-brother{
padding: 15px;
background: rgba(255, 255, 255, 0.9);
border-bottom: 10px solid #54000c;
font-family: "Lucida Grande",Arial,Helvetica,Sans-Serif;
font-size: 12px;
}

#featured-brother a{
text-decoration: none;
}

#featured-brother h4{
font-family: 'Yanone Kaffeesatz', arial, serif;
text-transform: uppercase;
font-size: 16px;
margin: 0;
text-decoration: underline;
}

#featured-brother h4:hover{
color: #F0392A;
}

.bro-thumb{
height: 100px;
width: 100px;
overflow: hidden;
float: left;
margin-right: 10px;
border: 4px solid white;
  box-shadow: 0px 0px 5px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
}

.bro-thumb img.alignleft{
border: 0px;
}

.bro-thumb img{
height: auto;
width: 100px;
overflow: hidden;
}

.bro-thumb p{
font-size: 0px;
}

#featured-brother .excerpt, .excerpt p{
float: left;
padding-bottom: 0px;
margin-bottom: 0px;
}




/*
----------------------------------------------------------------
	4 0 4 - E R R O R
---------------------------------------------------------------- */

#div404{
width: 960px;
height: 600px;
-webkit-border-radius: 0 0px 0 0;
-moz-border-radius: 0 0px 0 0;
border-radius: 0 0px 0 0;
background: white url("images/doc4042.jpg") bottom right no-repeat;
z-index: 1;
position: relative;
}

#div404 #main{
background: none;
box-shadow: 0px 0px 0px #ccc;
-moz-box-shadow: 0px 0px 0px #ccc;
-webkit-box-shadow: 0px 0px 0px #ccc;
}

#notfound{
float: right;
width: 600px;
height: 550px;
}