﻿/*
Theme Name: commonlygrounded
Theme URI: http://www.11worth.com
Description: <strong>Designed for the Common Ground Youth Group.
Version: 1.0
Author: 11worth Design
Author URI: http://www.11worth.com
*/

/* Body */
*{margin:0; padding:0;}
body {
background:#ffffff url(img/bg.gif) top center repeat-y; 
color:#000; 
font:80% Georgia, Verdana,Tahoma,Arial,sans-serif;
}

#wrap {
background:#ffffff; 
color:#000; 
margin:0 auto; 
width:760px;
}

/* Links */
a {background-color:inherit; 
color:#993300; 
font-weight:normal; 
text-decoration:underline;
}

a:hover {
background-color:inherit; 
color:#000080; 
font-weight:normal; 
text-decoration:underline;
}

a img{border:0;}

/* Header */
#header {
margin:10px 0 0;
}

#header h1 {
background-color:inherit; 
color:#990000; 
float:left; 
font-size:2em; 
letter-spacing:-1px; 
margin:0 0 10px; width:350px;
}

#header h1 a {
background-color:inherit; 
color:#990000; 
text-decoration:none;
}

#header p {
background-color:inherit; 
color:#808080; 
float:right; 
font-size:1.1em; 
font-weight:bold; 
line-height:1.3em; 
margin:6px 0 0; 
text-align:right; 
width:400px;
}

#frontphoto {
margin:0 0 15px;
text-align:right;
}

#frontphoto img {
border: 1px solid #000000;
}

/* Sidebars */
#leftside {
clear:left; 
float:left; 
line-height:1.4em; 
margin:0 0 5px; 
width:140px;
}

#extras {
line-height:1.4em; 
margin:0 0 5px; 
width:140px;
}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {
font-size:0.9em; 
margin:0 0 18px;
}

#leftside li, #extras li {
line-height:1.2em; 
list-style:none; 
margin:0 0 6px;
}

#leftside ul ul, #extras ul ul {
margin:6px 0 0 10px;
}

#leftside ul ul li, #extras ul ul li {
margin:0 0 4px;
}

#leftside ul ul li a, #extras ul ul li a {
font-weight:normal;
}

#leftside ul.linklist, #extras ul.linklist {
font-size:1em;
}

#leftside ul.linklist ul, #extras ul.linklist ul {
margin:0 0 18px;
}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a{ 
font-weight:bold;
}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3 {
background-color:inherit; 
color:#505050; 
font-size:1.2em; 
margin:0 0 10px;
}

#leftside label, #extras label {
display:none;
}

/* Main menu */
ul.page {
list-style:none; 
margin:0 0 18px; 
width:140px;
}

ul.page li {
display:inline; 
line-height:1.4em; 
width:140px;
}

ul.page li a {
background-color:#6184a7; 
border-left:4px solid #27436b; 
color:#ffffff; 
float:left; 
font-weight:bold; 
margin-bottom:5px; 
padding:5px 1px 5px 5px; 
text-decoration:none; 
width:130px;
}

ul.page li a:hover, ul.page li.current_page_item a {
background-color:#90b5d2; 
border-left:4px solid #993300; 
color:#505050;
}

ul.page ul {
font-size:0.9em;
margin:0 0 0 15px;
padding:0 0 5px;
width:125px;
}

ul.page ul a {
padding:3px 1px 3px 5px;
width:115px;
}

ul.page ul ul {
width:113px;
}

ul.page ul ul a {
width:100px;
}

/* Content */
#content {
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
line-height:1.6em;
margin:0 150px 5px;
padding:0 10px;
}

#contentwide {border-left:1px solid #f0f0f0;
line-height:1.6em;
margin:0 0 5px 150px;
padding:0 0 0 15px;
}

#content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3 {font-size:1.4em;
margin:0 0 8px;
}

#content img,#contentwide img {border:1px solid #d0d0d0;
float:left;
margin:3px 10px 3px 0;
}

#content ul,#contentwide ul,#content ol,#contentwide ol {
margin:0 0 16px 20px;
}

#content li,#contentwide li {
padding:0 0 0 5px;
}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {
margin:0 0 0 16px;
}

