/*   
Theme Name: The Loop Theme
Description: Custom Wordpress theme for the Loop Magazine
Author: Stephanie Stroud
Author URI: http://www.StephanieStroud.com
Version: 1
*/

/* ---------------------------------------------------- */
/* general items                                        */
/* ---------------------------------------------------- */	
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000;
	background:#ffffff;
}

h1{
        font-size:1.8em;
}

h2{
        font-size:1.6em;
}

h3{
        font-size:1.5em;
}

h4{
        font-size:1.4em;
}

h5{
        font-size:1.3em;
}

h6{
        font-size:1.2em;
}

a:link, a:active, a:visited, a:hover{
        color:#ffffff;
}

a:hover{
        text-decoration:underline;
}	

/* ---------------------------------------------------- */
/* site structure                                       */
/* ---------------------------------------------------- */
.container{
	width:960px;
	margin:0 auto;
	background:transparent;
	overflow:hidden;
}

#headerArea{
	background:#ffffff;
	color:#000000;
	padding:10px 0;
}

#mainMenuArea{
	background:#000000 url(images/menuBackground.jpg) repeat-x;
	color:#ffffff;
}

#contentArea{
	background:#81b523 url(images/bodyBackground.jpg) repeat;
	color:#ffffff;
	overflow:hidden;
	padding:10px 0;
}

#footerArea{
	background:#000000;
	color:#ffffff;
        margin-bottom:30px;
        padding:10px 0;
}

#leftSidebar{
	width:178px;
	float:left;
	background-color:#ffffff;
	color:#000000;
	border:1px solid #6f9d1b;
	padding:10px 0;
}

#mainContent{
	width:438px;
	margin:0 15px;
	padding:10px;
	float:left;
	background: #000000 url(images/mainContentBackground.jpg) repeat;
	color:#FFFFFF;
	border:1px solid #91c72d;
}

#rightSidebar{
	width:278px;
	float:left;
	background-color:#ffffff;
	color:#000000;
	border:1px solid #6f9d1b;
	padding:10px 0;
}

/* ---------------------------------------------------- */
/* header items                                         */
/* ---------------------------------------------------- */
#logo{
	width:290px;
	float:left;
}

#socialMediaButtons{
	width:300px;
	float:right;
	text-align:right;
	margin-bottom:55px;
}

.searchForm{
	clear:right;
	width:234px;
	float:right;
	text-align:right;
	overflow:hidden;
}

.searchTerm{
	width:197px;
	float:left;
	height:19px;
	border:1px solid #666666;
	padding-left:3px;
}

.searchSubmit{
	width:28px;
	float:left;
}

a.stbutton{
        color:#000000;
}

/* ---------------------------------------------------- */
/* main navigation                                      */
/* ---------------------------------------------------- */
#mainMenu{
	width:960px;
	margin:5px auto;
	padding:4px 0;
	background:transparent;
	text-align:left;
	color:#FFFFFF;
	float:left;
	position:relative;
	font-size:1.5em;
}

#mainMenu li a, #mainMenu li {
	float: left;
}

#mainMenu li {
	list-style: none;
	position: relative;
	border-left:1px solid #000000;
}

#mainMenu li a {
	text-decoration: none;
	color: white;
	background: transparent;
	border-left: 1px solid #323232;
	padding:0 8px;
}

#mainMenu li a:hover {
	text-decoration:underline;
}

#mainMenu li:first-child, #mainMenu li:first-child a{
	border:none;
	padding-left:0;
}

/* ---------------------------------------------------- */
/* left sidebar                                        */
/* ---------------------------------------------------- */
.leftSidebarWidget{
	padding:0 5px;
        text-align:center;
}

#leftSidebar a:link, #leftSidebar a:active, #leftSidebar a:visited, #leftSidebar a:hover {
        color:#000000;
}

/* ---------------------------------------------------- */
/* main content items                                   */
/* ---------------------------------------------------- */
.mainContentTitle{
	margin-left:18px;
}

