/*
Theme Name: CPPR 2015
Author: avy1
Description: Columbia Public Policy Review (based on Naked WP theme)

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

@font-face { font-family: 'trajan pro'; src: url('http://www.columbiapublicpolicyreview.org/wp/wp-content/themes/cppr01/TrajanPro-Regular.otf'); } 
body {margin: 0; padding: 0; font-size: 62.5%; color: #000; background-color: #FFF; font-family: arial, helvetica, sans-serif; min-width: 960px;}
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }

/* #Wide screens
================================================== */
    /* Note: Design for a width of 1200px */
    @media only screen and (min-width: 1281px) {.container { width: 1280px; }}

/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; }}

/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {.container { width: 300; }}

/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {.container { width: 420px; }}


/* ############## TYPOGRAPHY */
h1, h2, h3, h4, h5 {margin: 0 !important; margin-before: 0; margin-after: 0; margin-start: 0; margin-end: 0;padding: 0 !important; font-family: 'palatino linotype', palatino, serif; font-weight: normal !important;}

h1 {font-size: 3.4em; text-transform: none; font-weight: bold;}
	h1 a, h1 a:visited {color: #000; text-decoration: none;}
h2 {font-size: 3em; text-transform: uppercase; }
	h2 a, h2 a:visited {color: #000; text-decoration: none;}
h3 {font-size: 2.1em !important; text-transform: uppercase;}
	h3 a, h3 a:visited {color: #000; text-decoration: none;}
h4 {font-size: 1.8em !important; text-transform: uppercase;}
	h4 a, h4 a:visited {color: #000; text-decoration: none;}
h5 {font-size: 1.5em !important; text-transform: uppercase;}
	h5 a, h5 a:visited {color: #000; text-decoration: none;}
	


p {font-size: 1.5em; font-family: arial, sans-serif; line-height: 1.55em;}
a, a:visited {color: #1a9dfe;}

a:hover {color: #00324a !important; /*background-color: #DFEEFF;*/}
	.highlights a:hover {color: #1a9dfe !important;}
a.read-more, a.read-more:visited {color: #000; text-transform: uppercase; text-decoration: none; font-size: .8em; font-weight: bold;}
a.read-more:hover {color: #1a9dfe !important;}
.byline {font-size: 1.2em; text-transform: uppercase; color: #aeaeae !important;}
.timestamp {font-size: 1.2em; text-transform: uppercase; color: #aeaeae !important;}

.admin-button {margin: 20px 0; padding: 10px 0; text-align: center; font-weight: bold; width: 140px; background-color: #777; color: #000;}
.admin-button a, .admin-button a:visited {color: #FFF; font-size: 1.5em; text-decoration: none;}

/* ############## COMMON OBJECTS */
ul.horizontal-nav {list-style-type: none; margin: 0; padding: 0;}
	ul.horizontal-nav li {float: left; list-style-type: none; margin: 0 0 0 1em; padding: 0;}
	ul.horizontal-nav li a:hover {color: #1a9dfe !important;}
	
	
ul.inline-nav {display:inline; list-style-type: none; margin: 0; padding: 0;}
	ul.inline-nav li {display:inline; list-style-type: none; margin: 0; padding: 0;}
	ul.inline-nav li a, ul.inline-nav li a:visited {color: #1a9dfe !important;}
	
.menu-primary-menu-container ul {list-style-type: none; margin: 0; padding: 0;}
.menu-primary-menu-container ul li.menu-item {float: left; list-style-type: none; margin: 0 0 0 1em; padding: 0;}
.menu-primary-menu-container ul li.menu-item a:hover {color: #1a9dfe !important;}

#pagination {position: relative; padding: 0 0 50px;}
#pagination .next-page {float: right;}
#pagination .previous-page {float: left;}
#pagination a, #pagination a:visited {font-weight: bold; font-size: 1.2em; color: #000; text-decoration: none; text-transform: uppercase;}
#pagination a:hover {color: #1a9dfe;}


/* ############## CORREX */
.right {float: right;}
.left {float: left;}
.clear {clear: both;}


/* ############## HEADERS */
.prehed {background: #000; height: 31px; padding: 3px 0 0;}
	.prehed .horizontal-nav {float: right;}
	a.icon, a.icon:visited {display: block; width: 20px; height: 23px; border-width: 0px; text-indent: -9999px;}
		a.icon-twitter, a.icon-twitter:visited {background: transparent url('../../../../chrome/icon-twitter.png') 0px 4px no-repeat;}
		a.icon-twitter:hover {background: transparent url('../../../../chrome/icon-twitter.png') -34px 4px no-repeat;}	
		a.icon-facebook, a.icon-facebook:visited {background: transparent url('../../../../chrome/icon-facebook.png') 0px 4px no-repeat;}
		a.icon-facebook:hover {background: transparent url('../../../../chrome/icon-facebook.png') -35px 4px no-repeat;}	
		a.icon-rss, a.icon-rss:visited {background: transparent url('../../../../chrome/icon-rss.png') 0px 4px no-repeat;}
		a.icon-rss:hover {background: transparent url('../../../../chrome/icon-rss.png') -37px 4px no-repeat;}	
		
	


/* FORM RESET */
form, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size: 100%;}
.search-top {display: block; width: 190px; height: 20px; margin: 3px 0 0 0; padding: 2px 2px 2px 25px; border-width: 0px; background: #262626 url('../../../../chrome/icon-search.png') 4px 2px no-repeat; font-family: arial, sans-serif; font-size: .80rem; color: #AFAFAF;}


	

/* ############## SIDEBAR */
.highlights {position: relative; float: left; margin: 50px 0 0 20px; padding: 0 0 0 60px; border: 3px #FFF solid; border-width: 2px 1px 1px !important; width: 400px; z-index: 999999;
	/* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.95 opacity */
    background: rgba(255, 255, 255, .9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#FF000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#FF000000)";}



	.highlights .module {padding-bottom: 30px;}
	.featured .image {position: relative; float: left; width: 400px; height: 230px; text-align: center;}
			.featured .image .slug {position: absolute; top: -2px; left: 6px; height: 30px; padding: 0 10px; background-color: #1a9dfe; z-index: 100; text-align: center;}
			.featured .slug h5 {line-height: 32px; color: #FFF; text-align: center;}
			.featured .image img {margin: 0 auto; width: 380px !important; height: 205px !important; z-index: 99;}
		.featured .dek {margin: 0 10px; text-align: left;}
		.featured .dek h3 {padding: 1.5em 0 0 !important;}

.featured ul li {list-style-type: none; margin: 0 !important; padding: 0 !important; border-bottom: 1px #CDCDCD dotted; text-align: left;}
.featured ul li h4 {margin: 20px 0 0; }
.featured ul {margin-left: -15px !important;}
.featured li {margin: 0 !important; padding: 0 !important; }
.featured ul li a, .featured ul li a:visited {line-height: 2.5em; font-size: 1.3em;}
.featured ul li a, .featured ul li a:visited {text-decoration: none;}
.featured ul li a:hover {text-decoration: underline;}
	.featured ul li.last {border-bottom: 1px #DFDFDF solid; margin-bottom: 50px;}

.side-email-signup {margin: 20px 0 0;}
.highlights .podcast {margin: 0 0 20px 0;}

/* Hero Header */


.navigation-top {height: 35px; margin: 0 0 50px; padding: 0; background-color: #FFF; border: #DFDFDF 1px solid; border-width: 1px 0 2px !important; }
	.navigation-top .menu-primary-menu-container ul {margin: 11px 0 0 !important;}
	.navigation-top .menu-primary-menu-container ul li {margin: 0 1.5em 0 !important; padding: 0 !important;}
	.navigation-top .menu-primary-menu-container ul li a, .navigation-top .menu ul li a:visited {font-family: 'trajan pro'; font-weight: normal; text-decoration: none; text-transform: uppercase; font-size: 1.5em; color: #000; }

	
.blue {position: relative; background-color: #59bcf4; border-bottom: 5px #f2f2f2 solid !important;}


.logo {position: relative; padding: 4.25em 0 0 1em; background-color: transparent; height: auto; z-index:2;}

.lion {position: absolute; right: -40px; top: -40px; width: 45%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
	filter: alpha(opacity=20); /* For IE8 and earlier */
	opacity: 0.2; /* Modern browsers */
z-index: 1;
}

.navigation-top {margin: 0.5em 0 1em 2em; height: 50px; background-color: transparent; border-width: 0px !important;}
	.navigation-top .menu-primary-menu-container ul {margin: 0 0 !important;}
	.navigation-top .menu-primary-menu-container ul li {margin: 0 2.5em 0 0 !important; padding: 0 !important;}
	.navigation-top .menu-primary-menu-container ul li a, .navigation-top .menu ul li a:visited {color: #FFF !important; font-family: arial, sans-serif; letter-spacing: .10em; text-decoration: none; text-transform: uppercase;}
.navigation-top .menu ul li a:hover {color: #E4E4E4 !important;}
	


	.logo .newsletter-signup {position: absolute; background-color: red; color: #FFF; font-weight: bold; right: 20px; top: 10px; width: 200px; height: 80px;}



/* ############## POSTS */
.posts {float: left; margin: 0 0 0 40px; padding: 0; width: 52%; min-width: 600px;}

.post {margin: 50px 0 70px; padding: 0 0 20px; border: 1px #f2f2f2 solid; border-width: 3px 1px 1px; background-color: #FFF; text-align: center;}

.post .categories {margin: 0; padding: 0 20px 0; text-align: left; font-family: arial, sans-serif; text-transform: uppercase; font-size: 1.25em; color: #777;}

.mini-post .categories {margin: 0 0 1.75em; padding: 1em 0 1em .75em; text-align: left; border-bottom: 0px #DFDFDF solid; background-color: #FAFAFA;}

.post .categories .post-type a, .post .categories .post-type a:visited {font-weight: bold; color: #777; text-decoration: none;}
.post .categories .tags a, .post .categories .tags a:visited {font-weight: normal; color: #777; text-decoration: none;}
.post .categories a:hover {color: #1a9dfe !important;}

.post h1 {margin: .25em 0 !important; padding: 0 20px 0 !important; text-align: left; }
.mini-post h1 {margin: .7em 0 .25em !important;}

.post .meta {margin: 0 0 2em; padding: 0 20px 0;  text-align: left; font-family: arial, sans-serif; color: #777; text-transform: uppercase; font-size: 1.25em;}
.post .meta a, .post .meta a:visited {font-family: arial, sans-serif; color: #1a9dfe;}
	

.post .wp-post-image {margin: 0 auto 0; width: 100%; height: auto;}
.post .post-image-caption {margin: .5em .25em 1em; text-align: right; color: #000; text-transform: none; font-size: 1.2em;}


.post .dek p {padding: 0 20px 0; text-align: left; font-size: 2em; color: #444; font-family: 'palatino linotype', palatino, georgia, serif !important; font-style: italic;}
.mini-post .dek p {text-align: left; font-size: 2em; color: #444; font-family: 'palatino linotype', palatino, georgia, serif !important; font-style: italic;}

	.post .the-content {padding: 0 20px 0; text-align: left; }
	.post .post-footer {margin: 20px 0 0; padding: .5em 1em; background-color: #FFF;  border-top: 1px #DFDFDF solid; font-size: .8em;}
	
	.mini-post h1 a:hover, .mini-post h2 a:hover {color: #1a9dfe !important;}
	.mini-post p {font-size: 1.5em;}

.post .addthis_toolbox {margin-left: 20px !important;}
.post .author-bio {font-size: 1em; border-top: 1px #DFDFDF solid; padding: 1.5em 1em 0em; font-style: italic; color: #777;}


/* ############## FEATURED POSTS */
.barousel_content {background-color: #000; width: 575px;}
.barousel_image {width: 575px; background-color: #1a9dfe;}
.barousel_content div {padding: 25px 15px;}
	#carousel h1 {color: #FFF; line-height: 1em; margin: 0 0 .65em;}
	#carousel h1 a, #carousel h1 a:visited {color: #FFF; text-decoration: none;}
	#carousel p {color: #FFF;}
	#carousel .author {}
	.barousel_content a, .barousel_content a:visited {color: #1a9dfe; text-transform: uppercase; text-decoration: none; font-size: .8em;}
	.barousel_content a:hover {color: #8dc9f5 !important;}
	


/* ############## FOOTER */
.footer {width: 100%; height: 40px; background-color: #000; color: #FFF;  padding: 11px 0 0; background: #000 url('../../../../chrome/logo-columbia-public-policy-review-black-white.png') center right no-repeat;}
.footer .horizontal-nav {margin-top: 10px;}
.footer .horizontal-nav li {font-family: arial, sans-serif; font-size: 1.2em; text-transform: uppercase; color: #FFF !important;}
.footer .horizontal-nav a, .footer .horizontal-nav a:visited { text-decoration: none; color: #aeaeae !important;}



/* ############## MAIL CHIMP */
#mc_embed_signup {margin: 10px 0 0; font-size: 1em; font-family: arial, helvetica, sans-serif; }
#mc_embed_signup label {font-size: 12px !important; text-transform: uppercase; font-family: arial, helvetica, sans-serif; color: #000;}
.mc-field-group input {display: block; height: 30px; width: 100%; margin: 5px 0 0; padding: 2px 2px 2px 25px; border-width: 0px;}
#mc_embed_signup input {font-size: 12px !important; font-weight: bold; background-color: #FFF; border: 1px 
#EDEDED solid !important;}


#mc-embedded-subscribe {display: block;
    background-color: #1a9dfe;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a9dfe), to(#446d9f));
    background: -webkit-linear-gradient(top, #1a9dfe, #446d9f);
    background: -moz-linear-gradient(top, #1a9dfe, #446d9f);
    background: -ms-linear-gradient(top, #1a9dfe, #446d9f);
    background: -o-linear-gradient(top, #1a9dfe, #446d9f);
    background: linear-gradient(top, #1a9dfe, #446d9f);
    border: 1px solid #4591ce;
    border-bottom: 1px solid #4591ce;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #64bce0;
    -webkit-box-shadow: 0 1px 0 0 #64bce0 inset ;
    -moz-box-shadow: 0 1px 0 0 #64bce0 inset;
    -ms-box-shadow: 0 1px 0 0 #64bce0 inset;
    -o-box-shadow: 0 1px 0 0 #64bce0 inset;
    color: #FFF;
    font-weight: bold;
    padding: 6px 20px; margin-top: 5px;
    text-align: center;
    font-family: arial, helvetica, sans-serif; font-size: 1.3em; 
   /* text-shadow: 0 -1px 0 #396715;*/}


#mc-embedded-subscribe:hover {
    opacity:.85;
    cursor: pointer; 
}


#mc-embedded-subscribe:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}






/* ############## CONTACT FORMS */
.ninja-forms-cont {margin: 20px 0 0; padding: 20px 0 0; border-top: 1px #DFDFDF solid;}
.ninja-forms-form label {font-size: 1.4em !important; text-transform: none; font-family: arial, helvetica, sans-serif; font-weight: bold !important; color: #757575;}

.ninja-forms-form-title {font-size: 1.9em !important; text-transform: uppercase !important;}
.ninja-forms-required-items {margin: 20px 0 30px; font-size: 1.1em;}

#ninja_forms_form_5_cont {width: 300px;}
#ninja_forms_form_8_cont {}
.ninja-forms-field {padding: 7px 7px; background-color: #EFEFEF; border: 1px #CDCDCD solid; height: 30px; font-family: arial, helvetica, sans-serif; font-size: 1.5em; color: #000;}


#wp-ninja_forms_field_15-wrap {background-color: #EFEFEF; border: 1px #CDCDCD solid;}

.ninja-forms-form input:focus, .ninja-forms-form textarea:focus {border: 1px solid #1a9dfe; box-shadow: 0 0 3px #aaa;}

.ninja-forms-success-msg {margin: 20px 0 0; padding: 10px; background-color: #EFEFEF; border: 1px #CDCDCD solid; color: #444;}
 
 
 /* SUBMIT */
#ninja_forms_field_7, #ninja_forms_field_11 {
    background-color: #1a9dfe;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a9dfe), to(#446d9f));
    background: -webkit-linear-gradient(top, #1a9dfe, #446d9f);
    background: -moz-linear-gradient(top, #1a9dfe, #446d9f);
    background: -ms-linear-gradient(top, #1a9dfe, #446d9f);
    background: -o-linear-gradient(top, #1a9dfe, #446d9f);
    background: linear-gradient(top, #1a9dfe, #446d9f);
    border: 1px solid #4591ce;
    border-bottom: 1px solid #4591ce;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #64bce0;
    -webkit-box-shadow: 0 1px 0 0 #64bce0 inset ;
    -moz-box-shadow: 0 1px 0 0 #64bce0 inset;
    -ms-box-shadow: 0 1px 0 0 #64bce0 inset;
    -o-box-shadow: 0 1px 0 0 #64bce0 inset;
    color: #FFF;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    font-family: arial, helvetica, sans-serif; font-size: 1.3em; 
   /* text-shadow: 0 -1px 0 #396715;*/
}

#ninja_forms_field_7:hover, #ninja_forms_field_11:hover {
    opacity:.85;
    cursor: pointer; 
}


#ninja_forms_field_7:active, #ninja_forms_field_11:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset; 
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
     
}