/*   
Theme Name: YM Theme
Description: A WordPress theme developed specifically for the St. Richard Youth Ministry Sites.
Author: GSquared Entertainment
Author URI: http://gsquaredfilms.wordpress.com/
Version: 1.0
Tags: 
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/


/*       ###############################
         BASIC TAGS
         ############################### */

* {margin: 0; padding: 0;}
body {background: url(img/background.png); font: 10px Verdana; color: #333; margin: 20px 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0 0 0;}
p {margin: 0px 0px 20px 0px; text-align:justify}
a {outline: none; text-decoration: none; color: #215c97;}
a img {border: none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#page {width: 900px; margin: 0 auto;}

div#header {width: 900px; height: 130px; background: url(img/header.png) no-repeat;}

div#description {padding: 30px 0px 0 50px;}

div#nav {width: 850px; height: 35px; padding: 0 25px; background:url(img/nav.png) no-repeat;}
div#content {clear: both; background: url(img/content_bg.png) repeat-y; width: 900px; padding: 0 0px;}

div#login {position: absolute; top: 0px; right: 4px; background:url(img/lock.png) bottom no-repeat; height: 42px; text-align:center}

div#sidebar {float: right; width: 250px; margin: 20px 0 0 0;}
div#sidebar_random {margin: 30px 0 0 0;}
div#sidebar_random img {max-width: 200px;}

div#text {float: left; width: 585px; margin: 25px 0px 0 20px; padding: 0px 15px 0 20px;}

div.post {margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
div.post-single {margin: 0 0 20px 0;}

div.post_left {float: left; width: 580px; padding: 0 15px 0 10px;}

div.cat_icon {float: left; width: 32px; height: 30px; padding: 2px 0 0 0; margin: 0 10px 0px 0;}

div.post_right {float: right; width: 250px; padding: 0 0 0 20px;}
div.post_right img {max-width: 180px;}

div.single_content {clear: both; margin: 0 0 10px 0;}

div.bookmarks {text-align: right; float: right;}

div#tag_cloud {clear: both; text-align: center; padding: 20px 0;}

div#appendix {position: relative; background: url(img/content_bg.png) repeat-y; width: 900px; padding: 20px 0 0 0px; text-align: center;}

div#totop {position: absolute; top: 30px; left: 30px;}

div#footer {width: 900px; height: 60px; background: url(img/footer.png) no-repeat;}





/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul {float: left; list-style: none;}

div#nav li {float: left;}
div#nav li a {display: block; margin: 0; padding: 10px 16px; color: #f5f5f5; text-decoration: none; border-right: 1px solid #2f2f2f; font: bold 11px Verdana, sans-serif;}
div#nav li a:hover {background: #004052;}
div#nav li.current_page_item a {background: #2f2f2f;}

/* 		#####  SUCKER FISH NAVIGATION CSS   #####    */
#suckerfishnav {width: 850px; height: 35px; padding: 0 25px; font-size: 1.2em;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:40px;padding:0;margin:0;width: 850px;}
#suckerfishnav a {display:block;color:#dddddd;text-decoration:none;padding:0px 10px;}
#suckerfishnav li {float: left;margin: 0; padding: 0;border-right: 0px solid #555; /*--Divider for each parent level links--*/}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:151px;font-weight:normal;margin:0;}
#suckerfishnav li li {width:auto;font-weight:bold;font-family:verdana,sans-serif;}
#suckerfishnav li li a {padding: 4px 10px;width: auto;font-size:12px;color:#dddddd;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background:#004052;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#dddddd;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#dddddd;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {float: center;padding: 5px 0;position: absolute; left: auto; display: none; 
/*--Hide by default--*/
width: auto;background: url(img/nav.png); background-position:center;
color: #fff;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#004052;}


/*       ###############################
         WIDGETS
         ############################### */

div#sidebar h4 {font: bold 130% Georgia, Verdana, sans-serif; margin: 15px 0 5px 0;}

div#widget {margin: 0; padding: 0; font-size: 100%;}
div#sidebar a {display: block; padding: 7px 0px; color: #8a8a8a; font: normal 120% Verdana, sans-serif;}

div#sidebar ul {width: 220px; list-style: none; padding: 0 0 0 10px;}
div#sidebar ul ul {width: 200px; list-style: none; padding: 0 0 0 5px;}

div#sidebar li {border-bottom: 1px dotted #eee; padding: 0 0 0 5px;}
div#sidebar li:hover {border-bottom: 1px dotted #ccc; background: #eee;}
div#sidebar li a:hover {color: #215c97;}

div#sidebar ul ul li {border: none; background: none;}
div#sidebar ul ul li:hover {border: none; background: none;}

div#recent-comments {width: 200px;}

p#font-resize a {display: inline; font: 180% bold Verdana, sans-serif; padding: 0px 5px;}

/*calendar*/
table#wp-calendar {margin: 0 0 10px 0; border-collapse: collapse; text-align: center; font-size: 140%;}
table#wp-calendar a {font: normal 140% Verdana; color: #215c97; border: 1px solid #215c97;}
table#wp-calendar caption {padding: 0 0 5px 0;}
table#wp-calendar th {font: bold 140% Verdana;}
table#wp-calendar th, td {width: 30px; height: 30px;}


/*       ###############################
         HOME PAGE
         ############################### */
		 
div#lifeteen {background:#fff; margin: 0 15px 5px 22px; padding: 9px; width: 240px; height: auto; float:left; border:#333 groove; font:  90% Georgia, Verdana, sans-serif;}
div#edge {background:#fff; margin: 0 15px 5px 5px; padding:  9px; width: 240px; height: auto; float:left; border:#333 groove; font:  90% Georgia, Verdana, sans-serif;}
div#core {background:#fff; margin: 0px 5px 0 22px; padding:  9px; width: 525px; height:auto; float:left; border:#333 groove; font:  90% Georgia, Verdana, sans-serif;}
div#main {background:#fff; margin: 20px 5px 25px 22px; padding:  9px; width: 525px;  height:auto; float:left; border:#333 groove}
div#home_title_l {background:#2d2d2d; margin: 0 15px 0px 22px; padding:  4px; width: 250px; height:10px; float:left; border:#333 groove; border-bottom: 0px; font: bold 90% Georgia, Verdana, sans-serif; color: #DDD}
div#home_title_r {background:#2d2d2d; margin: 0 15px 0px 5px; padding:  4px; width: 250px; height:10px; float:left; border:#333 groove; border-bottom: 0px; font: bold 90% Georgia, Verdana, sans-serif; color: #DDD}
div#home_title2 {background:#2d2d2d; margin: 2px 5px 0px 22px; padding:  4px; width: 535px; height:10px; float:left; border:#333 groove; border-bottom: 0px; font: bold 90% Georgia, Verdana, sans-serif; color:#DDD}
div#main_text {float: left; width: 585px; margin: 0px 0px 0 22px; padding: 0 15px 0 20px;}

div#main_text a {color: #215c97;}
div#main_text a:hover {color: #dc143c; text-decoration: underline;}
div#main_text {font-size: 120%;}

div#description h1 a {color: #fff; font: bold 280% Georgia;}
div#description p {color: #eee; padding: 3px 0; font: normal 180% Verdana;}

div#main_text h1 {font: bold 200% Georgia, Verdana, sans-serif; margin: 0 0 10px 0;}
div#main_text h1 a {color: #333;}
div#main_text h1 a:hover {color: #dc143c; text-decoration: none;}
div#main_text h2 {font: bold 160% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 10px 0;}
div#main_text h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% Verdana; color: #215c97;}
div#main_text h3 {font: bold 120% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 5px 0;}

div#main_text ul, ol {margin: 0 0 20px 20px;}



/*       ###############################
         TEXT
         ############################### */
		 
div#login a {color:#CCC;}
div#login a:hover {color:#09F;}
		 
div#text a {color: #215c97;}
div#text a:hover {color: #dc143c; text-decoration: underline;}
div#text {font-size: 120%;}

div#description h1 a {color: #fff; font: bold 280% Georgia;}
div#description p {color: #eee; padding: 3px 0; font: normal 180% Verdana;}

div#text h1 {font: bold 200% Georgia, Verdana, sans-serif; margin: 0 0 10px 0;}
div#text h1 a {color: #333;}
div#text h1 a:hover {color: #dc143c; text-decoration: none;}
div#text h2 {font: bold 160% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 10px 0;}
div#text h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% Verdana; color: #215c97;}
div#text h3 {font: bold 120% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 5px 0;}

div#text ul, ol {margin: 0 0 20px 20px;}

p#next-posts {text-align: left; font: normal 140% Verdana;}

div.date {font: normal 9px Georgia; text-align: center; color: #fff;}
p.date-month {margin: 2px 0 0 0; color: #666; font: normal 14px Georgia; text-align:center}

p.post_info {font-size: 90%; margin: 10px 0px 5px 0px;}

img.post_icon_1 {position: relative; top: 4px; right: 1px; margin: 0 3px 0 0;}
img.post_icon {position: relative; top: 4px; right: 1px; margin: 0 3px 0 12px;}

div#tag_cloud a {color: #215c97;}
div#tag_cloud a:hover {color: #dc143c; text-decoration: underline;}

p.footer_info {margin: 5px 0 0 0; color: #666; font: normal 110% Verdana, san-serif; text-align:center}

div#totop a {color: #215c97; font: bold 140% Verdana; padding: 30px;}
div#totop a:hover {color: #dc143c;}

code {font: normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {width: 575px; margin: 0 0 20px 0; padding: 20px; background: #f7f7f7; border: 1px solid #ccc;}
div.comment p {margin: 0px;}
div.comment-details {float: left; width: 100px; font-size: 10px;}
div.comment-text {float: right; width: 455px;}

h2#comment-header {margin: 40px 0 10px 0 !important;}
h2#respond {margin: 10px 0 10px 0 !important;}
h3#no-comments {font: bold 120% Verdana !important; color: #215c97 !important; margin: 0 !important;}

/*        ##################################
           FORMS
          ################################## */

label {display: block; margin: 0 0 5px 0;}
.text {width: 350px; margin: 0 0 10px 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
textarea {width: 450px; height: 150px; margin: 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
.submit {width: auto; padding: 5px; margin: 5px 0; color: #fff; background: #666; border: 1px solid #333;}

/*        ##################################
           SEARCHFORM
      	  ################################## */

input#search {width: 200px; padding: 3px; background: #FFF url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
#search-submit {width: 24px; padding: 3px; text-align:right; color:#fff; background: #333; border: none;}

/*        ##################################
           WORDPRESS CSS
          ################################## */

img.alignright {float:right; margin: 0 0 30px 30px;}
img.alignleft {float:left; margin: 0 50px 30px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin: 0 0 30px 30px;}
a img.alignleft {float:left; margin: 0 50px 30px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

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

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 110%; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}