application.css

/*
Theme Name: HuskyPress
Theme URI: uconn.edu
Description: Wordpress theme in the style of UConn.edu.  Built off of the wordpress theme "TwentyEleven."
Author: Dave Hicking and Erik Reynolds
Author URI: http://lib.uconn.edu
Template: huskypress
Version: 1.0
*/
@import url("base.css");

/*Home Page */
.downtime-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2em;
  background: #ff4040;
  z-index: 99999;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding-top: 0.5em;
  
}

#page { margin-top: 1em; }
#hero {
  background: #3182c3; /* Old browsers */
  background: -moz-linear-gradient(top, #3182c3 0%, #003093 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3182c3), color-stop(100%,#003093)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3182c3 0%,#003093 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3182c3 0%,#003093 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3182c3 0%,#003093 100%); /* IE10+ */
  background: linear-gradient(top, #3182c3 0%,#003093 100%); /* W3C */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3182c3', endColorstr='#003093', GradientType=0 ); /* IE6-9 */
  border: #3182c3;
}

.top {
  min-height:260px;
}

.top.herohelp {
  min-height: 310px;
}

.bottom {
  min-height:150px;
  background: initial;
  color: black;
}

.second {
  padding: 1em 2em 1em 2em;
  background: white;
  min-height: 200px;
}

.second-help { min-height: 400px; }

#hero, .second {
  color: white;
  /*font-family: 'Myriad Pro', 'Helvetica Neue', Arial, sans-serif; */
  /*font-family: 'Myriad Pro', Lucida Grande, Arial, sans-serif;*/
  font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
}

#hero .top {
  padding: 3em 2em 2em 2em;
}

#hero h2, .second h2 {
  font-size: 2.5em;
  margin-top: 1%;
  line-height: 1.5em;
}

#hero h3, .second h3 {
  font-size: 1.6em;
  line-height: 1.5em;
  margin-right: 1em;
  margin-top: 1em;
}

#hero h4, .second h4 {
  font-size: 1.4em;
  line-height: 1.5em;
  margin-right: 1em;
  margin-top: 1em;
}

#hero .left, .second .left {
  width: 50%;
  margin-left: 0em;
  padding-right: 2em;
}

#hero .right, .second .right {
  width: 40%;
  margin-right: 1em;
}

.second .left {
  border-right: 1px solid #cdcdcd;
  padding-right: 2em;
}

.second p { margin-top: 5px; }

p.help {
font-size: 1.5em;
}

#hero .top a, #hero .top a:visited, #hero .top a:hover {
  color: #ffffff;
}

.heroButton {
  width: 100%;
  padding: 10px;
  border: #CCC solid 2px;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.heroButton:first { margin-top: 1em; }

#other_clients {
  margin-top: 0px;
 
}

.divider { height: 1em; width 100%; display: block; }

.left { float:left; }
.right { float:right; }
.clear { clear: both; }

p {
margin-bottom: 0em;
}

#catchphrase { 
  margin-top: 5em;
  font-size: 1.6em;
  font-style: italic;
}
  
.ui-accordion-header {
font-size: 1.4em;
}

.ui-accordion-content ul {
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
font-size: 1.3em;
-webkit-column-count: 2;

}


/*End Home Page */

html {
margin-top: none;
}

#page {
background: none;
min-width: 480px;
}

h1, h2 {
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
}

h2 { 
  font-size: 1.8em;
}

body, input, textarea {
font: 15px Helvetica, sans-serif;
line-height: 1.625em;
}

.headline {
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif;
font-size: 1.3em;
}

input[type=text] {
	padding: 0px;
	height: 25px;
}

body {
background: #CCCCCC;
}

#branding {
border-top: none;
background-image: url(http://web2.uconn.edu/webtools/global/4.0/head-foot/images/hd-blue.png);
background-repeat: repeat-x;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
border-radius: 7px 7px 0px 0px;
}

#branding .with-image #searchform {
max-width: 200px;
}

#branding .only-search + #access div {
padding-right:0px;
}

.cufon-active h1 { /* for Cufon.replace('h1') */
	font-size: 2em;
}

.entry-title a {
font-size: 26px;
}

#uc-website-title {
margin-left: 15px;
}

#uc-website-title a{
color:white;
position: relative;
top: -25px;
}

#branding img {
width:auto;
margin-left: 10px
}

#branding .only-search #searchform {
top: 0em;
right: 1em;
color: white;
}

#searchform li {
float: left;
list-style: none;
font-size: .7em;
}

#searchform #sa {
margin:0;
}

#access {
background: #E2E2E2;
margin: auto;
}

#access a {
font: bold 1em Helvetica, sans-serif;
color: black;
padding: 1em 17px .8em 17px;
}

#access ul ul {
top: 3.0em;
z-index: 1000;
}

#access div {
margin: 0 1.6em;
}

#main {
clear: none;
padding: 0;
}

ul, ol {
margin: 1em 0 1.625em 2.5em;
}

#primary {
background: white;
padding: 0;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
}

.page-title.author {
font-size: inherit;
}

