/*
Theme Name: UGNN
Description: Custom theme for UGNN
Version: 1.0
Author: Stephen Merriman
Author URI: http://www.cre8d-design.com
*/

html {
	overflow-x:hidden;
}

.clear {
	clear: both;
	font-size: 0px;
	height:1%;
	line-height:0;
}
a img {
	border: none;
}
a:link, a:visited {
	text-decoration: underline;
	color:#3F5D72;
}
a:hover, a:active {
	text-decoration: underline;
	color:#A80101;
}
p {margin-top:0;margin-bottom:1.2em;line-height:1.5em; font-size: 16px;}
ul {line-height:1.5em;}

.imglf, .alignleft {
	float:left;display:inline;margin:0 12px 8px 0;
}
.imgrt, .alignright {
	float:right;display:inline;margin:0 0 8px 12px;
}
.aligncenter {display:block;margin:0 auto;}
body,input,textarea,select {font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;}
body {
	text-align: center;
	margin:0;
	color:#333;
	background-color: #000 !important;
	font-size:14px;
}

#body {
	background:#fff;padding-bottom:20px;
	padding-top: 10px;
}

#container {
	max-width:914px;margin:0 auto;text-align:left;
}

.imgrt { float: right; margin-left: 16px; border: none; } 
.imglf { float: left; margin-right: 16px; border: none; } 
.cap { font: 11px/13px Verdana, Arial, sans-serif; color: #999; }


#header .logo {float:left;display:inline;width:79px;margin:12px 8px 12px 0;}
#header .titles {display:inline;width:827px;margin:12px 0; padding: 1px; margin: 20px;}
#header h1 {margin:0;padding:0;color:#fff;font-size:30px;line-height:1em;margin-top:12px;}
#header h1 sub {font-size:10px;color:#979897;vertical-align:baseline;}
#header h2 {margin:0;padding:0;color:#fff;font-size:18px;line-height:1em;}
#header h1 a {text-decoration:none;color:#fff;}

#header  {
    margin-left: 10px;
    margin-right: 10px;
}

#main  
	{
    padding-left: 20px;
    padding-right: 20px;
}


#menu {text-transform:uppercase;font-size:11px;font-weight:bold;}
#menu ul {margin:0 5px;padding:0;list-style:none;}
#menu ul li {margin:0;padding:0;float:left;display:inline;background:url(images/menusep.gif) left center no-repeat;margin-left:-1px;}
#menu ul li.first {background:none;}
#menu ul li a {color:#fff;padding:2px 10px 2px 11px;position:relative;display:block;text-decoration:none;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li.selected a {
	background:#fff;color:#e10003;text-decoration:none;
}
#menu ul li.rss {float:right;background:none;}
#menu ul li.rss a {padding-left:0;padding-right:0;}
#menu ul li.rss a:hover, #menu ul li.rss a:active {background:none;}
.post {
	border-top:1px solid #999;margin-bottom:15px;padding-top:5px;
}
.postfirst {border-top:none;padding-top:0;}
.post h3.title {
	margin:0 0 15px 0;font-size:20px;color:#334b5b;font-weight:normal;
}
.post h3.title a {text-decoration:none;}
.post h3.title a:hover, .post h3.title a:active {text-decoration:underline;}
.post .postmeta {font-size:10px;text-align:right;color:#666;margin-top:-0.5em;}
.single .postmeta {margin-top:0;}
.postmeta .metaleft {float:left;display:inline;width:230px;text-align:left;}
.postmeta .metaright {float:right;display:inline;width:350px;margin-left:20px;}

.post .content a.more-link {font-size:12px;}

.post .content ul {list-style:none;padding:0;}
.post .content ul li {background:url(../images/bullet.gif) left 0.5em no-repeat;margin:0 0 2px 25px;padding-left:15px;}

.sidebar .ad {
	margin-bottom:16px;
}
.sidebar .ad120 {width:120px;margin:0 auto 16px auto;}
.sidebar .section {
	margin-bottom:16px;background:#e3e3e3;font-size:10px;
}
.sidebar .section .seccontent {
	padding:5px 10px;
}
.sidebar .section h4.sectitle {
	margin:0;padding:0;background:#b60003;color:#fff;text-transform:uppercase;font-size:11px;padding:3px 5px;
}
.sidebar .section ul {margin:0;padding:0;list-style:none;}

.section .search {margin-top:10px;}
.section .search form {margin:0;padding:0;}
.section .search form p {margin:0;}
.section .search form input#s {width:100px;}
.section .search form input {font-size:10px;}

.navigation {font-size:12px;border-top:1px solid #999;padding-top:20px;margin-bottom:15px;}
.navigation .navleft {float:left;display:inline;width:45%;}
.navigation .navright {float:right;display:inline;width:45%;text-align:right;}
.comnav {border:none;padding:0;}

.post h2 {font-size:20px;margin:20px 0 10px 0;color:#334b5b;}
.post h3 {font-size:17px;margin:20px 0 10px 0;font-weight:bold;}
.post h4 {font-size:14px;margin:20px 0 10px 0;font-weight:bold;}

#respond {background:#e3e3e3;margin-bottom:15px;}
#commentform {padding:5px 10px 1px 10px;margin:0;}
#respond h3 {
	margin:0 0 5px 0;background:#b60003;color:#fff;text-transform:uppercase;font-size:11px;padding:3px 5px;
}
#respond input {font-size:12px;}
#respond input.text {width:200px;}
#respond textarea {width:500px;font-size:12px;}

h3#comments {background:#000;text-transform:uppercase;color:#fff;font-size:11px;padding:3px 5px;}

#commentform, #commentform label small {font-size:12px;}
ul.commentlist {margin:0;padding:0;list-style:none;}
ul.commentlist li {margin:0;padding:0;}
.comment {font-size:12px;margin:5px 0;}
.comment div.avatar {float:left;display:inline;width:48px;margin-right:10px;margin-bottom:14px;}
.comment .comright {float:right;display:inline;width:542px;}
.comment .commeta {margin-bottom:8px;background:#e3e3e3;padding:3px 5px;}

.metaleft a.tt img {vertical-align:middle;}
.navtop {border:none;padding:0;margin:0 0 15px 0;border-bottom:1px solid #999;padding-bottom:10px;}
h2.browsing {background:#e3e3e3;font-size:11px;text-transform:uppercase;padding:3px 5px;margin:0 0 15px 0;}

.wp-caption-text, .cap {font-size:12px;margin-top:2px;color:#666;}

#footer {margin:0 16px;font-size:10px;margin-top:20px;}
#footer p {margin:0;}

blockquote {font-style:italic;line-height:1.5em;}



@media only screen and (max-width: 400px) {
	 #header .titles  {margin-top: -10px !important;}
    
}

@media only screen and (max-width: 700px) {
	 #header .titles  {margin-left: 10px !important;}
     #header .titles  h1{font-size: 17px !important;}
	 #header .titles  h2{font-size: 15px !important;}
     #header .logo {width: 70px !important; margin-left: 20px !important;}
}