/*
Theme Name: Transparent boxes
Theme URI: http://clubparexcellances.ca
Description: This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization.
Version: 1.0
Author: Club Par Excellance
Author URI: http://clubparexcellances.ca
Tags:minimal, simple, clean, white, fixed width, two columns, right sidebar, widget ready
*/

body{background:url(images/bg.jpg) no-repeat 0 0 #fff;background-attachment:fixed;background-position: center center;color:#FFF;font-size:12px;font-family:tahoma;margin:0; padding:0;}
#wrapper{width:916px;margin:25px auto 0px auto;border:solid 2px #000;}
#top{background:url(images/topbg.png) no-repeat;height:30px;width:916px;border-bottom:solid 2px #000;}
#date{float:left;padding-left:20px;padding-top:8px;}
#subscribe{float:right;padding-right:20px;padding-top:8px;}
#subscribe a{color:#FFF;text-decoration:none;}
#subscribe a:hover{text-decoration:underline;}
#header{height:93px;width:916px;background:url(images/headerbg.png) repeat-y;color:#000;border-bottom:solid 2px #000;}
#title{float:left;padding-top:16px;padding-left:20px;}
#title a{color:#000;text-decoration:none;}
#header h1{margin:0px;font-size:30px;}
#header h2{margin:0px;font-size:14px;}
#search{float:right;}
ul.menu{list-style:none;margin:0px;padding:0;background:url(images/menubg.png) repeat-x;width:916px;height:30px;border-bottom:solid 2px #000;}
ul.menu li{float:left;list-style-type:none;margin:0;}
ul.menu li a {float:left;color:#FFF;padding-left:15px;padding-right:15px;line-height:30px;text-decoration:none;}
ul.menu li a:visited {color:#FFF;font-weight:normal;}
ul.menu li a:hover {background:url(images/menubg-hover.png) repeat-x;text-decoration:none;}
ul.menu li a:visited:hover {text-decoration:none;}
ul.submenu{list-style:none;margin:0px;padding:0;background:url(images/submenubg.png);width:915px;height:25px;padding-left:1px;border-bottom:solid 2px #000;}
ul.submenu li{float:left;list-style-type:none;margin:0;}
ul.submenu li a {float:left;color:#FFF;padding-left:14px;padding-right:14px;line-height:23px;text-decoration:none;font-size:12px;text-align:center;}
ul.submenu li a:visited {color:#FFFFFF;font-weight:normal;}
ul.submenu li a:hover {text-decoration:underline;}
ul.submenu li a:visited:hover {text-decoration:underline;}
#maincontent{overflow:hidden;width:876px;background:url(images/maincontent.png) repeat-y;;padding-top:15px;padding-left:20px;padding-bottom:25px;padding-right:20px;color:#464647;}
#content{float:left;width:588px;}
#latestarticle{width:588px;background:#FFF;}

.archivearticle{width:588px;background:#FFF;margin-bottom:10px;}

.archivearticle .posttitle{float:left;}
.archivearticle .postinfo{float:right;font-size:11px;padding-top:1px;font-weight:normal;}
.archivearticle .postinfo a{color:#464647;text-decoration:none;}
.archivearticle .postinfo a:hover{text-decoration:underline;}
.archivearticle .postcontent{padding-left:10px;padding-right:10px;padding-bottom:4px;}

.postcontent a {color:#464647;text-decoration:underline;}

.postcontent p{margin:0; padding:10px 0 0 0;}

#latestarticles{float:left;width:289px;margin-top:10px;background:#FFF;}
#latestarticlescontent{padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
#latestarticlescontent h2, #latestcomments h2, .postcontent h2, .posttitle h2 {font-size:14px;margin:0;}
#latestarticlescontent h2 a, #latestcomments h2 a, .postcontent h2 a, .posttitle h2 a{text-decoration:none;color:#fff;}
#latestarticlescontent h2 a:hover, #latestcomments h2 a:hover, .postcontent h2 a:hover, .posttitle h2 a:hover {text-decoration:underline;}
#latestarticlescontent p{margin-top:2px;}
#latestcomments{float:left;width:289px;margin-top:10px;margin-left:10px;background:#FFF;}
#latestcommentscontent{padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
#latestcommentscontent h2{font-size:14px;margin:0;}
#latestcommentscontent p{margin-top:2px;}
#flickr{float:left;width:588px;margin-top:10px;background:#FFF;}
#flickrcontent{padding-top:10px;padding-left:5px;padding-bottom:5px;}
#flickrcontent img{padding-left:4px;border:0;}
.title{background:#000;height:22.5px;padding-top:4.5px;padding-left:9px;padding-right:9px;font-weight:bold;font-size:14px;border: 2px solid #cacaca;color:#fff;}
#latestarticle .posttitle{float:left;}
#latestarticle .postinfo{float:right;font-size:11px;padding-top:1px;font-weight:normal;}
#latestarticle .postinfo a{color:#464647;text-decoration:none;}
#latestarticle .postinfo a:hover{text-decoration:underline;}
#latestarticle .postcontent{padding-left:10px;padding-right:10px;padding-bottom:4px;}
#sidebar{float:right;width:272px;}
#sponsors{background:#FFF;padding-bottom:8px;overflow:hidden;}
#sponsorscontent{padding-top:3px;padding-left:8px;padding-right:8px;}
#sponsorscontent img{padding-top:5px;border:0;}
.right{float:right;}
.left{float:left;}
.sidebar-item {margin-top:10px;background:#fff;}

.sidebar-item ul {margin:0;padding:8px;list-style-type:none;}
.sidebar-item a{color:#464647;text-decoration:none;}
.sidebar-item a:hover{text-decoration:underline;}

#subfooter{height:15px;background:url(images/subfooter.png) repeat-x;text-align:right;padding: 2px 15px 2px 0px;border-top: solid 2px #000;}
#subfooter a{color:#000;padding-left:10px;padding-right:10px;text-decoration:none;}
#subfooter a:hover{text-decoration:underline;}
#footer{background:url(images/footerbg.png) repeat-x;height:50px;padding-top:13px;padding-left:15px;padding-right:15px;border-top: solid 2px #000;}
#copyright{float:left;}
#copyright a{color:#FFF;text-decoration:none;}
#copyright a:hover{text-decoration:underline;}
#links{float:right;}
#links a{color:#FFF;text-decoration:none;}
#links a:hover{text-decoration:underline;}
.bold{font-weight:bold;}
#search{float:right;padding-top:23px;padding-right:70px;}
#search #field{float:left;background:#000;border:0;height:16px;width:200px;border: solid 2px #787878;padding-top:3px;text-indent:5px;color:#FFF;}
#search #button{float:left;background:#fff;border:0;height:24px;width:35px;border: solid 2px #787878;margin-left:5px;color:#000;}
#search h2{font-size:15px;font-weight:strong;padding-bottom:4px;}

.alignleft {float:left;}
.alignright {float:right;}
.alignleft a, .alignright a {color:#fff;}
.nocomments {text-align:center;}

.postcontent { border: 2px solid #cacaca; border-top:none; }
img.avatar {float:left; padding-right:5px;