/*  
Theme Name: MOGS v3 Theme
Theme URI: http://www.mogs.com
Description: MOGS v3 Wordpress Theme
Version: 0.1
Author: MOGS
Author URI: http://www.mogs.com
*/

/* static START */
* { margin:0; padding:0; }
abbr[title], acronym[title] { border-bottom:thin dotted; cursor:help; }
body { background:#fff; color:#000; font-family:Tahoma,Verdana,"BitStream vera Sans",Helvetica,Sans-serif; font-size:11px; text-align:center; }
h1, h2, h3, h4, h5, h6 { font-weight:bolder; font-family:Arial; }
h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img { border:0; }
small { font-size:10px; }
a { color:#3070ca; text-decoration:underline; }
img.centered, .aligncenter, div.aligncenter { display: block;	margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px 4px 4px 7px; margin: 0 0 2px 7px; float: right; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0;  float: left;}

.alignleft {	text-align:left; }
.alignright { text-align:right; }
.left { float: left;}
.right  { float: right; }
.fixed, .clear {	clear:both;}
input.transparent { background: transparent; border: 0px none; }

/* static END */

/* layout START */
#container {	margin:0 auto; width:978px; text-align:left; }
#blog-main {	background:#fff; float:left !important; margin-left:0px !important; width: 635px; overflow: hidden;}
#content { background:#fff; padding:11px 0 16px; }
/* layout END */

/* header START */
#header { background:url('style/header.jpg') no-repeat; height:89px; position:relative; margin-top:14px; }
#title a { background:url('style/title.jpg') no-repeat; text-decoration:none; width:136px; height:65px; text-indent:-999em; display:block; position:absolute; top:12px; left:31px; }
/* header END */

/* menu START */
#menu { padding-top:2px; font-size:12px; }
#menu li { list-style:none; float:left; }
#menu li a { background:#fff url('style/tabs.gif') -168px 0 no-repeat; color:#fff; display:block; width:162px; height:29px; line-height:29px; text-align:center;	font-weight:bolder;	text-transform:uppercase; text-decoration:none; font-family:Arial; }
#menu li.first a { background:#fff url('style/tabs.gif') 0 0 no-repeat; width:168px; }
#menu li.active a { color:#f6ba1b; }

#blog-subnav { background:#eaeaea; border:1px solid #c6c6c6; padding:7px 16px !important; padding:7px 16px 0; color:#464646; height:18px; line-height:18px; }
#blog-subnav .blog-breadcrumb { float:left; }
#blog-subnav .blog-subnavright { float: right; }
/* menu END */

/* about START */
#about {	background:#f1f1f1; border:1px solid #c6c6c6; text-align:right; padding:8px 15px 10px; color:#5e5e5e; }
#about a { color:#5e5e5e; text-decoration:none; }
#about a:hover {	text-decoration:underline;}
/* about END */

/* footer START */
#footer { text-align:center; color:#252525; padding:12px 27px 8px; }
#footer .inner {	width:400px; margin:0 auto; }
#footer #copyright {	padding-top:11px; font-size:12px; }
#footer .pays { padding-top:14px; }
#footer .pays a {	text-decoration:none; }
#footer .bizrate { float:left; }
#footer .topten { float:left; margin-left: 15px; }
#footer .hackersafe { float:right; }
#footer .balance {  float:right; margin-right: 15px; width: 78px; }
/* footer END */

/* SIDEBAR */
#sidebar-wrap { float: right; width: 325px; }
#sidebar_right { float:right; }
#sidebar_left {float: left; }
.sidebar { width:160px; }
.caption { background:url('style/blog_widget_caption.gif') no-repeat; text-transform:uppercase; height:26px; line-height:26px; color:#fff; font-size:12px; font-family:Arial; font-weight:bolder; padding:0 13px; overflow:hidden; }
.widget { background:#f1f1f1; color:#474747; margin-bottom: 10px; }
.widget .box { border:1px solid #c6c6c6; }
.widget .inner { padding:11px 11px 11px 11px; }
.widget .inner p { margin: 0 0 11px 0px; }
.widget .inner ul { list-style: url('style/ul.jpg'); margin: 0px; padding: 0 0 0 15px;} 
.widget .inner ul li { margin: 0px; padding: 0px; font-size: 11px; line-height: 16px;}
.widget .inner ul li ul { margin: 0px; padding: 0; }
.widget .inner ul li a { color: #0563D7; text-decoration: none; font-weight: bold;}
.widget .inner h2 { font-size: 16px; font-weight: bold;  padding: 0px; margin: 0px; margin-left: 14px; margin-bottom: 10px;}
.widget-highlight { background:#292929; color:#a1a1a1; margin-bottom: 10px; }
.widget-highlight .box { border:1px solid #292929; }
.widget-highlight .inner { padding: 11px; }
.widget-highlight .inner ul { list-style: none; margin: 0px 0 10px 0px; padding: 0px;  } 
.widget-highlight .inner ul li { margin: 0px; padding: 0px; font-size: 11px; line-height: 18px; border-bottom: 1px solid #444444;}
.widget-highlight .inner ul li a { color: #0563D7; text-decoration: none; font-weight: bold;}
.widget-highlight .inner h2 { text-transform:uppercase; line-height:26px; color:#fff; font-size:12px; font-family:Arial; font-weight:bolder; padding: 0px; margin: 10px 0 0; }
.widget-highlight .inner p { margin: 11px 0px 11px 0px; }
.sidebar-getlinked { margin-top: 11px; display: block; text-align: right; background:url('style/icon-mogrolled.png') no-repeat center right; padding-right: 20px;}
.sidebar-getlinked a, .sidebar-getlinked a:visited, .sidebar-getlinked a:active { color: #7b7b7b; text-decoration: none; font-weight: bold; }
.sidebar-getlinked a:hover { color: #4b4b4b; }
/* SIDEBAR END*/

#need_assistance {
	background:#fff;
	color:#474747;
}
#need_assistance .box {
	border:1px solid #c6c6c6;
}
#need_assistance .box .inner {
	border-right:1px solid #f2f2f2;
	padding:0 11px 0 12px;
}
#need_assistance .sep {
	background:#c6c6c6;
	margin:0 5px;
	height:1px;
	overflow:hidden;
}
#need_assistance .help_center {
	padding:9px 0 16px;
}
#need_assistance .support_team {
	padding:9px 0 20px;
}
#need_assistance .title {
	height:25px;
	line-height:25px;
	padding-left:35px;
	display:block;
}
#need_assistance .help_center .title {
	background:#fff url('http://www.mogs.com/img/need_assistance.gif') 0 0 no-repeat;
}
#need_assistance .support_team .title {
	background:#fff url('http://www.mogs.com/img/need_assistance.gif') 0 -25px no-repeat;
}















/* BLOG POST */
.blog-postwrap { margin-bottom: 10px; border: 1px solid #c6c6c6; padding: 10px; background:url('style/blogbg.jpg'); background-repeat: no-repeat;}
.blog-posttop { background: #f1f1f1; border: 1px solid #c1c1c1; margin: 10px 0 0;}
.blog-posttop span { margin: 8px; }
.blog-posttop span.blog-posttags { width: 390px; min-height: 15px; float: left; color: #878787; font-weight: bold; font-variant: small-caps; background:url('style/post-tags.png') top left no-repeat; padding: 0 0 0 22px;}
.blog-posttop span.blog-postcomments { width: 100px; float: right; text-align: right; color: #878787; font-weight: bold; font-variant: small-caps; }
.blog-post { font-size: 14px; overflow: hidden; margin: 0 10px 0 10px; }	
.blog-post p { margin: 0 0 10px 0px; font-size: 14px; font-family: "Georgia", serif; color: #242424; }
.blog-post h2 a { font-size: 32px; text-decoration: none; color: #000; text-transform:lowercase; font-variant:small-caps; line-height: .8em; } 
.blog-post h2 a:hover { color: #494949; }
.blog-post h3 { font-size: 20px; margin: 40px 0 0; }
.blog-post span.category { display: block; position: relative; font-size: 14px; margin: 0 0 10px 0; font-weight: bolder; font-family: Arial, Verdana, Geneva, Tahoma, sans-serif; text-transform:lowercase; font-variant:small-caps;}


.blog-post ul, .blog-post ol {
	margin-bottom:10px;
	font-size:12px;
	line-height:20px;
	}
.blog-post ul li ul, .blog-post ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.blog-post ul li {
	list-style:disc inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.blog-post ul li ul li {
	list-style:circle inside !important;
	}
.blog-post ol li {
	list-style:decimal inside !important;
	margin-left:15px;
	font-size:12px;
	padding:3px 0px;
	}
.blog-post ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}
/* BLOG POST END */
.blog-post blockquote { 
	border: 1px dashed #b0b0b0;
	padding: 10px 10px 0 10px;
	margin: 10px;
	background: #212121;
color: #fff;
}

.blog-post blockquote p {
	padding: 0px;
	margin: 0 0 10px 0;
}


div.sociable { margin: 8px 0 0; width: 170px; float: right; text-align: right; color: #878787; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; }
.sociable span {	display: block; }
.sociable ul { display: inline; margin: 0 !important; padding: 0 !important; }
.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/* Begin Comments*/
#comment-area { margin-top: 10px; border: 1px solid #c6c6c6; padding: 10px; }
#respond { padding: 0px 0 0 35px; margin: 0 0 10px 0; background:url('style/comment-ico.gif') no-repeat; line-height: 1.7em; text-transform:lowercase; font-variant:small-caps; }
h3.comments { padding: 0 0 0 35px; margin: 0 0 10px 0; background:url('style/comment-ico.gif') no-repeat; line-height: 1.7em; text-transform:lowercase; font-variant:small-caps; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 400px; padding: 2px; }
#commentform #submit { padding: 1px; font-size: 10px; height: 24px; }
#commentform p { margin: 5px 0; }


/* COMMENTS */
#comments-pane { margin-bottom: 10px; padding: 0px; background-color: #fff; overflow: hidden; }
#comments-pane.stand-alone { margin-bottom: 0; border-bottom: none; }
#comments-container{}
#comments-container ol.comment-list {	list-style: none; margin: 0; padding: 0; }
#comments-container ol.comment-list li.comment-item { display: block; margin-top: 0; padding: 10px 0 10px 10px; border-top: 1px solid #D7D7D7; }
#comments-container ol.comment-list li.comment-item.last { margin-bottom: 0; border-bottom: none; }
/* Comment Content */
#comments-container ol.comment-list li.comment-item .comment { float: left; width: 360px; overflow: hidden; }
#comments-container ol.comment-list li.comment-item .comment p { margin: 0 0 5px 0; }
#comments-container ol.comment-list li.comment-item .comment p a { padding: 0 20px 0 0; background: url("../images/icon_ext_link.png") no-repeat right 50%; color: #D63B00; }
#comments-container ol.comment-list li.comment-item .comment p a:hover { border-bottom: 1px dotted #D63B00; }
/* Comment Author */
#comments-container ol.comment-list li.comment-item .comment-author { float: left;width: 190px; margin-right: 20px; }
#comments-container ol.comment-list li.comment-item .comment-author p { margin: 0 0 10px 0; padding: 0; }
#comments-container ol.comment-list li.comment-item .comment-author p cite{ font-weight: bold; font-style: normal; }
#comments-container ol.comment-list li.comment-item .comment-author p span.small { font-size: 0.8em; color: #707070; }
/* Author Image */
#comments-container ol.comment-list li.comment-item .comment-author img { float: left; width: 48px; height: 48px; border: 1px solid #D7D7D7; margin-right: 10px; padding: 4px; background: #ffffff; font-size: .5em; overflow: hidden; vertical-align:bottom; }
/* Blog Author Styles */
#comments-container ol.comment-list li.comment-item.author { background: #0067da; }
#comments-container ol.comment-list li.comment-item.author .comment-author p,
#comments-container ol.comment-list li.comment-item.author .comment-author p cite,
#comments-container ol.comment-list li.comment-item.author .comment { color: #ffffff; }
#comments-container ol.comment-list li.comment-item.author .comment-author p span { color: #292929; }
#comments-container ol.comment-list li.comment-item.author .comment-author img { border: 1px solid #f6f6f6; background: #333; }




.tweet { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #575757; font-weight: bold; }
.tweet .tweet_list { list-style-type: none; margin: 0; padding: 0; background-color: #fff; }
.tweet .tweet_list li { overflow: auto; padding:  5px 0 5px 0; border-bottom:1px dotted #ccc; }
.tweet .tweet_list .tweet_even { background-color: #fff }
.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }
#twitter-wrap { float: right; margin: 0 0 10px; }
.twittop{ margin:0px 0px 0px 0px; height:50px; background:url('style/images/twitop.jpg'); width:330px; }
.twitbot{ margin:0px 0px 0px 0px; height:20px; background: url('style/images/tagbot.jpg'); width:330px; float:left; }
#twitter_div{ width:300px; float:left; height:100%; padding:5px 15px; margin:0px 0px; background:#fff url(style/images/tbody.jpg) repeat-y; font-family:Tahoma,Century gothic,verdana, Arial,  sans-serif; }
ul#twitter_update_list{ list-style:none; padding: 0px 0px; margin:0px 0px; }
ul#twitter_update_list li{	list-style:none; padding: 5px 0px; margin:0px 0px; line-height:18px; border-bottom:1px dotted #ccc; }
#twitter_update_list li a:link, #twitter_update_list li   a:visited{ color:#0282D9; }
#twitter_update_list li a:hover{ color:#BC0C0F; }





.widgetblock-wrap { float: right; margin: 0 0 10px 10px; }
.widgetblock-top {  margin:0px 0px 0px 0px; height:50px; width:330px; }
.widgetblock-cat { background:url('style/images/cattop.jpg'); }
.widgetblock-archive { background:url('style/images/archivetop.jpg'); }
.widgetblock-social { background:url('style/images/socialtop.jpg'); }
.widgetblock-div, .widgetblock-soclinks { width:300px; float:left; height:100%; padding:0px 15px; margin:0px 0px; background:#fff url(style/images/tbody.jpg) repeat-y; font-family:Tahoma,Century gothic,verdana, Arial,  sans-serif; }
.widgetblock-bot { margin:0px 0px 0px 0px; height:14px; background: url('style/images/widgetblock-bot.jpg'); width:330px; float:left; }

.widgetblock-div ul { margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; }
.widgetblock-div  li { margin: 0 0 5px 0; }
.widgetblock-div  a { background-color: #f1f1f1; display: block; padding: 5px 10px; text-decoration: none; font-weight: bold;}
.widgetblock-div  a:hover { background-color: #ccc; text-decoration: none; }
.widgetblock-div  ul ul li { margin: 1px 0 1px 0; }
.widgetblock-div  ul ul a { background-color: #f1f1f1; display: block; padding: 5px 5px 5px 10px; text-decoration: none; }
.widgetblock-div  ul ul a:hover { background-color: #ccc; text-decoration: none; }
.widgetblock-soclinks ul { margin: 5px; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; }
.widgetblock-soclinks li { margin: 0 0 5px 0; }
.widgetblock-soclinks a { background-color: #ffffff; display: inline; padding: 0px; text-decoration: underline; font-weight: bold;}
.widgetblock-soclinks a:hover { text-decoration: none; }

.blizzquotewrap {
	background-color: #333;
	color: #09f;
	padding: 10px;
	margin: 10px 0px;
	font-size: 11px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.blizzquote h1, .blizzquoteheader {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	font-size: 11px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-image: url('style/blizzquotesep.gif');
	background-position: bottom left;
	background-color: #333;
	border: 0;
}

.blizzquote h1 span, .blizzquoteheader span {
	background-image: url('style/blizz_ico.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 27px;
	line-height: 21px;
	padding-left: 30px;
	display: block;
}


.blizzquote p { font-size: 11px; color: #F1F1F1; }
.blizzquote h2 {
	display: inline;
	color: #90FF53;
}

.blizzquote h3 {
	display: inline;
	font-weight: bold;
	color: white;
	font-size: 11px;
}

.blizzquote h4 {
	display: inline;
	font-weight: bold;
	font-size: 11px;
}

.blizzquote a {
	color: white;
font-size: 11px;
}

.blizzquote b {
	color: white;
}

.corners-bottom {
	display: none;
}


span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 10px 10px 10px 36px;margin: 15px 0px 0 0px;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(style/attention.png) 10px 50% no-repeat;}
span.attention a {color: #B79000 !important;font-weight: bold;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(style/notice.png) 10px 50% no-repeat;}
span.notice a {color: #648434 !important;font-weight: bold;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(style/alert.png) 10px 50% no-repeat;}
span.alert a {color: #CF3738 !important;font-weight: bold;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(style/download.png) 10px 50% no-repeat;}
span.download a {color: #1C6B8B !important;font-weight: bold;}
span.approved {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(style/approved.png) 10px 50% no-repeat;}
span.approved a {color: #648434 !important;font-weight: bold;}


span.note { 
   padding:7px;
   border:1px solid #FFF;
   background-color:#212121;
  /* Rounded corner stuff starts here */
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
  -moz-box-shadow: 0px 0px 5px #474747;
-webkit-box-shadow: 0px 0px 5px #474747;
color: #F2F2F2;
}
span.note a { font-weight: bold; }


.wp-caption {
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* optional rounded corners for browsers that support it */
  margin: 10px;
  padding-top: 4px;
  text-align: center;
}
.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}