/*  
Theme Name: CPSI
Theme URI: http://www.cpsi.ie
Description: Theme for CPSI website.
Version: 1.0
Author: Colin Brosnan
Author URI: http://www.brosnanphotographic.com/

*/

/* -------------------------------------------------------------- 
     * This part resets all css.
  -------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {line-height: 1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
     * Body styling here.
-------------------------------------------------------------- */

body{font-family: Arial, Helvetica, Tahoma, Sans-serif; margin: 10px 0 0 0;}
a:link, a:visited{text-decoration: none; color: #a7c96f;}
#wrapper{margin: 0 auto 0 auto; width: 950px; text-align: left;}

/* -------------------------------------------------------------- 
   * Header content here.   
-------------------------------------------------------------- */

#header{float: left; width: 950px;}
#headerimage{clear: both; width: 950px; height: 100px; margin: 0 0 10px 0;}
h1{font-size: 1.8em; font-weight: bold; background: #000000; padding: 0 0 2px 5px;}
h1 a:link, h1 a:visited{text-decoration: none; color: #fff;}
.sitetitle{width: 470px; margin: 0 0 10px 0; background: #000000;}
.mainnav {width: 470px; margin: 0 0 10px 0; background: #a7c96f; font-size: 1em; font-weight: bold; color: #000000;}
#mnav {color: #000; background-color: #a7c96fs; font-size: 1em; font-weight: bold; padding: 0 0 2px 5px;}
#mnav ul {margin-left: 0; padding-left: 0;	display: inline; border: none;} 
#mnav ul li {margin-left: 0; padding: 0 5px 0 2px; border: none; list-style: none; display: inline;}
#mnav ul li a:link, #mnav ul li a:visited {padding: 0 20px 0 0; text-decoration: none; color: #000;}

.sportnav {width: 950px; height: 30px; margin: 0 0 0px 0; background: #000; font-size: 1em; font-weight: bold; color: #fff;}
#snav {color: #000; background-color: #a7c96fs; font-size: 1em; font-weight: bold; padding: 2px 0 2px 5px;}
#snav ul {margin-left: 0; padding-left: 0;	display: inline; border: none;} 
#snav ul li {margin-left: 0; padding-left: 2px; border: none; list-style: none; display: inline;}
#snav ul li a:link, #snav ul li a:visited {padding: 0 20px 0 0; text-decoration: none; color: #fff;}

.breadcrumb {font-size: 0.75em; font-weight: bold; margin: 10px 0 10px 0;}
.breadcrumb a:link {font-size: 1em; font-weight: bold; color: #000;}
.breadcrumb a:visited{font-size: 1em; font-weight: bold; color: #000;}

.logo{float:left; width: 470px;}
#headleft{float: left; width: 470px;}
#headright{float: left; width: 470px; text-align: right;}


/* -------------------------------------------------------------- 
     * Container styling here.
-------------------------------------------------------------- */

#container{float: left; width: 630px;}
#container2{float: left; width: 470px;}
.post{padding: 0px 0 10px 0;}
.post h2 {clear: both; font-family: Arial, Helvetica, Tahoma, Sans-serif; font-size: 1.4em; font-weight: bold; line-height: 1.1;}
.post h2 a:link, .post h2 a:visited {text-decoration: none; color: #000;}
p.postmetadata{margin: 0px 0 0 0;}
span.postdate{color: #a7c96f; font-weight: bold; font-size: .8em;}
span.postcategory{color: #a7c96f; font-size: .8em;}
span.nobreak {white-space: nowrap;}
.postread {margin: 5px 0 20px 0; float: left; width: 150px; line-height: .8em; color: #a7c96f; font-weight: bold; font-size: .8em; background-image: url(images/sprites/rightarrow.jpg); }
.postcomments {margin: 5px 0 20px 0; float: left; width: 150px; line-height: .8em; color: #a7c96f; font-weight: bold; font-size: .8em; background-image: url(images/sprites/comment.jpg); visibility: hidden;}

/* -------------------------------------------------------------- 
   * Sidebar styling here.
-------------------------------------------------------------- */

.sidebar{float: left; width: 309px; border-left: 1px solid #000; background: #fff; margin: 0 0 0 10px; display: inline;}
.sidebar a:link, .sidebar a:visited{text-decoration: none; color: #000;}
.sidebar ul{list-style-type: none; margin: 0; padding: 0 10px 0 10px;}
.sidebar ul li{padding: 0px 0 0px 0;}
.sidebar ul li h2{font-family: Arial, Helvetica, Tahoma, Sans-serif; font-size: 1.2em;}
.sidebar ul ul li{padding: 0; font-size: .8em; border-bottom: 1px dotted #a7c96f;}

.sidebar2{float: left; width: 469px; border-left: 1px solid #000; background: #fff; margin: 0 0 0 10px; display: inline;}
.sidebar2 a:link, .sidebar2 a:visited{text-decoration: none; color: #000;}
.sidebar2 ul{list-style-type: none; margin: 0; padding: 0 10px 0 10px;}
.sidebar2 ul li{padding: 10px 0 10px 0;}
.sidebar2 ul li h2{font-family: Arial, Helvetica, Tahoma, Sans-serif; font-size: 1.2em;}
.sidebar2 ul ul li{padding: 0; font-size: .8em;}
.readmore {margin: 5px 0 20px 20px; float: left; width: 420px; line-height: .8em; color: #a7c96f; font-weight: bold; font-size: .8em; background-image: url(images/sprites/rightarrow.jpg); background-repeat: no-repeat;}
.readmore a:visited, .readmore a:link {color: #a7c96f;}
.sidebar2 h2 {padding: 0px 0 5px 20px; font-family: Arial, Helvetica, Tahoma, Sans-serif; color: #a7c96f; font-size: 1.2em; font-weight: bold; line-height: 1.1;}
.sidebar2 p{padding: 0px 0 0 20px; font-size: .8em; line-height: 1.5;}


/* -------------------------------------------------------------- 
   * Footer styling here.
-------------------------------------------------------------- */

#footer{clear: both; float: left; width: 950px; margin: 10px 0 0px 0; background: #000;}
.footmain {float: left; width: 470px;}
.footmain p {padding: 10px 0 0px 5px; font-size: .7em; color: #fff; line-height: 1.3;}
.foot1 {float: left; width: 180px; display: inline;}
.foot1 p {padding: 5px 0 5px 10px; font-size: .7em; color: #fff; line-height: 1.3; text-align: left;}
.foot2 {float: left; width: 140px; display: inline;}
.foot2 p {padding: 5px 0 10px 0; font-size: .7em; color: #fff; line-height: 1.3; text-align: left;}
#footerbottom {clear: both; float: left; width: 950px; margin: 10px 0 0px 0; background: #a7c96f;}
.fb p {padding: 5px 0 10px 10px; font-size: .7em; color: #000; line-height: 1.3; text-align: left;}

/* -------------------------------------------------------------- 
     *  styling here. 
-------------------------------------------------------------- */

p{padding: 0px 0 0 0; font-size: .9em;}
.navigation{clear: both; padding: 10px 0 0 0; line-height: 1.5; border-top: 1px dotted #a7c96f;}
.next{font-size: .8em; font-weight: bold;}
.previous{font-size: .8em; font-weight: bold;}



/* -------------------------------------------------------------- 
   * Comments section styling here.
-------------------------------------------------------------- */

.comments-template{margin: 10px 0 0; border-top: 1px solid #ccc; padding: 10px 0 0; visibility: collapse;}
.comments-template ol{margin: 0; padding: 0 0 15px; list-style: none; visibility: collapse;}
.comments-template ol li{margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc; visibility: collapse;}
.comments-template h2, .comments-template h3{font-family: Georgia, Sans-serif; font-size: 16px; visibility: collapse;}
.commentmetadata{font-size: 12px; visibility: collapse;}
.comments-template p.nocomments{padding: 0; visibility: collapse;}
.comments-template textarea{font-family: Arial, Helvetica, Georgia, Sans-serif;	font-size: 12px; visibility: collapse;}

/* -------------------------------------------------------------- 
   ie.css
   Contains every hack for Internet Explorer
-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }

/* Fixes IE margin bugs */
* html .column { overflow-x: hidden; }


/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:-18px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }