/*
Theme Name: Grid Style 
Theme URI: http://www.dessign.net/gridstyletheme
Description: Grid Style Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 2 column theme, white, clean

*/

/* Global */

* { margin: 0; padding: 0; }
body { font-size: 100%; font-family: 'Source Sans Pro', sans-serif; background-color:#f7f5f2; background: url('images/bg-lt-collage.jpg'); background-repeat:repeat-x;}
a { color: #D54C4A; text-decoration: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
h1,h2,h3,h4,h5,p { margin: 10px 0; color:#666; font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
h1 {font-size:32px; color:#000;}
#main_container { width: 957px; margin: 0 auto; }

/* Header */
#header {text-transform:uppercase; position: fixed; top: 0; left:0; width: 100%; color: #000; height: 60px; text-align: center; padding: 5px 0 0 5px; z-index:10000000000;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(255, 255, 255, 0.8);
color: rgba(1, 1, 1, 0.8);;}
.inner{ width:957px; margin:0 auto;}
#top_menu_cont {width:auto; float:right; padding-top:10px; padding-right:3px}
.top_menu_cont ul { list-style-type: none; margin-right: 45px; float: left; }
.top_menu_cont ul.social { margin-right: 0 !important; }
.top_menu_cont ul li { float: left; }
.top_menu_cont ul li a { display: block; padding: 15px 10px; color: #666;  }
.top_menu_cont ul li a:hover { color: #D54C4A;  text-decoration:underline;}
.top_menu_cont ul li.current_page_item a, .top_menu_cont ul li.current-menu-item a {font-size: 16px; padding-left: 15px; padding-right: 15px; color: white;}

#menu-standard { padding: 10px 10px 10px 10px; }
#menu-standard ul li a { display: block; padding: 8px 40px 8px 12px; color: #4b4b4b; text-decoration: none; text-transform:lowercase;}
#menu-standard ul li a:hover { color: #D54C4A; }
.sub-menu { background:#FFF;}

#logo { display:block; float:left;}
.media_ad_top  {width:728px; margin: 0 114px; height:90px; z-index:99; text-align:center;}
.only_seo {width:957px; margin-top: 100px; text-align:center; font-size: 32px;}
.only_seo p {font-weight:400; color:#45494d; text-shadow: 1px 1px #fff;}
#social_icon { width: 266px;  text-align:center; margin-bottom:20px;}
#social_icon h5 {font-size: 14px; font-weight:200; text-transform:uppercase; text-decoration:underline; color:#A8A8A8; }
a.twitter_icon {display: block;  height: 59px; width: 59px;  float:left; background: url('images/social_icon_twitter.png') no-repeat; margin:10px 42px 10px 0;}
a.facebook_icon {  display: block;  height: 59px; width: 59px; float:left; background: url('images/social_icon_facebook.png') no-repeat; margin:10px 0 10px 0;}
a.rss_icon {  display: block;  height: 59px; width: 59px; float:left; background: url('images/social_icon_rss.png') no-repeat; margin:10px 42px 10px 0;}
.aseparator {border-bottom:2px dotted #d0d0d0; margin:24px 0 18px 0;}
.search_cont {width: 774px; margin-left:183px; margin-top: 20px; padding-bottom:20px}

/* Content */

#content_container { padding-top: 10px;}

#content { width: 635px; float: left; margin-top: 25px; }
.post_box { width: 313px; float: left; margin-bottom: 25px; }
.post_box img { width: 290px; height: 194px; }
.post_box_right { float: right !important; }
.post_box h2 { font-size: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
.post_box h2 a:hover { text-decoration: underline; }
.post_box h3 a { color: #333; text-decoration: none; }
.post_box h3 a:hover { text-decoration: underline; }
.post_meta { margin: 10px 0; font-style: italic; font-size: 11px; color: #9C9C9C; }
.post_meta a { color: #9C9C9C; text-decoration: none; }
.post_cat { margin: 6px 0; font-size: 12px; color: #9C9C9C; }
.post_cat a { color: #9C9C9C; text-decoration: none; }
.post_cat a:hover { text-decoration: underline; }
.img_link { position:relative;}
.img_link a { padding: 10px; border: 1px dotted #ccc; display: block; }
.img_link a:hover { padding: 10px; border: 1px dotted #cd3533; background-color:#D54C4A;}
.img_link .like { position:absolute; background:#D54C4A url(images/like_icon.png) 2px 4px no-repeat; bottom: 20px; }
.img_link .like a{padding-left:40px; margin-left:0px; color:white; border:none; }
.img_link .like a:hover{background:#D54C4A url(images/like_icon.png) 2px 4px no-repeat; padding-left:40px; margin-left:0px; text-decoration:underline;}

.load_more_cont { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; margin: 25px 0; float: left; width: 100%; }
.load_more_text { width: 190px; padding: 10px 0; }
.load_more_text a { color: #000; text-decoration: none; }
.load_more_text a:hover { text-decoration: underline; }

.blog_box { width: 635px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #E7E7E5; }
.blog_box h2 { font-size: 24px; font-weight:200; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 0; }
.blog_box h1 { font-size: 24px; font-weight:200; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 0; }
.blog_box h3 a { color: #000; text-decoration: none; }
.blog_box h3 a:hover { text-decoration: underline; }
.blog_box .blog_image img { width: 613px; height: 280px; overflow:hidden; margin-top:10px; padding: 10px; border: 1px dotted #ccc; display: block; }
.blog_box .blog_post_meta { padding: 10px 0; font-size: 11px; font-style: italic; }
.large_image {position:relative; width:613px; margin-top:10px; padding: 10px; border: 1px dotted #ccc; display: block; background:#D54C4A;}
.large_image img { width:613px;}
.large_image a { padding: 10px; border: 1px dotted #ccc; display: block; }
.large_image a:hover { padding: 10px; border: 1px dotted #cd3533; }
.large_image .like { position:absolute; background:#D54C4A url(images/like_icon.png) 2px 4px no-repeat; bottom: 20px; }
.large_image .like a{padding-left:40px; margin-left:0px; color:white; border:none; }
.large_image .like a:hover{background:#D54C4A url(images/like_icon.png) 2px 4px no-repeat; padding-left:40px; margin-left:0px; text-decoration:underline;}

.navigation { padding: 15px 0; }
.navigation a { text-decoration: none; }
.navigation a:hover { text-decoration: underline; }

#submit { padding: 5px 10px; background-color: #000; color: #fff; }

/* Sidebar */

#sidebar { width: 288px; float: right; margin-top: 35px; }
.side_box { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #D9D9D9; }
.recentposts_cont .side_box { border-bottom: none !important; padding-bottom: 0 !important; }
.side_box h3 { font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size: 24px; text-transform:uppercase; }
.side_box a { color: #000; text-decoration: none; }
.side_box a:hover { text-decoration: underline; }
.side_box ul { list-style-type: none; }
.side_box ul li { padding-bottom: 3px; }

#searchform {
	background:-moz-linear-gradient(top, #d56362, #D54C4A); 
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#d56362), to(#D54C4A)); 
	border:1px solid #cd3533; 
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-moz-box-shadow:inset 0 1px #f0dcdc, inset 0 -2px 5px #d04a49, 0 0 0 4px rgba(255,255,255,0.65);
	-webkit-box-shadow:inset 0 1px #f0dcdc, inset 0 -2px 5px #d04a49, 0 0 0 4px rgba(255,255,255,0.65);
	padding:9px;
	width:570px;
}
#searchform .wrapper {
	background:#fff; 
	border:1px solid #cd3533;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #f0dcdc; 
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #f0dcdc;
	height:50px;
	padding-left:10px; 
	position:relative;
}
#searchform input,
#searchform input:focus { border:none; color:#333; outline:none; font: 20px Source Sans Pro, Arial, sans-serif; margin:12px 0; width:510px; }
#searchform button {
	background:-moz-linear-gradient(top, #f3e0e0, #f3e0e0);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3e0e0), to(#f3e0e0));
	border:1px solid #D54C4A;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,4);
	-webkit-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,.4);
	cursor:pointer;
	height:45px; 
	position:absolute; 
	right:2px; 
	top:2px; 
	width:45px;
}

#texture_pack { background: url('images/download_textures_packs.png') repeat-x; width: 266px; height: 178px;}
a.fill-div { text-indent:-9999px; display: block;  height: 100%; width: 100%; text-decoration: none;}
#buysellads { padding-top: 20px; height:266px}
#texture_colour { width: 266px; height: 44px;}
a.fill-black { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#191b1d; float:left;}
a.fill-yellow { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#ecd553; float:left;}
a.fill-red { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#D54C4A; float:left;}
a.fill-white { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#ffffff; float:left;}
a.fill-green { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#79c273; float:left;}
a.fill-blue { text-indent:-9999px; display: block;  height: 44px; width: 44px; background-color:#4a88c6; float:left;}

.button {
    margin-top:10px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}


/* Footer */

#footer {width: 100%; padding: 15px 0; margin-top: 20px; height: 400px; background:#2e3133; z-index:9999; }
.inner_footer{ width:957px; margin:0 auto; height:auto;}
.lt_symbol_footer{ background: url('images/lt_symbol_footer.gif') center center no-repeat; height:70px; width:70px; margin: 20px auto; 0 auto;}
.menu-footer{ height:53px; width:957px;}
.menu-footer ul {width:220px; list-style-type: none; margin:0 auto;}
.menu-footer ul li { float: left;}
.menu-footer ul li a { display: block; padding: 15px 10px; font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size: 18px; text-transform:uppercase; color: #fff;}
.menu-footer ul li a:hover { color: #f0dcdc;}


.inner_footer .latest_posts_big { list-style-type: none; width:313px; }
.inner_footer .latest_posts_big li { margin-bottom: 10px; border-bottom: 1px dotted #D9D9D9; font-size: 10px; padding-bottom: 5px; }
.inner_footer .latest_posts_big li.last { border-bottom: none; }
.inner_footer .latest_posts_big img { width: 223px; height: 140px; }
.inner_footer .latest_posts_big li h3 { margin: 5px 0; font-size: 14px; }
.inner_footer .latest_posts_big li h3 a { color: #000; text-decoration: none; }
.inner_footer .latest_posts_big li h3 a:hover { text-decoration: underline; }
.inner_footer .latest_posts_big li p { margin: 5px 0; }

#footer .inner_footer .latest_posts_small { list-style-type: none; }
#footer .inner_footer .latest_posts_small li { margin-bottom: 10px; border-bottom: 1px dotted #D9D9D9; font-size: 10px; padding-bottom: 5px; }
#footer .inner_footer .latest_posts_small li.last { border-bottom: none; }
#footer .inner_footer .latest_posts_small li img { float: left; margin-right: 15px; width: 52px; height: 53px; }
#footer .inner_footer .latest_posts_small li h3 { margin: 5px 0 10px; }
#footer .inner_footer .latest_posts_small li h3 a { color: #000; text-decoration: none; }
#footer .inner_footer .latest_posts_small li h3 a:hover { text-decoration: underline; }
#footer .inner_footer .latest_posts_small li p { margin: 5px 0; }

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 12px 20px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}