/*  
Theme Name: Paragrams
Theme URI: http://www.wpshower.com
Version: 1.16
Description: Designed by <a href="http://www.wpshower.com">WPSHOWER</a>
Author: WPSHOWER
Author URI: http://www.wpshower.com
Copyright: (c) 2010 WPSHOWER
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/

a:link, a:visited {	color:#414042;	text-decoration:none;}
a:hover {	text-decoration:none;}
blockquote {	font-style:italic !important;	margin-left:70px !important;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align:middle;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#FCFF79;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#FCFF79;}
tfoot {font-style:italic;}
td#next {text-align:right;}
caption {background:none repeat scroll 0 0 #EEEEEE;}
th, td, caption {padding:4px 10px 4px 5px;}
caption, th, td {font-weight:strong;text-align:left;}

body {
	background-color: #FBFBF6;
	background-image: url(../assets/grid-6.png);
	background-position: center bottom;
	background-repeat: repeat-y;
	color: #414042;
	padding: 10px;
}
#outer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	font-size: 16px;
	color: #414042;
	padding: 0px;
	float: left;
	display: block;
	position: relative;
	margin: 0px;
	width:50%;	
	display:inline;	
}
.menu a{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	font-size: 16px;
	background-color: #414042;
	color: #FBFBF6;
	display: block;
	padding: 5px;
	margin-right:5px;
	margin-bottom: 48px;
}
.footer {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 50px;
	margin-left: 0px;
	margin-right:20px;
	height: 5px;
	width:100%;
	display:inline;
	float: left;
	position: relative;
}
#header {
	padding: 0;
	display: flex;
}
#logo {
	width: 100%;
	display: block;
	float: left;
	color: #414042 !important;
	font-size:32px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
}
#logo a{
	color: #414042 !important;
}
p.h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}
p.h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.02em;
	text-align: left;
	margin: 0px;
}

/* SEARCH FORM
----------------------------------------------------------------------------------------------------*/

#search {
	float:right;
	width:100%;
	padding-top: 0px;
}
#search input {
	float: right;
	width:0px;
	border:none;
	background-color: #fcff79;
	padding: 16px 8px 16px 40px;
	font-size: 20px;
	color: #606060;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJTSURBVFiF7ZdNSxtRFIafM5PgJGqXxXy4DIziJhBdFLrwnyi4cym40S4ClkJ/g2B/Qv+BC0s3CtkIDWYZasWtXxEzebswQxGt3sk0Nou8cHfnPTycc+fOOSaJUZb3vwFe0hgwrcaAaTUGTKuRB8wMYrLZ2dxEd3rVPC2aqAoqBi0ZDfXs8DZzsad2++ZfAFrSP0m+NPdO4gtQeSasZcbK9c8f39PAQcIW50vzmxIHQEXQkGzdU2+pc6c3nnpLkq0LGkBF4iBfmt9MC+hcwX7lDgBhfOycTu5IR3ePElotGxSvthFbgJnxPlUlJb14KJdzQSE8CQqhgmJYd/EExbAeFEIFhfCEcjnn4nnqOLV4oju9Sr+tndPJHRdP53RyJ2533z+QnADN0yIAst2n2vqUpKM7ZLsP/EMDFFUAn+gwSfI4PvYPIidA9Z+U6641kySP4/X8k/Ss3CoILYB8RmGS5HF87B9EbhU0GgARfqK7FMfH/kHkBtiz+7tnWjOrZV08ZrUsprUH/mEB3mYu9oCWQTUoXm27eILi1bZBFWj1/cMDVLt9Y8YK0ENs5Upz9b9V0qyWzZXm6ogPAF6PjTSDQ6Jh4f5frE+AJ2gg2/WJDq+71sxnFEb4i5jW+pWL1fS7/vLl+fHZ0AHvId2mGa/HRs/jMxCmgUwMCO7z4NTbhZkoE+2ngRwIMInSQg595L88Pz7zu/4y0ATCKBPtT71dmHH1v8pOkgby1ZamR5DZ6KuL71W3uj+Q9k3SLxfP0D+StBr5vXgMmFZjwLQaA6bVyAP+BkJqfmMbSKF/AAAAAElFTkSuQmCC);
	background-position: bottom 50% left 4px;
	background-repeat:no-repeat;
}
#search input:focus {
    width: 94%;
    cursor:text;
    color:#808080;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius:0px;
}

