/*
Theme Name: Papercircle
Theme http://papercircle.ca 
Description: This theme is for Papercircle.ca 
Version: 1.0
Author: MedoraTeam
Author URI: http://medora.ca
*/

*{padding:0px; margin:0px;}

a {color:#7aa0a1; text-decoration:none;}
a:hover { color:#38797b;}
img{ border:0px;}
p { padding-bottom:10px;}
.clear {clear:both;}
.heighter { width:1px; height:450px; float:right;}

body{font-family:Arial, Helvetica, sans-serif;background:url(images/bg.gif) no-repeat center top;  font-size:12px; line-height:18px; color:#444444;}
body.bg2{font-family:Arial, Helvetica, sans-serif;background:url(images/bg-long.gif) no-repeat center  ;font-size:12px; line-height:18px; color:#444444;}

#allContainer { width:862px; margin:0px auto;}

#coming-soon { margin:0 auto; padding-left:500px;}


#header { width:862px; margin:0 auto; height:175px; position:relative;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

#logo { width:264px; height:128px; position:absolute; right:20px; top:10px;}

#menu-head-bg { width:862px; height:25px; position:absolute;right:0px; top:145px; z-index:99; }


#menu-head { width:862px; height:25px; position:absolute;right:0px; top:150px; z-index:100; float:right;background:url(images/menu-bg-rep.gif) repeat-x;}
#menu-head li { float:left;list-style:none; }
#menu-head li.devider { width:32px;}
#menu-head li a{ color:#7aa0a1; text-decoration:none; line-height:25px; text-transform:uppercase; font-weight:bold;}
#menu-head li a img { padding:8px 5px;}
#menu-head li a:hover { color:#38797b;}

#menu-under { width:319px; height:23px; background:url(images/menu-bg.gif) no-repeat left top; overflow:hidden; position:absolute; top:174px; right:0px;}
#menu-under ul{ list-style:none; float:right; padding-right:55px;}
#menu-under li { float:left; }
#menu-under li.devider { padding:0px 5px;}
#menu-under li a { color:#fff; text-decoration:none; line-height:25px; padding:8px 10px;}
#menu-under li a:hover {color:#daffff;}

body.bg2 #header {height:175px;}
body.bg2 #logo { position:absolute;right:20px;  top:10px; }
body.bg2 #menu-under { position:absolute; top:174px; right:0px; }
body.bg2 #menu-head  { position:absolute;right:0px; top:150px; }

body.store #header {height:150px;}
body.store #logo { position:absolute;right:10px;  top:45px; }
body.store #menu-under { position:absolute; top:0px; right:0px; }
body.store #menu-head  { position:absolute;right:0px; top:125px; }

#menu-left { width:130px; float:left; list-style:none; margin-top:40px; font-weight:bold;}
#menu-left li {}
#menu-left li a {color:#4b8082;  text-decoration:none; line-height:25px; padding:1px 10px; text-transform:uppercase; display:block;}
#menu-left li a:hover { color:#7aa0a1;}


#content { width:821px; float:right; padding:25px 20px 10px 20px;}
#content.home { width:862px; float:none; margin:0 auto; padding:40px 0px 10px 0px;}
#content h1 { font-size:12px; color:#7aa0a1;text-transform:uppercase; padding-top:15px; padding-bottom:10px;}
#content h2 { font-size:12px; color:#7aa0a1;text-transform:uppercase; padding-top:15px; padding-bottom:10px;}
#content h2.loginTitle { font-size:20px; color:#255657; text-transform:capitalize; padding-top:15px; padding-bottom:10px; font-weight:normal;}
#content ul { list-style:none; padding-left:60px; padding-bottom:10px;}
#content ul li { padding-left:15px; background:url(images/bullet.gif) no-repeat left 5px;}
#content .left { width:250px; float:left; padding-left:10px;}
#content .left img { padding-top:15px;}
#content .right { width:525px; float:right; padding-right:5px;}

#content .left2{ width:374px; float:left; padding-left:10px;}
#content .right2{ width:368px; float:left; padding-left:45px;}

#content .left3{ width:374px; float:left; padding-left:10px;}
#content .right3{ width:368px; float:left; padding-left:45px;}

#content.standAlone { width:812px; padding-left:20px; padding-right:30px; text-align:justify;}

#content .journalTitle {font-size:12px; color:#7aa0a1;text-transform:uppercase; padding-top:15px; padding-bottom:5px; float:left; padding-right:10px;}
#content .journalTitle a {color:#7aa0a1; text-decoration:none;}
#content .journalTitle a:hover { color:#267d7f;}
#content .journalDate {font-size:11px; color:#c3c1c1;  padding-top:15px; padding-bottom:5px; float:left;}

#content.gallery { padding-bottom:0px;}
#content.gallery .galItem{ width:265px; float:left; padding:0px 20px 30px 0px;}
#content.gallery .thd  { padding-right:0px;}
#content.gallery .galItem img { width:265px;}
#content.gallery .galItem a {font-size:12px; color:#7aa0a1;text-transform:uppercase; font-weight:bold; padding:5px 10px;}
#content.gallery .galItem a:hover { color:#38797b;}

#contactTable { color:#7aa0a1; padding-top:20px;}
#contactTable td { padding-bottom:15px; vertical-align:top; line-height:25px;}
#contactTable input.contact_txtfield { border:1px solid #799fa1; font-size:12px; padding:5px 6px; width:150px;}
#contactTable #comments { width:442px; height:100px; max-width:442px; max-height:100px; border:1px solid #799fa1;}
#contactTable td.smallDevider { width:10px;}
#contactTable td.bigDevider { width:40px;}
#contactTable #submit { padding:4px 20px; color:#799fa1; border:1px solid #799fa1; background:#a6cccd; font-weight:bold; cursor:pointer;}


.loginTable { width:300px;padding-top:10px;}
.padBot40 { padding-bottom:40px;}
.loginTable td { padding-bottom:10px; vertical-align:top; line-height:25px;}
.loginTable input.txtField { border:1px solid #799fa1; font-size:12px; padding:5px 6px; width:200px;}
.loginTable #comments { width:442px; height:100px; max-width:442px; max-height:100px; border:1px solid #799fa1;}
.loginTable td.smallDevider { width:10px;}
.loginTable td.bigDevider { width:40px;}
.loginTable .submit { padding:4px 20px; color:#255657; border:none; background:#a6cccd; font-weight:bold; cursor:pointer;}
.loginTable .naming { width:80px;}

#homeBig { width:860px; padding:0px 0px 1px 0px;}
#homeSmall1 { width:396px; float:left;}
#homeSmall2 { width:463px; float:left;}

#formstatus { display:none;}

#pagination { background:url(images/menu-bg-rep.gif) repeat-x left top; width:862px; float:right; text-align:right; line-height:25px; height:25px;}
#pagination a {color:#d1d0d0; padding:0px 2px; text-decoration:none; font-weight:bold;}
#pagination span {color:#4b8082; padding:0px 2px; font-weight:bold;}
#pagination a:hover { color:#7aa0a1;}
#pagination .prevNext { padding:0px 20px; color:#4b8082;  text-decoration:none;}
.pages { display:none;}

#popupAbove { display:none;}
#popup { width:452px; padding:50px 45px 40px 45px; position:relative; background:#53463d; color:#fff; }
#popup h1 { font-size:24px; padding:0px; margin-bottom:20px;text-transform:capitalize; font-weight:normal; color:#9cbbbb;}
#popup #ctc { font-style:italic; font-size:14px; width:200px; height:20px; line-height:20px; position:absolute; right:20px; bottom:5px; display:block; text-align:right; color:#f8f8d2;}
#popup #ctc2 { width:13px; height:12px;   position:absolute; top:8px; right:6px;}


#footer { width:862px;margin:0px auto;  padding-bottom:20px;}
#menu-footer { float:left; width:600px; font-size:12px; color:#7aa0a1; list-style:none; line-height:25px; padding-bottom:20px;}
#menu-footer li { float:left;}
#menu-footer li a { color:#7aa0a1; text-decoration:none; padding:0px 5px;}
#menu-footer li a:hover { color:#38797b;}

#medora { float:right; width:200px;color:#7aa0a1; text-align:right; padding-right:10px;}