.singular .entry-header .entry-meta {
left: inherit;
}

.singular.page .hentry {
	padding: 0 0 0;
}

.singular .hentry {
padding: 3em 0 0;
}

.singular #content,
.left-sidebar.singular #content {
	margin: 1em;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
width: 85%;
}

#content nav{
padding: 0 2em 0 0;
}

#nav-single .nav-previous, #nav-single .nav-next {
float: left;
}

#secondary {
padding-top: 1.8em;
background: white;
}

#page {
margin: 1em auto;
max-width: 950px;
}

#colophon {
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
border-radius: 0px 0px 7px 7px;
background: #003093; /* Old browsers */
background: -moz-linear-gradient(top,  #003093 0%, #00165f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003093), color-stop(100%,#00165f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003093 0%,#00165f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003093 0%,#00165f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003093 0%,#00165f 100%); /* IE10+ */
background: linear-gradient(top,  #003093 0%,#00165f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003093', endColorstr='#00165f',GradientType=0 ); /* IE6-9 */
}

#colophon a {
color: white;
}

#content {
  margin: 0 15% 0 10%;
  width: 75%;
}

.widget-area {
text-align: center;
}

.widget-area ul {
  list-style-type: none;
}

#secondary { 
  width: 15%;
  margin-right: 1.8em;
}

#supplementary {
padding: 1.5em 7.6%;
}

#tabs-1 div { text-align: center; margin-top: 2em; }

div.step { 
  margin-top: 1.5em;
}

div.step p { margin-bottom: 0.5em; }

div.step img { margin: 0.5em auto; }

div.featurebox {
  float: left;
  width: 96%;
  border: 1px solid #f4f4f4;
  height: 150px;
  margin: 2%;
}

.featurebox div { padding: 1em; }
.featurebox h2 {
  display: block;
  text-align: center;
  padding: 0.5em;
  background-color: #3f3f4d;
}

.entry-content { margin-bottom: 2em;}

.featurebox h2 a, .featurebox h2 a:visited { color: #ffffff; }
/* =Responsive Structure for narrow screens
* to keep min width and sidebar
-------------------------------------------- */
@media (max-width: 850px){

.second {
min-height: 250px; 
}

}

@media (max-width: 800px) {
     #
/* keep the sidebar - for right sidebar */
    .right-sidebar #main #content {
        margin: 0 29% 0 1%;
        width: 70%;
    }
    .right-sidebar #main #secondary {
        float: right;
        margin: 0 1% 0 1%;
        width: 24%;
    }
/* keep the sidebar - for left sidebar */
    .left-sidebar #main #content {
        margin: 0 1% 0 29%;
        width: 60%;
    }
    .left-sidebar #main #secondary {
        float: right;
        margin: 0 -1% 0 2%;
        width: 24%;
    }
/* correction for 'showcase' template */
    .page-template-showcase-php #main #primary.showcase {
        float: right;
        margin: 0 2% 0 2%;
        width: 96%;
    }
    .page-template-showcase-php #main #primary.showcase #content {
        margin: 0 6% 0 6%;
        width: 88%;
    }
    .page-template-showcase-php section.recent-posts {
        float: right;
        margin-right: 0pt;
        margin-left: 31%;
        width: 69%;
    }
    .page-template-showcase-php #main .widget-area {
        float: left;
        margin-right: -22.15%;
        margin-left: 0pt;
        width: 22.15%;
    }
	
	#main #content {
	width:60%;
	}
/* correction for singular posts/pages without sidebar */
    .singular #main #content {
        margin: 0 8% 0 8%;
        width: 84%;
    }
/* keep floating footer widgets side-by-side at this size */
     #colophon #supplementary .widget-area {
          float: left;
          margin-right: 1%;
          width: 32%;
     }

.second {
min-height: 300px; 
}

}

@media (max-width: 750px) {

#main #secondary {
margin: auto;
}

.entry-header .comments-link a {
display:none;
}

#main #secondary ul {
list-style: none;
}

#main #secondary .widget {
margin: auto;
}

}

@media (max-width: 680px) {

#page {
margin: 0;
}
#branding {
border-radius: 0px;
}

#hero .right {
margin-left: 0em;
margin-right: 0em;
}

#hero .left,
#hero .right,
{
width: 100%
}

#hero .left, .second .left{
width: 100%;
margin-left: 0;
padding-right: 0;
border-right: 0px;
padding-bottom: 1em;
}

#hero .right, .second .right {
width: 100%;
}

.top {
padding: 30px 30px 30px 30px;
}

.second {
padding: 30px 30px 30px 30px;
}

#view_client {
width: 90%;
box-shadow:rgba(0, 0, 0, 0) 0px 1px 2px;
}

#other_clients a img {
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
  width: 90%;
  }
.heroButton {
  box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
  width: 90%;
}
.right{
float: none;
}

.bottom.right{
padding-top:10px;
}

#branding #searchform {
display:none;
}




#supplementary {
padding: none;
}

#colophon {
border-radius: 0px;
}

}