/* 
Theme Name: SquareMag
Description: Custimised Theme for SquareMag
Version: 1.0.0
Author: Johanna Schoeffert - Lemonfig 
Author URI: http://www.lemonfig.ie
*/



/*

COLOURS:

Dark Grey: #4D4D4D
Light Grey: #f2f2f2
Blue: #26A9E0
Grey-Blue: #727483
*/



/*=THE BIG GUYS
----------------------------------------------- */
* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background:#4D4D4D;
	color:#f2f2f2;
}

/* =TYPOGRAPHY
   ----------------------------------------------------*/

h1.masthead { margin:0px; padding:0px; }
h1.masthead img { position:absolute; top:-300px; }

h1, h2, h3, h4 { font-family: Impact, Charcoal, sans-serif; font-weight:normal;}

h1 { font-size: 1.9em; font-weight:normal; color:#4d4d4d; }

h2 { font-size: 1.6em; margin-top:5px; margin-bottom: 5px; color:#4d4d4d;}
		#homeWelcome h2 { margin:0px; }
		h2 a { text-decoration:none; color:#4d4d4d; }

h3 { font-size: 1.2em; margin: 15px 0 0 0; color:#727483; }
h4 { font-size: 1em; margin: 0 0 0 0; color:black; }
h5 { font-size: 1em; margin: 0; color:#4d4d4d; }

hr { border: none; background: #ccc; height:1px; clear:both; margin:5px 0px;  }

/*=LAYOUT
----------------------------------------------- */
#wrapper { margin: 0 auto;	width: 780px; }
#pageWrapper { background:#323232; clear:both;}

#leftcolumn, #rightcolumn {
	padding: 0px;
	width: 390px;
	min-height:780px;
	height:auto !important;
	height:780px;
	margin: 0px;
}

#leftcolumn { 
	color: #4D4D4D;
	background: #F2F2F2;
	float: left;
}

#rightcolumn { 
	float: right;
	color: #000;
	background: #ffffff;
	display: inline;
	position: relative;
}

#topMenu { padding:0px; text-align:left; width:780px; float:left;}
	#topMenu li { list-style-type:none; text-align:left; display:inline;}
	#topMenu li a { display:block; float:left; font-weight:bold; padding:5px 10px; margin:5px 5px 0px 0px; font-size:90%; text-decoration:none;}
	#topMenu li a:hover, #topMenu li.active a, #topMenu li.current-page-ancestor a { background:#f2f2f2; color:#4d4d4d;}



/* =LEFT COLUMN
   ----------------------------------------------------*/
div#header { height:360px; background:url(images/logo-squaremag.gif) 0% 50% no-repeat; padding:15px;}

#main_nav { height:340px; text-align:right; font-family: Impact, Charcoal, sans-serif; text-transform:lowercase; font-size:1.2em; letter-spacing:.5px; line-height:1.2em;}
	#main_nav li { list-style-type:none; }
		#main_nav li a { color:#4D4D4D; text-decoration:none;}
			#main_nav li a:hover, #main_nav li.current_page_item a, #main_nav li.current-page-ancestor a, #main_nav li.current-menu-item a  { color:#26A9E0; }
	,,
	#main_nav h2 { display:none; }

#header .textwidget { font-size:1em; }

#bottomSquare { background:#323232; height:360px; padding:15px; }
	#bottomSquare li { list-style-type:none; }


/* =RIGHT COLUMN
   ----------------------------------------------------*/

#content {padding:15px;}

#homeWelcome { margin-bottom:5px; }


/*Entry*/

div.lightsocial_container { clear:right; }

.entry { margin-bottom:20px; }

.entry p { margin:5px 0px 10px 0px; }

.entry ul { list-style-type:none; margin-bottom:10px;}
.entry li { padding:3px 0px; }

.entry .lightsocial_container { display:block; width:360px; height:20px; margin:5px 0px;}

.navigation { padding-top:15px; padding-bottom:10px;}

.date-comments { margin-bottom:5px; }

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}

.chalt {
	background-color: #ffffff;
}

#newcomment {
	width:90%;
}

#newcommentsubmit {
	color:red;
}
.adminreplycomment {
	width:99%;
	margin:4px;
	padding:4px;
}

.mvccls{
	color: #999;
}
			


/* Captions & aligment */

a img { border:none; }

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

.alignleft {
	float: left;
	margin-right:10px;
	margin-bottom:10px;
}

.alignright {
	float: right;
	margin-left:10px;
	margin-bottom:10px;
}

.wp-caption {
	text-align: center;
	background-color: #f2f2f2;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 90%;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */



/* Contact Page */

#lemonfig { margin-top:20px; }
	#lemonfig img { margin-right:10px; }
	
	
	


/* =Comment Styles
------------------------------------------------------------------*/
#commentform p {line-height:2em;}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 90%;
	margin:5px 0px;
}

ul.commentlist, ul.commentmeta {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.commentlist li { background: #F2F2F2; padding:10px; margin-bottom:10px;}

ul.commentlist cite { font-style: normal; font-weight: bold; }
	ul.commentlist span.says { display: none; }
	ul.commentlist .comment-author, ul.commentlist .comment-meta { font-variant: small-caps; }
	ul.children { list-style-type: none; }
	
ul.commentlist p { margin-top:10px; }

h2#comments { margin-bottom: 1em; clear: both; }

ul.commentlist .navigation { border: 0; }

ul.commentlist .comment.bypostauthor .vcard img { border: none; }
	ul.commentlist .comment .comment-author.vcard img{ border: none; }



p.nocomments { display:none;}


/*Contact Form*/

form.ddfm { width:auto; }

#wpcf { margin:15px 0px; }

#wpcf label, form.ddfm #ddfmwrap label, .newsletter label {
	display: block;
	float: left;
	width: 60px;
	text-align:right;
	clear:both;
	margin-right:10px;
}

#wpcf input, form.ddfm #ddfmwrap label {
	width: 220px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	border: solid 1px #ccc;
}

.newsletter input {
	padding: 1px;
	margin: 2px 5px 2px 0;
	border: solid 1px #ccc;
}

#wpcf textarea, form.ddfm #ddfmwrap label {
	width: 220px;
	height: 100px;
	padding: 1px;
	margin: 2px 5px 2px 0;
	border: solid 1px #ccc;
}
#wpcf #contactsubmit, form.ddfm #ddfmwrap label, .newsletter #submitBtn {
	margin-left: 70px;
	width: 100px;
}


/* =FOOTER
   ----------------------------------------------------*/

div#FacebookLike { padding:20px 20px 0px 20px; margin-top:30px; }
 
div#footer { clear:both; text-align:center; padding:15px; font-size:0.9em;}
   
   
/* =Link Styles
------------------------------------------------------------------*/

a { color: #26A9E0; }
	a:hover { color:#26D9E0; }
	
	
/* =TOOLS
----------------------------------------------------*/
.spacer {clear:both; position:relative; font-size:0px; height:0px; line-height:0px; } 
.hidden {position:absolute;	left:0px; top:-9999px; width:1px; height:1px; overflow:hidden;}