#mainContent p{
	margin-left:20px;
	margin-right:10px;
        margin-bottom:20px;
	color:#ffffff;
	font-size:1.4em;
	line-height:1.6em;
} 

#issuuHomeFeature p{
        margin:0 auto;
        text-align:center;
}

/* ---------------------------------------------------- */
/* right sidebar items                                  */
/* ---------------------------------------------------- */
.rightSidebarWidget{
	padding:0 5px;
}

#rightSidebar a:link, #rightSidebar a:active, #rightSidebar a:visited, #rightSidebar a:hover {
        color:#000000;
}

#rightSidebar p{
	color:#97cf32;
	font-size:1.3em;
	line-height:1.5em;
	padding:5px;
}

.subscribeForm{
	overflow:hidden;
	margin:5px 0 0 5px;
}

.subscribeEmail{
	width:170px;
	float:left;
	border:1px solid #2e2e2e;
	height:18px;
}

.subscribeSubmit{
	width:54px;
	float:left;
}

#sidebarVideoPlayer{
        text-align:center;
}

/* ---------------------------------------------------- */
/* event calendar                                       */
/* ---------------------------------------------------- */
.wplc_event_list{
        padding-left:10px;
}

.wplc_event_list li{
        margin-bottom:10px;
}

.calEventTitle{
        font-size:1.3em;
        font-weight:bold;
        color:#81b523;
        line-height:1.6em;
}

#rightSidebar .calEventTitle a{
        color:#81b523;
        text-decoration:none;
}

.calEventTime{
        display:block;
        font-size:1.2em;
        line-height:1.3em;
        padding:2px 2px 2px 8px;
}

.calEventDescription{
        display:block;
        font-size:1.2em;
        line-height:1.3em;
        padding:2px 2px 2px 8px;
}

#rightSidebar .calEventDescription p{
        font-size:1.1em;
        color:#000000;
        padding:2px 2px 2px 8px;
}

/* ---------------------------------------------------- */
/* footer items                                         */
/* ---------------------------------------------------- */
#footer_logo{
        width:160px;
        float:right;
}

#footer_categories{
        width:780px;
        float:left;
}

#footer_categories ul{
        margin-top:5px;
        overflow:hidden;
}

#footer_categories ul li{
    display:inline;
    padding-right:8px;
    margin:5px 0;
    float:left;
}

#footer_categories ul li a{
    font-size:1.2em;
    padding:0 10px;
    border-right:1px solid #ffffff;
    float:left;
}

#footer_categories ul li:last-child a{
    border:none;
}

/* ---------------------------------------------------- */
/* posts                                                */
/* ---------------------------------------------------- */
h2.categoryTitle {
font-size:2em;
text-align:center;
}

.post h2 a{
    text-decoration:none;
}

.post h2{
    margin:0 0 5px 0;
}

.post img{
    margin:10px 0;
}

/* ---------------------------------------------------- */
/* comments                                             */
/* ---------------------------------------------------- */
.comment-meta{
    margin:3px 0;
}

.comment-meta a{
    text-decoration:none;
}

/* ---------------------------------------------------- */
/* home page quadrants                                  */
/* ---------------------------------------------------- */
	#quads{
		width:430px;
		overflow:hidden;
		background:transparent;
	}
	
	#quads h2{
		font-size:18px;
		color:#ffffff;
		margin:0 0 5px 0;
	}
	
	#quads div{
		width:200px;
		float:left;
		background-color:#000000;
		color:#FFFFFF;
		margin-bottom:10px;
		padding:5px;
		overflow:hidden;
	}
	
	#quads div img{
		float:left;
		border:0;
	}
	
	#quads div p{
		color:#ffffff;
		font-size:14px;
		padding:0 0 0 88px;
		margin:0;
	}
	
	.quadMore{
		text-align:right;
	}
	
	#quad1, #quad3{
		margin-right:10px;
	}

/* ---------------------------------------------------- */
/* misc. styles                                         */
/* ---------------------------------------------------- */
.divider{
	display:block;
	padding:15px 0;
	margin:0 auto;
	
}