/* COLUMNS
----------------------------------------------------------------------------------------------------*/

.mcol {
	padding-top: 0px;
}
.li_container {
	border: none !important;
	margin-top: 16px;
	padding: 0;
}
.li_container .article:hover {
	background-color:#fcff79;
}
#outer #li_container1 ul.mcol.li_cont1 , 
#outer #li_container1 ul.li_cont2.mcol, 
#outer #li_container1 ul.li_cont3.mcol {
	margin: 0px;
	width: 100% !important;
}

/* CATEGORY TITLE
----------------------------------------------------------------------------------------------------*/

.pagetitle {
	font-size:32px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	display:inline;
	float: left;
	width: 100%;
	line-height: 1.2;
	margin: 0px;
	padding-top:20px;
}

/* INDEX PAGE-MAIN
----------------------------------------------------------------------------------------------------*/

#main {
	overflow:hidden !important;
	position:relative;
	margin-left:-1px;
	border: none !important;
	margin-bottom: 55px;
	width: 100%;
}
.article {
	width:95%;	
	padding:5px;
	overflow:hidden;	
	margin: 0px;
}
.article ul, .article ol {
	margin-bottom:15px;
	margin-left:45px;
}
.article ul {
	list-style-type: disc;
}
.article ol {
	list-style-type: decimal;
}
.article img {
	margin-bottom:15px;
	border:0 none !important;
	width: -webkit-fill-available;
}
.article iframe {
	width: -webkit-fill-available;
}
#main .article:hover {
	background-color:#fcff79;
}
.article h2 {
	font-size:24px;
	line-height:1.2;
	margin: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
}
.article h2 a {
	text-decoration:none !important;
}
.article a.preview {
	display:block;
	background: none;
	border: none;
	padding: 0;
}
.article a.preview:visited {
	display:block;
}
.article p {
	font-family:'TradeGothic LT';
	margin-bottom:0px;
	line-height: 1.2;
	color: rgba(0,0,0,0.75);
}
.article .postmetadata {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.8;
	font-size:16px !important;
	color:#414042;
	margin: 0px;
	padding: 0px;
}

/* INDEX-NAVIGATION
----------------------------------------------------------------------------------------------------*/

#nav {
	height:80px;	
}
#nav #navright a {
	line-height: 49px;
	float: right;
	padding:0 10px;
	text-decoration:none !important;
	color:#414042 !important;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: right -46px;
	padding-right:25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	font-size: 20px;
}
#nav #navright a:hover, #nav #navleft a:hover {
	background-color:#fcff79;
}
#nav #navleft a {
	line-height: 49px;
	float: left;
	padding:0 10px;
	text-decoration:none !important;
	color:#414042 !important;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: left 21px;
	padding-left:25px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	font-size: 20px;
}
.wp-pagenavi {
	display: none;
}

/* SINGLE-MAIN-INNER
----------------------------------------------------------------------------------------------------*/

#main-inner {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	width: 100%;
	margin-top: 16px;
	padding-right: 0px;
}
#main-inner h1 {
	font-size:32px;
	line-height: normal;
	padding-top:20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	color:#414042;
	display: inline-block;
	width: 100%
}
#main-inner .article {
	width:auto;	
	border-left:none;
	border-right:none;	
}
#main-inner .article p, #main-inner .text p{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 16px;	
	text-align: left;
	line-height: 1.7;
	clear: both;
}
#main-inner img {
	width: 100%;
	height: auto;
}
#main-inner .postmetadata {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.8 !important;
	font-size:16px;
	color:#414042;
	margin-top: 15px;
	padding: 15px 0px;
	width:100%;
}
#main-inner .article .postmetadata.tags {
	margin-bottom: 0px;
	margin-top:0px;
}
.post_content iframe {width:100%; }

