/*
THEME NAME: CHS Globe
THEME URI: http://chsglobe.com
DESCRIPTION: This theme was built for the CHS Globe Newspaper's website. It offers a frontpage slideshow built in, as well as a grid based front-page featured post system. To add posts to the slideshow, simply tag them "Slideshow". To feature posts on the front page, tag them "Frontpage". This theme was built upon the Sandbox theme.
VERSION: 1.6.1,
AUTHOR: Apoorva Sharma
AUTHOR URI:
TAGS: globe, sandbox, grid, two-column, CHS
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-rb.css');

@font-face {
font-family: Biolinum;
src: url(fonts/Calluna-Regular.otf)
}

body {
font-family: sans-serif;
font-size: 10pt;
background-color:#dddddd;
margin:0;
min-width: 955px;
}

body a {
text-decoration:none;
font-weight: bold;

color: inherit;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

img {
border:none;
}

body a:hover {
text-decoration:underline;
color: rgb(14, 125, 193);
}

div#infobar {
padding: 0 5px;;
background-color: #eee;
font-size: 9pt;
border-bottom: 1px solid black;
margin-bottom: -10px;
position: relative;
z-index: 1000;
height:25px;
text-align:right;
line-height:25px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

a#twitteruser {
height: 25px;
float:right;
display:inline-block;
}

span#textview {
position:relative;
overflow:hidden;
height:25px;
display:inline-block;
max-width:700px;
float:right;
}

span#scrollwrap {
position:relative;
}

#twitterad {
position:absolute;
top:30px;
right:5px;
}

div#infobar a#skip-link {
padding-right:0;
float:right;
}

div#infobar span#lastupdate {
padding-right:5px;
float:right;
display:none;
}

div#infobar a#linksmenu {
border-right: 1px solid #aaa;
margin-right: 5px;
padding-right:5px;
height:25px;
display:inline;
float:left;
text-align:left;
}

ul#linkslist {
list-style:none;
position:absolute;
overflow:hidden;
background-color: white;
border: 1px solid #aaa;
margin:0;
padding:0;
top:26px;
left:-1000px;
}

ul#linkslist li {
padding: 5px;
}

ul#linkslist.open {
opacity:1;
left: 0;
z-index: 1200;
}

div#header {
background-color: white;
padding-top: 5px;
text-align: left;
}

h1#blog-title img {
border: none;
}

div#access a {
opacity: 1;
filter: alpha(100);
}

h1#blog-title {
margin: 0;
padding: 20px 10px 0;
width: 800px;
height: 141px;
}

h1#blog-title a {
opacity: 1;
height: 141px;
top: 0;
left: 0;
}

div#blog-description {
padding: 0 130px 10px;
font-size: 12pt;
color: #444;
margin-top: -30px;
display: none;
}

img#g-img {
position: absolute;
top: -172px;
left: 10px;
z-index: 0;
float: left;
border:none;
}

div#g-overlap {
background-color: rgb(14, 125, 193);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(14, 125, 193)), to(rgb(10, 100, 180)));
	background:-moz-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:-o-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
float: left;
height: 2em;
padding-top: 4px;
width: 75px;
position: relative;
margin-top: -4px;
z-index: 1;
}

.page div#g-overlap,.four04 div#g-overlap {
height: 15px;
padding-top: 3px;
margin-top: -3px;
}

div#menu, div#catmenu {
font-size: 13px;
}

div#menu {
background-color:white;
height:2.0em;
margin:0;
padding:0;
width:100%;
color: #444;

padding-top: 5px;
}

div#menu ul,div#menu ul ul {
line-height:1.7;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin: 0 auto;
padding:0.2em 0.5em;
text-decoration:none;
color: inherit;
font-weight: normal;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li {
border: 1px solid transparent;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li.current_page_item, .category div#menu ul li:first-child, .single div#menu ul li:first-child  {
background-color: rgb(14, 125, 193);
border-color: rgb(14, 125, 193);
color: white;
text-shadow:0 -1px blue;
}

div#menu ul li:first-child {
margin-left: 500px;
}

div#menu ul li:hover ul {
left:auto;
}

div#menu ul li:hover {
border-color: rgb(14, 125, 193);
background-color: transparent;
color:black;
z-index: -10;
}

.category div#menu ul li:first-child:hover, div#menu ul li.current_page_item:hover {
background-color: rgb(14, 125, 193);
color: white;
}


div#catmenu {
background:rgb(14, 125, 193);
height:2.0em;
margin:0 0 5px 0;
padding:5px 0 0;
width:100%;
color: white;
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(14, 125, 193)), to(rgb(10, 100, 180)));
	background:-moz-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:-o-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
box-shadow:0px 5px 5px #aaa;
position: relative;
z-index: 100;
}

.category div#catmenu {
border-bottom: 0.5em solid white;
}

div#catmenu ul,div#catmenu ul ul {
line-height:1.7;
list-style:none;
margin:0;
padding:0;
}

div#catmenu ul a {
display:block;
margin:0 auto;
padding:0.2em 0.5em;
text-decoration:none;
color:inherit;
font-weight: normal;
text-shadow:0 -1px blue;
}

div#catmenu > ul > li {
border: 1px solid transparent;
color: white;
}

div#catmenu ul ul ul a {
font-style:italic;
}

div#catmenu ul li ul {
left:-999em;
position:absolute;
background-color: #fff;
padding: 5px 5px;
border: 1px solid #ccc;
margin: 0;
color: black;
}

div#catmenu ul li ul li {
margin: 2px 0;
border: 1px solid transparent;
}

div#catmenu ul li ul li a {
text-shadow:none !important;
}

div#catmenu ul li.current-cat {
background-color: rgb(14, 125, 193);
border-color:transparent;
color: white;
}

div#catmenu > ul > li.current-cat {
background-color: white;
border-color:transparent;
color: black;
}

div#catmenu > ul > li.current-cat a {
text-shadow:none !important;
}

div#catmenu > ul > li:first-child {
margin-left: 80px;
}

div#catmenu ul li:hover ul {
left:auto;
}

div#catmenu ul li:hover {
border-color: black;
}

div#catmenu > ul > li:hover {
border-color: #fff;
border-bottom-color:transparent;
}


div#menu ul li, div#catmenu>ul>li {

-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
}

div#nocat {
background-color: rgb(14, 125, 193);
	background:-webkit-gradient(linear, left top, left bottom, from(rgb(14, 125, 193)), to(rgb(10, 100, 180)));
	background:-moz-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:-o-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
height: 15px;
margin-bottom: 20px;
padding-top: 4px;
}

div#container,div#primary {
margin-top:1em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:none;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
display:none;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
clear:both;
margin: 0 auto;
width: 100%;
padding: 5px;
clear:both;
text-align: center;
}

div.navigation div.nav-next {
text-align:left;
padding-left:6px;
border-left:1px solid #aaa;
display:none;
}

.paged div.navigation div.nav-next, .single div.navigation div.nav-next {
display:inline;
}

div.navigation div.nav-previous {
text-align:right;
padding-right:5px;
}

div.navigation div {
display:inline;
}

div.sidebar h3 {
font-size:9pt;
font-weight: bold;
text-align:center;
text-shadow:0px -1px #0d70ad;
padding: 2pt 5pt !important;
}

div.sidebar input#s {
width:70%;
}

div.sidebar form#searchform input.button {
width: 20%;
}

div.sidebar ul.xoxo > li {
list-style:none;
margin:10px 10px 2em;
background-color:rgb(14, 125, 193);
border:1px solid #aaa;
color: white;
padding: 0;
}

div.sidebar ul.xoxo > li:last-child {
margin-bottom: 10px;
}

div.sidebar li>ul, div.sidebar li>form, div.sidebar li>div {
margin:0;
background-color: white;
border-top:1px solid #aaa;
color: #444;
padding: 5px;
font-size: 10pt;
}

div.sidebar ul ul {

padding-left: 1.5em;
}

div.sidebar table#wp-calendar {
margin: 0 auto;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li, div#catmenu > ul > li {
float:left;
margin: 0 0.2em;
}

div#footer {
text-align:left;
background: black;
color: #CCCCCC;
border-top: 60px solid #444;
margin-bottom: -36px;
padding: 5px 0px;
}

div#footer img {
margin-top: -73px;
}

div#footer div.footerbox {
width: 300px;
float:left;
padding: 15px;
}

div#blueline {
background: rgb(14, 125, 193);
height: 6px;
margin: 0;
margin-top: -27px;
}

input#author,input#email,input#url {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

div.column {
width: 33%;
float: left;
}

.home div.post {
margin:0;
padding:0;
}

div.postbox {
height:100%;
border: 1px solid #aaa;
background-color: gray;
color:white;
margin:10px;
padding:0;
text-align: center;
}

.home div.postbox {
margin-bottom: 20px;
}

div.postbox div.contentbox {
background-color:white;
color:black;
margin:0;
padding:0;
text-align: left;
overflow:hidden;
}

div.postbox div.img {
height: 150px;
border: 1px solid #ccc;
overflow: hidden;
background-color:#ccc;
}

div.img a {
opacity: 1;
}

.tag-links {
text-transform:capitalize;
}


div.postbox div.img img {
width:100%;
border: none;
}

div.postbox div.img img.defaultimg {
width: 500px;
}

h3.entry-title {
font-size: 12pt;
font-weight: bold;
padding:0;
margin:10px 5px 0px;
border-bottom: 1px solid #aaa;
font-family: Omni,  sans-serif;
}

.home div.entry-excerpt {
padding: 5px;
margin:0;
font-size: 10pt;
}

.home div.entry-excerpt p {
margin:0;
}

.home div.entry-meta {
padding: 3px;
border-top:1px solid #aaa;
text-align: center;
margin:0;
color: #666;
font-size: 9pt;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
background-color: #eee;
}

div.cat-links {
margin: 3px 0;
font-size: 9pt;
}

div.cat-links a:hover {
text-decoration:underline;
color: white;
}

div.hline {
width: 90%;
height: 10px;
border-bottom: 1px solid #aaa;
margin: 0 auto !important;
clear:both;
}

div.hline-b {
width: 90%;
height: 1em;
border-top: 1px solid #aaa;
margin: 0 auto;
clear:both !important;
}

.archive div.postbox, .single div.postbox, .search div.postbox {
padding-left: 10px;
}

.archive div.contentbox, .single div.contentbox {
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
}

.archive div.metabox, .single div.metabox, .search div.metabox  {
color: #666;
float: left;
font-size: 9pt;
padding: 10px;
text-align: right;
width: 125px;
}

.archive div.metabox h4, .single div.metabox h4, .search div.metabox h4 {
color: #888;
font-size: 10pt;
margin: 1em 0 0;
text-align: left;
text-transform: uppercase;
text-shadow: 1px 1px 0px #eee;
}

.archive div.metabox h4 a, .single div.metabox h4 a, .search div.metabox h4 a {
opacity: 1;
}

.archive div.entry-date, .single div.entry-date, .search div.entry-date {
font-size: 18pt;
}

.archive div.postmain, .single div.postmain, .search div.postmain {
border-left: 145px solid #eee;
}

.archive div.postmain:nth-child(even), .single div.postmain:nth-child(even), .search div.postmain:nth-child(even) {
border-left: 145px solid #dadada;
}

.archive div.justforborder, .single div.justforborder, .search div.justforborder {
border-left: 1px solid #aaa;
padding: 10px;
}

.archive h2.page-title, .search h2.page-title {
margin: 10px;
padding: 10px;
border: 1px solid #aaa;
background-color: rgb(14, 125, 193);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(14, 125, 193)), to(rgb(10, 100, 180)));
	background:-moz-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:-o-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
text-shadow:0 -1px blue;
color: white;
}

div.postmain h3 {
font-size: 14pt;
margin:10px 0 0;
}

div.postmain div.author {
color: #666;
padding: 5px 1em;
font-size: 10pt;
}

div.postmain div.entry-content {
padding: 0 1em;
}

div.postmain div.entry-content p {
text-indent: 1em;
}

div.postmain div.entry-content .wp-caption-text {
text-indent: 0;
}

div.postmain div.entry-content .alignnone {
width: 100% !important;
}

div.postmain div.entry-content img.size-full {
height: auto !important;
width: 100% !important;
}

body.page div.page, body.four04 div.error404 {
background-color:white;
border: 1px solid #aaa;
margin: 10px;
padding: 10px;
}

body.page div.page h2.entry-title, body.four04 div.error404 h2.entry-title {
background-color: rgb(14, 125, 193);
background:-webkit-gradient(linear, left top, left bottom, from(rgb(14, 125, 193)), to(rgb(10, 100, 180)));
	background:-moz-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:-o-linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
	background:linear-gradient(top, rgb(14, 125, 193), rgb(10, 100, 180));
border-bottom: 1px solid #aaa;
color: white;
margin: -10px -10px 0;
padding: 10px;
text-shadow:0 -1px blue;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-moz-box-shadow: 0px 0px 5px #AAA;
-webkit-box-shadow: 0px 0px 5px #AAA;
box-shadow: 0px 0px 5px #AAA;
}

/* SlideShow Styling */