/* Footer */
#footer {
background-color:#ffffff;
border-top:2px solid #e0e0e0;
clear:both;
color:#808080;
font-size:1.1em;
font-weight:normal;
line-height:1.3em;
margin:0 auto;
padding:10px 0;
text-align:center;
width:760px;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
background-color:inherit;
color:#808080;
font-weight:normal;
text-decoration:none;
}

#footer a:hover {
background-color:inherit;
color:#505050;
text-decoration:underline;
}

/* Subpage menu */
#subpages {
border-bottom:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
float:right;
font-weight:bold;
line-height:1.3em;
margin:-5px 0 8px 15px;
padding:0 0 10px 10px;
width:190px;
}

#subpages h2 {
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
line-height:1.3em
margin:0 0 12px;
}

#subpages ul.submenu {
line-height:1.4em;
list-style:none; 
margin:0;
}

#subpages ul.submenu li {
display:inline; 
line-height:1.4em; 
width:180px; 
padding:0;
}

#subpages ul.submenu li a {
background-color:#f4f4f4;
border-left:0px solid #cccccc;
color:#505050;
float:left;
font-weight:bold;
margin-bottom:5px;padding:3px 1px 3px 5px;
text-decoration:none;
width:180px;
}

#subpages ul.submenu li ul {
margin:0 0 5px 10px;
width:170px;
}

#subpages ul.submenu li ul li a {
width:170px;
}

#subpages ul.submenu li ul ul {
margin:0 0 5px 10px;
width:160px;
}

#subpages ul.submenu li ul ul li a {
width:160px;
}

#subpages ul.submenu li ul ul ul {
margin:0 0 5px 10px;
width:150px;
}

#subpages ul.submenu li ul ul ul li a {
width:150px;
}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {
background-color:#ffffcc;
border-left:0px solid #993300;
color:#505050;
}

#subpages ul.submenu li.current_page_item ul li a {
background-color:#f4f4f4;
border-left:0px solid #cccccc;
color:#505050;
}

/* Tags */
p,ul,ol {
margin:0 0 16px;
}

blockquote {
border-left:0px solid #e0e0e0;
margin:20px;
padding:8px 8px 8px 15px;
}

blockquote p {
background-color:inherit;
color:#505050;
font-size:0.9em;
line-height:1.3em;
}

label {
background-color:inherit;
color:#606060;
font-size:0.9em;
font-weight:bold;
}

table#wp-calendar {
margin:0 0 18px
;width:140px;
}

/* Forms */
#s,#submit {
background-color:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
margin:0 0 16px;
padding:4px;
width:130px;
}

#author,#email,#url,#comment {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#commentsection {
margin:25px 0 0;
}

#commentsection p {
margin:0 0 6px;
}

/* Float fix */
.contenttext {
overflow:hidden;
}
* html .contenttext {height:1px;overflow:visible;}
* html .contenttext p {overflow:hidden;width:99%;}

/* Various classes */
.left {
border:1px solid #cccccc;
float:left;
margin:10px 15px 10px 0;
}

.right {
border:1px solid #cccccc;
float:right;
margin:10px 0 5px 10px;
}

.center {
border:1px solid #aaaaaa;
margin:5px auto 12px;
text-align:center;
}

.textright {
text-align:right;
}

.small { 
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}

.post {
margin:0 0 25px;
}
.postinfo {
background-color:#f4f4f4;
border-left:0px solid #cccccc;
color:#606060;
font-size:0.9em;
font-weight:bold;
line-height:1.5em;
margin:1px 0 0px;
padding:8px 5px 8px 8px;
}

.comment {
background-color:#f4f4f4;
border-left:0px solid #cccccc;
color:#606060;
margin:0 0 10px;
padding:8px 5px 0 8px;
}

.comment p.commenthead {
line-height:1.6em;
}

.comment p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 6px;
padding-bottom:5px;
}

.navigation {
display:block;
margin:10px 0;
padding:0 0 15px;
text-align:center;
}

.navigation p {
margin:0;
padding:0;
}

.prevlink {
margin-right:20px;
}

.nextlink {
margin-left:20px;
}