/* SINGLE-NAVIGATION
----------------------------------------------------------------------------------------------------*/

#main-inner #navleft a {
	border:none;
	float:left;
	line-height:49px;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: left 21px;
}
#main-inner #navleft a:hover {
	background-color:#fcff79;
}
.chrome #main-inner #navleft a, .safari #main-inner #navleft a {
	border:none;
	float:left;
	line-height:48px;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: left 21px;
}
#main-inner #navright a {
	border:none;
	float:right;
	line-height:49px;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: right -46px;
}
#main-inner #navright a:hover {
	background-color:#fcff79;
}
.chrome #main-inner #navright a, .safari #main-inner #navright a {
	border:none;
	float:right;
	line-height:48px;
	background-attachment: scroll;
	background-image: url(images/nav-arrows.gif);
	background-repeat: no-repeat;
	background-position: right -46px;
}
#main-inner #navleft span {
	line-height:49px;
	padding-left:10px;
}
#main-inner #navright span {
	line-height:49px;
	padding-right:10px;
}

/* SIDEBAR
----------------------------------------------------------------------------------------------------*/

#sidebar {
	width:100%;
	float:right;
	overflow:hidden;
	/*padding:10px;*/
	margin: 0 0 -1px -1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	color:#666;
	display: none;
}
#sidebar h2 {
	font-size:32px;
	margin-top:7px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	display: block;
	color: #414042;
	border-bottom:1px solid #414042;
}
#sidebar li {
	padding:0px 20px;
	font-family:  'TradeGothic LT';
	font-size: 16px;
	line-height: 1.5;		
}
#sidebar #recent-posts li a {
	text-decoration:none !important;
	color:#666;
}
#sidebar #recent-posts li, #sidebar #get-recent-comments li {
	margin-bottom:10px;
}
#sidebar li li {
	padding:0px;
	border:none;
}

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer-wrap {clear:both; width: auto; display: block;}

#menus { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width:100%; float:left; display: none;}
#menus #menuyear {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width:100%;display: block; float:left;  padding: 0px 0px 25px 0; }
#menus #menuyear ul {margin: 0px 0px 25px 0;padding: 0px;list-style: none;width:100%; display: block; }
#menus #menuyear ul li {margin: 0px auto;padding: 0px; float: left;width:100%; display: block; }
#menus #menuyear ul li.categories {margin: 0px auto;padding: 0px;width: auto;}
#menus #menuyear a{padding: 7px 5px 0px 0px; color:#414042;font-size: 20px;}

#menus-iphone {display: block;color: white!important; }
#menus-iphone #categ {width: 100%; font-size: 20px; }
#menus-iphone #categ select { -webkit-appearance: none; -webkit-border-radius: 0px;  border: 1px solid #f5f5f2; color: white; background-color: black; padding: 10px; width: 100%; float: left; outline: none; font-size: 20px;}
#menus-iphone #categ input.input {padding: 10px 15px;border: 1px solid #f5f5f2; color: white; background-color: black; -webkit-appearance: none;-webkit-border-radius: 0px;} 

/* ERROR
----------------------------------------------------------------------------------------------------*/

.search-no-results #main, .page-id- #main-inner {
	height:200px !important;
}
.search-no-results #main h1, .page-id- #main-inner h1, #error {
	font-size:32px;
	padding-bottom:20px;
	padding-top:20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-weight: bold;
	display: block;
	border-bottom:1px solid #414042;
}

/* OTHER
----------------------------------------------------------------------------------------------------*/

.space {
	display:block;
	padding-bottom:25px;
	width: 90%;
}
.featured-image {
	width: 100%;
	height: auto;
}