div#slideshow {
margin: 10px 20px 10px 10px;
background-color: white;
border: 1px solid #aaa;
}

div#slideshow div.slide img {
display: none;
}

div#slideshow div#slidebuttons {

width: 250px;
padding: 0;
float: left;
}

div#slideshow div.slide {
padding: 10px;
border: 1px solid #ccc;
margin: 10px;
font-size: 9pt;
color: #444;
cursor: pointer;
background-color: #fafafa;
}

div#slideshow div.current, div#slideshow div.slide:hover {
color: black;
border-color: #aaa;
background-color: white;
}

div#slideshow div.current {
cursor: default;
}

div#slideshow div.slide div.slide-tip {
display:none;
height:0px;
width:1px;
border:10px solid transparent;
border-left-color:#aaa;
margin:0 0 -20px;
position:relative;
left:218px;
top:0px;
}

div#slideshow div.slide div.white-tip {
border-left-color:white;
left:217px;
top:0;
}

div#slideshow div.slide div.slide-title {
font-size: 10pt;
font-weight: bold;
font-family: Omni, sans-serif;
}

div#slideshow div.slide div.slide-excerpt, div#slideshow div.number {
display: none;
font-size: 9pt;
}

div#slideshow div.slide-excerpt {
color: #444;
}

div#slideshow div#slideview {
margin: 10px 10px 10px 0px;
background-color: #aaa;
border: 1px solid #ccc;
padding: 0;
height: 300px;
text-align:center;
overflow: hidden;
-webkit-box-shadow: #666 0px 0px 10px inset !important;
-moz-box-shadow: #666 0px 0px 10px inset !important;
}

