@charset "utf-8";

/*
Theme Name:     Union Jack Creative Blog Theme v4
Theme URI:     
Description:    Theme for the Union Jack Creative Blog v4
Author:         Jack Romano
Author URI:     http://unionjackcreative.com
Version:        4.0
*/


* {margin: 0;}
html{height: 100%; width:100%; }
body{height: 100%; padding:0px; margin: 0px; text-align: center; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: #404142;}

h1{font-size: 4em; font-weight:lighter; text-align:left;}

h2{font-size:1.7em; font-weight: bold; color: #9d80b4;}

p{line-height: 1.4em; padding-bottom: 2em;}

a{text-decoration: none; color: #404142;}

a:hover{text-decoration: underline;}

/*Wrapper to center content */
#wrapper {text-align: left; position: relative; width: 640px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px;}

/*PUSH - helper to keep the footer stuck to the bottom */
#push {height: 60px;}

/*Top bar */
#topbar{z-index: 100; position:fixed; left: 0px; top: 0px; width:100%; height: 15px; background: url("images/topbar.png") black repeat-x top; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/*Logo box */
#logo{padding-bottom: 2em; padding-top: 20px;}

/*Main content  */
#contentbox{background: url("images/boxbg.png") repeat; border: 1px solid #dbdbdb; margin-top: 3em; padding:1em; text-align: justify;}

/*Navigation Menu*/
#mainnav{}

#mainnav ul{padding: 0px; margin:0px;}

#mainnav li{display: inline; height: 57px; width:160px; margin:0px; padding:0px;}

#mainnav a{display: block; float: left; background: url("images/navbuttons.png") no-repeat; background-position: top; width:160px; height:57px; text-decoration: none; font-size: 1.7em; font-weight:bold; color: white; text-align:center;}

#mainnav a:hover, #mainnav a.current{background-position: bottom !important;}

/*Blog Menu*/

#blogmenu{position: absolute; top: 231px; margin-left: 640px; background: url("images/boxbg.png") repeat; border: 1px solid #dbdbdb; width: 180px; padding:1em; text-align:left;}

#blogmenu ul{padding: 0px; margin:0px;}

#blogmenu li{
	list-style:none;
	padding-bottom: 0.3em
}

.sidebar-post-date{
	font-size: 0.6em;
	font-weight: bold;
}
.sidebar-post-date-new{
	color: red;
	font-size: 0.6em;
	font-weight: bold;	
}


/*Footer*/

#footer{background: url("images/mainbg.png") black repeat-x top; height: 400px; width: 100%; margin: 0px; text-align: center !important;}

.footermenu{width: 640px;display: block;position: relative; margin: 0 auto;	padding-top:90px; text-align: left;}

.footermenu ul{padding:0px; text-align: left;}

.footermenu li.main{float: left; list-style: none; width: 160px;}

.footermenu li.recent{width:320px !important;}

.footermenu h2{padding-bottom: 1em;}

.footermenu a, .footermenu li{color: #c6c6c6;}


/*************/
/*    BLOG    /
/*************/

.post-meta{
	background-color: white;
	height: auto;
	margin: 0.5em;
}

.post-info, .post-meta ul{
	margin: 0;
	padding:0;
}

.post-info li, .post-meta li{
	display: inline;
	padding:0 1em 0 0;
	font-size: 0.8em;
}

.post-comment{
	float: right;
	background: url("images/add-comment-icon.png") no-repeat left;
	padding-left: 22px !important;
}

.post-tag{
	background: url("images/tags-icon.png") no-repeat left;
	padding-left: 22px !important;
}

.navigation{height:2em;}

.alignleft{float:left;}

.alignright{float:right;}

/*added to accommodate images inserted into old theme */
.post .post-content img{max-width:600px;height:auto; border: 2px solid #404142;}

.post-content a, .entry a {
    color: #7F4F9F;
}

/*Social Media Widgets*/

.social-buttons > div {float: left; padding:0.3em;}

.social-buttons {
	width: 100%;
	height: 40px;
	clear: both;
	display: block;
	overflow: hidden;
}

/*Portfolio Menu*/

#menu-project-categories {
	 display: block;
	 margin: 0px 0px 1em 0px;
	 padding: 0px;
	 text-align: center;
	 width: 100%;
}

#menu-project-categories li {
	 display: inline;
	 list-style-type: none;
	 margin: 0px;
	 padding: 0pt 30px;
}

#menu-project-categories li a {
	 font-size: 1.4em;
	 margin: 0px;
	 padding: 0px;
}	

#menu-project-categories li.current-menu-item a, li.current-page-ancestor a {
	 color: #7F4F9F;
	 font-weight: bold;
}


#portfolio-slider_container {
	border: 1px solid #A9A9A9;
	padding: 4px;
	width: 580px;
	padding: 4px;
	margin: 1em auto 2em auto;
}
#portfolio-slider {
	margin: 0;
	padding: 0;
}


/*Overrides for gallery */
.ngg-gallery-thumbnail img {
	margin: 4px 0 4px 6px !important;
}
.nivo-controlNav {
	margin-top: 2em !important;
	text-align: left !important;
	bottom: -2.5em !important;
	left:  0px;
}
.nivo-control {
	background-color: white;
	border: 1px solid #A9A9A9 !important;
	margin: 0px 1em 0px 0px !important;
	padding: 3px 5px;
}
.ngg-singlepic {
	border:  1px solid #a9a9a9;
}