/*  
Theme Name: Solomon
Theme URI: 
Description: A clean, light template
Version: 1.0
Author: CEG Philadelphia
Author URI: 
*/

/* simple reset: looks small, but gets the job done */
*, html, body {margin: 0; padding: 0;}

body {background: #fff; font-family: 'Titillium Web', sans-serif; font-size: 100%; color: #333; -webkit-font-smoothing: antialiased;}
.clear {clear:both;}
.wrap {margin: 0 auto;}
a {color: #1e5569; text-decoration: underline;}
a:hover {text-decoration:none; color: #598fa3;}
p {margin: 15px 0;}
ul, ol {margin: 20px 0 20px 17px;}
ul li {list-style-type: square; }
::selection, ::-moz-selection {background: #40b3ff; color: #fff;}
img {max-width: 95%;}

/* formatting */
.alignleft a, .alignright a, .aligncenter a {border:0;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}
.aligncenter {margin: 10px auto;}
.wp-caption {border: 1px solid #eee;}
.wp-caption img {margin: 0 auto;}
.wp-caption-text {font-style:italic; color: #999; text-align:center;}

blockquote { margin: 20px 40px; font-style:italic; font-size: 125%; color: #666;}

.thumb {max-width: 50%;}
.thumb img {display:block; margin: 10px auto; }


/* grid */
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 { float: left; margin-left: 30px; }
.g1:first-child, .g2:first-child, .g3:first-child, .g4:first-child, .g5:first-child, .g6:first-child, .g7:first-child, .g8:first-child, .g9:first-child, .g10:first-child, .g11:first-child, .g12:first-child { margin-left: 0px; }
.g1 { width: 54px; }
.g2 { width: 138px; }
.g3 { width: 222px; }
.g4 { width: 306px; }
.g5 { width: 390px; }
.g6 { width: 474px; }
.g7 { width: 558px; }
.g8 { width: 642px; }
.g9 { width: 726px; }
.g10 { width: 810px; }
.g11 { width: 894px; }
.g12 { width: 978px; }

/* head styles */
#head {background: #1e5569; color: #fff; padding: 10px 0; text-transform: uppercase;}
#head .logo {padding: 10px 0;}
#head ul {margin: 0;}
#head img {border: 0;}
#head h1 {font-weight:700;}
#head h1 span {font-weight: 300;}
#head h1 a {color: #fff; text-decoration:none; border:none;}
#head h1 a:hover {color: #fff; border:none;}
#head h2 {font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 85%;}
#head .topnav {float:right; text-align:right; line-height: 2.5;}
#head .topnav li {display:inline; padding: 0 0 0 20px; font-weight:bold;}
#head .topnav a {color: #fff; border-bottom:none; text-decoration:none;font-size: 112.5%;}
#head .topnav a:hover {color: #598fa3;}

/* banner styles */
#banner {background:#edefe4;}
#banner .slew, #banner .girls {background: url(img/slew.jpg) center top no-repeat; height:200px;}
/*#banner .girls {background: url(img/girls.jpg) center top no-repeat; height:200px;}*/

/* content styles */
/*.tagline {margin: 0 0 20px 0; border-bottom: 1px solid #ccc; text-align: left; padding: 20px 0; font-size: 125%; color: #383838;}*/
.tagline {display:none;}
#section {border-top: 1px solid #8f8f8f; background: #fff; min-height: 600px; font-size: 85%; padding: 40px 0 40px 0;}
#section .article {line-height: 1.5;}
#section h2 { font-weight:normal;}
.meta {font-size: 80%; color: #666; font-style: italic;}
#foot h3, .aside h3 {font-size: 85.714285714%; text-transform: uppercase; font-weight:normal; color: #383838; margin: 20px 0; letter-spacing: .2em;}
.aside a {font-family: Arial, Helvetica, sans-serif; font-size: 85.714285714%;}
.aside ul li {list-style-type:none;}
.article + .article {border-top: 1px solid #ccc; padding: 20px 0; margin: 20px 0;}


/* comments */
#comments {border-top: 1px solid #ccc; margin: 20px 0 0 0; padding: 20px 0 0 0;}
ol#commentlist, ol#commentlist li {margin: 0; list-style:none;}
textarea#comment {width: 85%;}

/* search */
#searchform input[type=text] {width: 94%; border: 1px solid #ccc; padding: 7px 8px;}
#searchform input[type=button], #searchform input[type=submit] {display:none;}

/* foot styles */
#foot {background: #fff; color: #eee;}
#foot .wrap {border-top: 1px solid #ccc; padding: 20px 0; font-size: 85%;}
#foot a {text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 85%; border-bottom:none;}
#foot ul li, .aside ul li {color: #999;}
#foot ul {margin: 0;}
#foot ul li {list-style:none;}
#foot ul li a {text-decoration:none;}
.copytext {font-size: 81.25%; color: #383838; border-top: 1px solid #ccc; margin: 20px 0; padding: 20px 0;}
.tagcloud a {text-transform: lowercase!important; margin: 0 10px 0 0; font-weight:Normal!important; letter-spacing: .15em;}

/* calendar styles */
#wp-calendar {width: 100%; color: #666; border-collapse: collapse;}
#wp-calendar caption {color: #555; font-size: 85.714285714%; padding: 5px 0; text-align:left;}
#wp-calendar thead th {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align:center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0;}
#wp-calendar a {text-decoration:none;}
#wp-calendar tbody td {text-align:center; border-bottom: 1px solid #ccc; padding: 5px 0;}

/* responsive */
@media only screen and (min-width:978px) {
	.wrap {width: 978px;}
	} 
	
@media only screen and (max-width:977px) {
	.wrap {width: 95%;}
	iframe {width: 100%!Important;}
	#searchform input[type=text] {width: 75%;}
	.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 { float: left; margin-left: 3.067484662%; }
	.g1  { width: 5.521472392%; }
	.g2  { width: 14.110429447%; }
	.g3  { width: 22.699386503%; }
	.g4  { width: 31.288343558%; }
	.g5  { width: 39.877300613%; }
	.g6  { width: 48.466257668%; }
	.g7  { width: 57.055214723%; }
	.g8  { width: 65.644171779%; }
	.g9  { width: 74.233128834%; }
	.g10 { width: 82.822085889%; }
	.g11 { width: 91.411042944%; }
	.g12 { width: 100%; }
	} 

@media only screen and (max-width:900px) {
	#banner .slew, #banner .girls {background: url(img/slew.jpg) left top no-repeat; height:200px;}
}

@media only screen and (max-width:600px) {
	#banner .slew, #banner .girls {background: url(img/slew.jpg) -100px top no-repeat; height:200px;}

	.alignleft, .alignright {float: none; display:block; margin: 10px auto;}
	.g8 {width: 95%;}
	.thumb {width: 95%;}
	.thumb img {float:none; width: auto; max-width: 100%;}
	.aside {clear:both; float:none; width: 95%; border-top: 2px solid #ccc; padding: 20px 0;}
	#foot .g3 {display:block; width: 95%;}
}