div#slideview a {
opacity: 1;
}

div#slideshow div#slideview img {
display: block;
margin: auto;
max-width: 100%;
max-height: 300px;
border: none;
opacity: 1; !important;
-webkit-box-shadow: 0 0 50px #000 !important;
-moz-box-shadow: 0 0 50px #000 !important;
}

div#slideshow a.slide-link {
text-align: right;
display: block;
color: #444;
margin-top: 5px;
}

/* Color category definitions */
div.category-community .catcolor, .category-community h2.page-title {
background-color: rgb(0,129,139);
}

div.category-world .catcolor, .category-world h2.page-title {
background-color: rgb(104,44,145);
}

div.category-sports .catcolor, .category-sports h2.page-title {
background-color: rgb(215,102,39);
}

div.category-arts .catcolor, .category-arts h2.page-title {
background-color: rgb(116,178,100);
}

div.category-features .catcolor, .category-features h2.page-title {
background-color: rgb(128,26,103);
}

div.category-forum .catcolor, .category-forum h2.page-title {
background-color: rgb(0,153,221);
}


div.comments ul {
list-style: none;
padding:0;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

div.comment-h3 {
border: 1px solid #ccc;
margin-top: 30px;
display: inline-block;
padding-right: 10px;
position: relative;
top: 0;
left: -60px;
}

div.comment-h3 img {
float: left;
width: 48px;
height: 36px;
border-right:1px solid #ccc;
}

div.comment-h3 h3 {
margin:0;
margin-left: 58px;
height: 36px;
line-height: 36px;
font-family: Omni, sans-serif;
}

div.commenter {
border: 1px solid #ccc;
display: inline-block;
padding-right: 10px;
position: relative;
top: 0;
left: -60px;
}

img.avatar {
border-right: 1px solid #ccc;
float: left;
}

div.commenter span.fn {
display:block;
height: 24px;
line-height: 24px;
margin-left: 58px;
}

div.comment-meta {
height: 24px;
margin-left: 58px;
}

div.speechtip {
width:1px;
height:1px;
border:10px solid transparent;
border-bottom:10px solid #ccc;
margin: 0;
position: relative;
top:0;
left: 30px;
padding: 0;
}

div.speechtip div {
width:1px;
height:1px;
border:10px solid transparent;
border-bottom:10px solid white;
position: relative;
top:-9px;
left: -10px;
}

div.commenttext {
border: 1px solid #ccc;
padding: 10px;
background: white;
margin-bottom: 1em;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	background:-o-linear-gradient(top, #ffffff, #f3f3f3);
	background:linear-gradient(top, #ffffff, #f3f3f3);
}

span.unapproved {
background-color: lightYellow;
border: 1px solid #ccc;
display: block;
padding: 10px;
}

div.speechbubble {
margin-left: 
}

div.postbox, div.contentbox, div.img, div.sidebar ul.xoxo > li, 
div.sidebar > ul ul, div.sidebar li form, div.sidebar li>div,
 div.page, h2.entry-title, div#slideshow, div.slide,
div#slideview, div.commenter, div.commenttext,
span.unapproved, div.comment-h3, div#catmenu ul li ul, div#catmenu ul li ul li, .archive h2.page-title, .search h2.page-title  {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #AAA;
-webkit-box-shadow: 0px 0px 5px #AAA;
box-shadow: 0px 0px 5px #AAA;
}

div.wp-polls * , div#slideshow *{
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}