/*
Theme Name: News Theme
Description: Designed for the Vanier College Newsroom
Version: 1.0
Author: Webmaster
Author URI: http://www.vaniercollege.qc.ca
Tags: Vanier, News
*/

/********************
GENERAL SETTINGS
*********************/

html,body,form,ul,ol,li,p,div,a,iframe,h1,h2,h3,h4,h5,h6,blockquote {margin:0;padding:0;}
body {font-family:Arial;font-size:12px;background:#ddd;color:#333;}
img {border:0;}

/********************
TEXT
*********************/

h1 {font-size:24px;color:#666;margin-bottom:20px;}
h2 {font-size:20px;color:#fff;}
h3 {font-size:16px;color:#fff;}
p {font-size:12px;color:#333;}
blockquote{margin: 0px 0px 10px 20px;line-height:15px;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/********************
LINKS
*********************/

a {color: #cc0000;text-decoration: none;outline:none;}
a:hover,a:active {font-family:Arial;color:#cc0000;text-decoration:underline;}

div#top {width:100%;background-color:#fff;}
div#top div#branding {height:60px;background-color:#e31936;border-bottom:1px solid #aa0000;}
div#top div#branding div {height:60px;width:960px;margin:0 auto;}
div#top div#header {width:960px;height:120px;margin:0 auto;border-top:1px solid #fff;}
/*
div#top div#header div {padding:5px;width:280px;background-color:#fff;z-index:5;position:relative;top:-120px;border-right:2px solid #333;border-bottom:2px solid #333;border-top:1px solid #ccc;opacity:0.7;filter:alpha(opacity=70);}
*/
div#top div#header div {text-align:center;padding-top:20px;}
div#top div#header p {color:#333;font-size:14px;text-transform:uppercase;}
div#top div#header h1 {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
div#top div#header h1 a:link, div#top div#header h1 a:visited {font-family:Georgia, "Times New Roman", Times, serif;font-size:50px;color:#333;}
div#top div#header h1 a:hover, div#top div#header h1 a:active {font-family:Georgia, "Times New Roman", Times, serif;font-size:50px;color:#333;text-decoration:underline;}

div#nav {height:30px;width:100%;background-color:#fff;border-bottom:5px solid #cd3333;border-top:1px solid #ddd;}
div#nav div#menu {width:960px;margin:0 auto;}
div#nav div#menu ul {list-style:none;margin:0;padding:0;line-height:20px;}
div#nav div#menu ul li {float:left;padding:0 20px 0 20px;text-transform:uppercase;border-left:1px solid #ddd;}
div#nav div#menu ul li.last {border-right:1px solid #ddd;} 
div#nav div#menu ul a {display: block;line-height:30px;}
div#nav div#menu ul li a:link, div#nav div#menu ul li a:visited {font-family:Arial;font-size:12px;color:#999;text-decoration:none;}
div#nav div#menu ul li a:hover, div#nav div#menu ul li a:active {font-family:Arial;font-size:12px;color:#cc0000;}

div#wrapper {width:960px;margin:0 auto;margin-top:20px;margin-bottom:20px;background-color:#ddd;}
div#content {float:left;width:650px;}


/********************
POST
*********************/

div.post {padding:10px;border:1px solid #ccc;background-color:#fff;margin-bottom:20px;}
div.post h1 {font-size:22px;color:#cc0000;padding:0;margin:0;margin-bottom:10px;}
div.post h2 {padding:0;margin-bottom:10px;font-size:16px;color:#cc0000;}
div.post h2 a:link, div.post h2 a:visited {text-decoration:none;}
div.post h2 a:hover, div.post h2 a:active {text-decoration:underline;}
div.post h3 {font-size:14px;color:#333;margin-bottom:10px;}
div.post p {font-size:12px;color:#666;margin-bottom:20px;}
div.post small {font-size:11px;color:#666;}
div.post div.entry {padding:20px 0px 0px 0px;overflow:auto;}
div.post div.entry p {font-size:13px;color:#333;line-height:20px;}
div.post div.entry p.addtoany_share_save_container {padding-top:50px;clear:both;}
div.post div.entry-preview {padding:20px 0px 0px 0px;overflow:auto;}
div.post div.entry-preview p {font-size:13px;color:#333;line-height:20px;margin-bottom:0;}
div.post p.postmetadata {padding:0;margin:0;padding-top:10px;font-size:11px;color:#666;border-top:1px dashed #ccc;} /* tags */
div.post p.postinfo {padding-top:10px;font-size:11px;color:#666;} /* this entry... */
div.post span.print a:link, div.post span.print a:visited {text-decoration:none;font-weight:bold;color:#999;text-transform:uppercase;}
div.post span.print a:hover, div.post span.print a:active {text-decoration:none;font-weight:bold;color:#cc0000;text-transform:uppercase;}
div.post span.print img {position:relative;top:3px;}
div.post ul {margin-left:15px;}
div.post ul li {padding-bottom:10px;}
div.post ul.listing {margin:0;padding:0;list-style:none;}
div.post ul.listing li {color:#333;font-family:Arial, Helvetica, sans-serif;padding-bottom:5px;}
div.post ul li a {font-size:12px;}

/* PREVIEWS: IMG LEFT, TEXT RIGHT */
div.post-img {float:left;width:175px;text-align:left;}
div.post-img img {width:170px;padding:1px;border:1px solid #ccc;}
div.post-img img.alignright {float:none;margin:0;}
div.post-img img.alignleft {float:none;margin:0;}
div.post-img img.aligncenter {float:none;margin:0;}
div.post-preview {float:right;width:430px;}

img.alignright {float:right;margin:0 0 10px 10px;border:1px solid #ccc;padding:1px;}
img.alignleft {float:left;margin:0 10px 10px 0;border:1px solid #ccc;padding:1px;}
img.aligncenter {display:block;margin-left: auto;margin-right: auto;border:1px solid #ccc;padding:1px;}

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin:0 10px 10px 0;}
.alignright {float: right;margin:0 0 10px 10px;}


/********************
SIDEBAR
*********************/

div#sidebar {float:right;width:270px;}
div#sidebar div.sidebox  {border:1px solid #ccc;background-color:#fff;padding:10px;margin-bottom:20px;}
div#sidebar div.sidebox img {position:relative;top:2px;}
div#sidebar div.sidebox ul {list-style:none;padding:0;margin:0;}
div#sidebar div.sidebox ul li {padding-bottom:5px;font-size:14px;color:#666;}
div#sidebar div.sidebox ul.sidelist {margin:0;padding:0;list-style:none;}
div#sidebar div.sidebox ul.sidelist li {background:url(images/bullet.gif) 0px 5px;text-indent:10px;background-repeat:no-repeat;padding-bottom:5px;font-size:14px;color:#999;}
div#sidebar div.sidebox h3 {font-family:Arial;font-size:18px;color:#333;margin-bottom:20px;}
div#sidebar div.sidebox a:link, div#sidebar div.sidebox a:visited {color:#999;text-decoration:none;font-weight:bold;}
div#sidebar div.sidebox a:hover, div#sidebar div.sidebox a:active {color:#cc0000;text-decoration:underline;}

/********************
FOOTER
*********************/

div#bottom {width:960px;margin:0 auto;border-top:1px solid #ccc;margin-top:30px;padding-top:10px;}
div#bottom div#credits {float:left;width:50%;padding:0;margin:0;}
div#bottom div#links {float:right;width:50%;padding:0;margin:0;}
div#bottom div#credits p {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;padding:0;margin:0;}
div#links {text-align:right;}
div#links ul {list-style:none;margin:0;padding:0;}
div#links ul li {display:inline;padding-right:10px;margin-right:10px;border-right:1px solid #999;}
div#links ul li.last {padding:0;margin:0;border:0;}
div#links a:link, div#links a:visited {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#333;}
div#links a:hover, div#links a:active {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#cc0000;}
/********************
COMMENTS
*********************/

div#comments {margin-top:30px;margin-bottom:50px;}
div#comments h2 {font-family:Arial;font-size:20px;color:#000;text-transform:uppercase;}

ol#commentslist {list-style:none;margin:30px 0px 0px 0px;font-family:arial;font-size:22px;color:#aaa;}
ol#commentslist li {padding:10px;background-color:#333;}
ol#commentslist li img {width:48px;height:48px;float:left;padding-right:20px;padding-bottom:10px;}
ol#commentslist li p {line-height:20px;font-family:Arial;font-size:12px;color:#ccc;}
ol#commentslist li div.comment-author {font-size:12px;color:#999;height:60px;font-weight:bold;}
ol#commentslist li div.comment-author span {font-size:14px;color:#cc0000;font-weight:bold;}

ol#commentslist li.alt {padding:0;margin:0;padding:10px;background-color:#eee;}
ol#commentslist li.alt p {line-height:20px;font-family:Arial;font-size:12px;color:#666;}
ol#commentslist li.alt div.comment-author {font-size:12px;color:#666;height:60px;font-weight:bold;}
ol#commentslist li.alt div.comment-author span {font-size:14px;color:#990000;font-weight:bold;}

/*ol#commentslist li.author {padding:0;margin:0;padding:10px;background-color:#990000;}
ol#commentslist li.author p {line-height:20px;font-family:Arial;font-size:12px;color:#ccc;}
ol#commentslist li.author div.comment-author {font-size:12px;color:#ccc;height:60px;font-weight:bold;}
ol#commentslist li.author div.comment-author span {font-size:14px;color:#fff;font-weight:bold;}
*/


div#comments p.meta {clear:both;margin-top:20px;padding-top:10px;border-top:1px dashed #bbb;color:#666}

form#commentform {}
form#commentform h3 {margin-bottom:20px;font-family:Arial;font-size:18px;color:#666;border-bottom:1px solid #ccc;}
form#commentform label {display:block;padding-bottom:10px;font-family:Arial;font-size:12px;color:#333;}
form#commentform input#author {width:50%;padding:5px;border:1px solid #ccc;font-family:Arial;font-size:12px;color:#333;}
form#commentform input#email {width:50%;padding:5px;border:1px solid #ccc;font-family:Arial;font-size:12px;color:#333;}
form#commentform input#url {width:50%;padding:5px;border:1px solid #ccc;font-family:Arial;font-size:12px;color:#333;}
form#commentform textarea {width:50%;padding:5px;border:1px solid #ccc;font-family:Arial;font-size:12px;color:#333;}
form#commentform small {font-size:11px;color:#666;}
form#commentform #submit {padding:5px;background-color:#690;color:#fff;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:bold;cursor:pointer;border:2px solid #060;}

#searchform #s {padding:2px;border:2px solid #ddd;}
#searchsubmit {display:inline;position:relative;top:4px;}