/*

Theme Name: Magstar

Theme URI: http://wordpressthemes.oscaralcala.com/magstar

Description: Magstar is a beautiful theme designed for publishing sites

Version: 1.0

Author: Oscar Alcala

Author URI: http://oscaralcala.com/

Tags: fixed width, two columns, widgets, ajax



	Theme made for sale exclusively on Theme Forest

	http://www.themeforest.com



*/



/**************************************************************

				BACKGROUND AND MAIN STRUCTURE

**************************************************************/



body {

	margin: 0;

	padding: 0;

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	font-size: 12px;

	color: #333;

	background-position: 0 0;

	background-color: #000;

	text-align: center;

}



.bg1 { background-image: url('images/bg.jpg'); }

.bg2 { background-image: url('images/bg2.jpg'); }

.bg3 { background-image: url('images/bg3.jpg'); }

.bg4 { background-image: url('images/bg4.jpg'); }



p {

	display: block;

	line-height: 16px;

	margin-bottom: 13px !important;

}



* {

    margin: 0;

}



html, body {

    height: 100%;

}



a:hover {

	_cursor: pointer;

}



#wrapper {

    min-height: 100%;

    height: auto !important;

    height: 100%;

    margin: 0 auto;

}





.container {

	width: 960px;

	margin: 0 auto;

	_width: 945px;

}



#mainwrapper {

	width: 930px;

	background-image: url('images/container_wrapper.png');

	background-repeat: repeat;

	margin: 20px 0;

	padding: 15px;

	_width: 945px;

}



#maincontent {

	width: 930px;

	background-image: url('images/content_bg.jpg');

	background-repeat: repeat-x;

	background-position: top left;

	background-color: #fff;

	_width: 945px;

}



/**************************************************************

							HEADER

**************************************************************/



#header {

	margin: 0;

	width: 100%;

	text-align: center;

	/*background-color: #196d90;

	background-image: url('images/menu_bg.jpg');*/

	background-position: top left;

	background-repeat: repeat-x;

}



#logo {

	display: block;

	float: left;

	margin: 20px 0 0 25px;

	_display: inline;

}



#logo a {

	display: block;

	width: 120px;

	height: 90px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url(images/logo.png);

}



/**************************************************************

							 MENU

**************************************************************/



#menu {

	color: #e8e9dd;

	display: block;

	float: right;

	height: 22px;

	margin-top: 80px;

	_position: relative;

	_left: 18px;

}



#menu li {

	display: block;

	float: left;

	font-size: 18px;

	margin-left: 13px;

	_width: 78px;

	_display: inline;

}



#menu a {

	display: block;

	height: 22px;

	color: #ffffff;

	text-decoration: none;

	line-height: 22px;

	font-weight: bold;

	padding: 0 0 0 3px;

	background-image: url(images/menu_bg.png);

	background-position: 999px 999px;

	background-repeat: no-repeat;

	/*border: 1px solid yellow;*/

	_background-image: url('images/menu_bg.gif');

}



#menu a span {

	/*width: 100%;*/

	height: 22px;

	display: block;

	position: relative;

	padding-right: 10px;

	background-image: url('images/menu_bg.png');

	background-position: 999px 999px;

	background-repeat: no-repeat;

	/*border: 1px solid red;*/

	position: relative;

	left: 8px;

	*cursor: pointer;

	*padding-right: 10px;

	_background-image: url('images/menu_bg.gif');

}



#menu a:hover {

	color: #333333;

	/*background-image: url('images/menu_bg.png');*/

	background-position: 0 0;

}



#menu a:hover span {

	/*background-image: url('images/menu_bg.png');*/

	background-position: bottom right;

}



/**************************************************************

						SEARCH FORM

**************************************************************/



#searchform {

	width: 250px;

	margin: 8px 0 0;

	float: left;

	position: relative;

	top: 15px;

	left: 530px;

}



#s {

	display: block;

	width: 194px;

	height: 17px;

	background-image: url(images/search_input.png);

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0;

	padding: 5px 10px;

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	font-size: 14px;

	line-height: 18px;

	color: #fdfcfc;

	float: left;

	margin: 0;

}



#searchsubmit {

	display: block;

	width: 27px;

	height: 27px;

	text-decoration: none;

	background-color: transparent;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/search_button.png');

	float: left;

	border: 0;

	margin: 0 0 0 4px;

}





/**************************************************************

							SLIDER

**************************************************************/



#featured {

	width: 524px;

	margin: 0 0 20px 20px;

	background-color: #f5f5f5;

	border: 1px solid #dcdcdc;

	padding: 13px;

}



.sectiontitle {

	display: block;

	width: 500px;

	font-size: 24px;

	letter-spacing: -1px;

	padding: 0 0 0 25px;

	margin: 0 0 10px;

	color: #900;

	background-image: url(images/title_bullet.png);

	background-repeat: no-repeat;

	background-position: 0 5px;

}



.pagetitle {

	display: block;

	width: 500px;

	font-size: 24px;

	letter-spacing: -1px;

	padding: 0 0 0 25px;

	margin: 0 0 10px;

	color: #333;

	background-image: url(images/title_bullet.png);

	background-repeat: no-repeat;

	background-position: 0 5px;

	position: relative;

	left: 20px;

}



#slider {

	display: block;

	width: 524px;

	height: 280px;

	overflow: hidden;

	margin: 0;

	position: relative;

	background-color: #000;

}



#slider img {

	margin: 0;

}



#sliderWrapper {

	width: 9999px;

	height: 280px;

	float: left;

	position: relative;

	display: block;

	margin: 0;

}



.sliderPostWrapper {

	width: 524px;

	height: 430px;

	float: left;

	position: relative;

	background-color: #000;

	display: table;

	text-align: left;

	_display: inline;

}



.sliderimg img {

	display: block;

	position: relative;

}
.slidercontent h3, .slidercontent h3 a { color: white; font-size: 20px !important; letter-spacing: -1px; text-decoration: none !important; border: 0 !important; font-weight: normal; }
.slidercontent h3 a:hover {

	text-decoration: none;

}
.slidercontent {

	width: 496px;

	height: 102px;

	position: relative;

	top: -110px;

	background-image: url(images/blackbg50.png);

	background-repeat: repeat;

	/*background-color: #000;*/

	display: block;

	padding: 14px;

	/*_width: 524px;

	_height: 130px;*/

}
.slidercontent p {

	color: #fff;

	font-size: 11px;

	margin: 5px 0;

}



#slideritems {

	width: 522px;

	margin: 8px 0 0 0;

	background-color: #f8f9fa;

	border: 1px solid #dcdcdc;

	padding-left: 2px;

}



.slideritem img {

	border: 0;

	margin: 8px 0 8px 8px;

}



.sliderfull {

	display: block;

	width: 110px;

	height: 23px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/full_article.png');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0;

	display: block;

	float: right;

	position: relative;

	top: -10px;

}





/**************************************************************

						    CONTENT

**************************************************************/



#content {

	width: 580px;

	display: block;

	float: left;

	padding: 0;

	text-align: left;

	margin: 0;

	_display: inline;

}



.title, .title a {

	color: #990000 !important;

	font-size: 20px;

	letter-spacing: -1px;

	margin-bottom: 8px;

	text-decoration: none !important;

	border: 0 !important;

	_position: relative;

	_cursor: pointer;

}



.title a:hover {

	color: #cc0000 !important;

}



#content a, #sidebar a {

	color: #c90;

	text-decoration: underline;

	_position: relative;

	_cursor: pointer;

}



#content a:hover, #sidebar a:hover { color: #c60; }



#content h4 { color: #515151 !important; font-size: 13px; font-weight: bold; display: block; margin-bottom: 13px; }



#content ol, #content ul, .widget ol, .widget ul {

	margin: 0 0 13px 13px;

}



#content li {

	list-style-type: disc;

	margin-bottom: 6px;

}



#content blockquote { color: #c60; font-size: 18px; font-style: italic; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }



#content blockquote p {

	line-height: 22px;

}
.metadata {

	margin-bottom: 5px;

	display: block;

}



.metadata, .metadata a {

	color: #333 !important;

}



.metadata a {

	border-bottom: 1px dashed #91c750;

	text-decoration: none !important;

	_position: relative;

	_cursor: pointer;

}



.metadata a:hover {

	color: #515151 !important;

}



.post, .page {

	width: 524px;

	margin: 0 0 8px 20px;

	background-color: #f5f5f5;

	border: 1px solid #dcdcdc;

	padding: 13px;

}



.readmore {

	display: block;

	width: 110px;

	height: 23px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/content_keepreading.png');

	float: right;

	border: 0 !important;

	_position: relative;

	_cursor: pointer;

}





#topics { color: #cacccd !important; width: 100%; height: 39px; display: block; line-height: 30px; text-align: left; font-size: 14px; margin-bottom: 18px; }



#topics p {

	float: left;

	font-weight: bold;

	position: relative;

	top: 7px;

	margin: 0 8px 0 25px;

	_margin-left: 10px;

}



#topics ul {

	list-style-type: none;

	float: left;

	position: relative;

	top: 3px;

}



#topics ul li {

	float: left;

	margin-right: 8px;

	_width: 25px;

}



#topics li.back {

	background-image: url(images/topics_bg.gif);

	background-position: bottom right;

	position: absolute;

	height: 25px;

	display: block;

	padding: 0 10px 0 4px;

	z-index: 8;

	/*border: 1px solid yellow;*/

	_cursor: pointer;

}

        

#topics li.back .left {

	background-image: url(images/topics_bg.gif);

	position: relative;

	width: 100%;

	height: 25px;

	display: block;

	/*border: 1px solid red;*/

	_cursor: pointer;

}



#topics li.back a {

	color: #cacccd !important;

	_cursor: pointer;

}



#topics a { color: #fff !important; text-decoration: none; height: 25px; display: block; padding: 0 4px; line-height: 26px; font-weight: bold; position: relative; left: 8px; z-index: 10; _cursor: pointer; _left: 10px; }



#topics a:hover { color: #ffcc33 !important; }



/**************************************************************

						    NAVIGATION

**************************************************************/



#navigation {

	width: 548px;

	margin-left: 20px;

	text-align: right;

}



#navigation ul {

	float: right;

	list-style-type: none;

	margin: 0;

	position: relative;

	left: 8px;

}



#navigation li {

	float: left;

	margin-right: 4px;

	list-style-type: none;

}



#navigation li a {

	display: block;

	background-color: #f5f5f5;

	background-image: none;

	border: 1px solid #dcdcdc;

	padding: 3px 4px;

	text-decoration: none;

	font-weight: bold;

}



.current_page {

	background-color: #dcdcdc !important;

	border: 1px solid #f5f5f5 !important;

	/*text-decoration: underline !important;*/

}



/**************************************************************

						   FEATURES

**************************************************************/



#features {

	width: 862px;

	background-color: #f5f5f5;

	border: 1px solid #dbdbdb;

	margin: 0 0 20px 20px;

	text-align: left;

	padding: 12px;

	_width: 850px;

	_margin: 0 0 20px 7px;

	*margin: 0 0 20px 7px;

}



#features_wrapper {

	width: 839px;

	background-color: #f8f9fa;

	border: 1px solid #dbdbdb;

	padding: 20px 0 10px 20px;

	_width: 837px;

}



.features_item {

	width: 255px;

	display: block;

	float: left;

	margin: 0 24px 0 0;

	position: relative;

	left: 4px;

	_margin: 0 21px 0 0;

}



.features_image {

	display: block;

}



.features_title {

	color: #990000;

	font-weight: bold;

	font-size: 14px;

	text-decoration: none;

	border: 0;

	display: block;

	margin: 4px 0 !important;

}



.features_title:hover {

	color: #cc0000;

	text-decoration: underline;

}



.features_item p {

	margin: 0 !important;

	line-height: 14px;

}



/**************************************************************

						    SIDEBAR

**************************************************************/



#sidebar {

	width: 328px;

	display: block;

	float: left;

	text-align: left;

	margin: 0 0 0 0;

	_display: inline;

}



.widget {

	margin-bottom: 8px !important;

	background-color: #699;

	list-style-type: none !important;

	border: solid 1px #ddd;

}



.widgettitle {

	display: block;

	width: 260px;

	font-size: 24px;

	letter-spacing: -1px;

	padding: 0 0 0 25px;

	margin: 0 0 8px 0;

	color: #333333;

	background-image: url('images/title_bullet.png');

	background-repeat: no-repeat;

	background-position: 0 6px;

	position: relative;

	top: 10px;

	left: 12px;

}



.widget_container {

	display: block;

	width: 314px;

	padding: 12px;

}



.widget_container a {

	color: #333 !important;

	border: 0 !important;

	text-decoration: none !important;

}



.widget_container a:hover {

	color: #666 !important;

}



.widget_container ul {

	margin: 0 !important;

	list-style-type: none;

	_margin-left: 15px;

}



.widget_container li {

	width: 300px;

	background-color: #f8fafb;

	border: 1px solid #e0e6ec;

	margin: 0 0 3px 0;

	padding: 4px 0 6px 0;

}



.widget_container li a {

	background-image: url('images/bullet.png');

	background-position: 6px 4px;

	background-repeat: no-repeat;

	padding-left: 15px;

	_padding-left: 0;

	text-decoration: none !important;

	border: 0 !important;

}



.widgetpost_image {

	float: left;

	position: relative;

	top: -4px;

}



.widgetpost_content {

	display: block;

	width: 200px;

	float: left;

}



.widgetpostlist {

	margin: 0 !important;

}



.widgetpost {

	padding: 0 !important;

	margin: 0 0 4px 0 !important;

	list-style-type: none !important;

	background: none !important;

	border: none !important;

}



.widgetpost a { color: #333; font-weight: bold; text-decoration: none !important; margin: 0; padding: 0 !important; background-image: none !important; border: 0 !important; }



.widgetpost p {

	margin: 3px 0 0 0 !important;

}



/**************************************************************

							FOOTER

**************************************************************/



#footer {

	width: 100%;

	height: 42px;

	display: block;

	margin: 0;

	background-image: url('images/footer_bg.png');

	background-repeat: repeat-x;

	color: #8f8f8f;

	_width: 945px;

	margin: 0 auto;

	_height: 22px;

}



#footer p {

	height: 42px;

	color: #8f8f8f;

	font-weight: bold;

	font-size: 10px;

	margin: 0 0 0 22px;

	line-height: 42px;

	float: left;

	_margin: 0 0 0 15px;

}



#footer ul {

	height: 42px;

	list-style-type: none;

	float: right;

	margin-right: 50px;

	_margin-right: 15px;

}



#footer ul li {

	float: left;

	color: #505050;

	font-weight: bold;

	font-size: 12px;

	height: 42px;

}



#footer ul li a {

	color: #505050;

	font-weight: bold;

	font-size: 12px;

	text-decoration: none;

	line-height: 42px;

	position: relative;

}



#footer ul li a:hover {

	text-decoration: underline;

}



/**************************************************************

							COMMENTS

**************************************************************/



#comments {

	width: 524px;

	margin: 0 0 8px 20px;

	background-color: #fdfdfd;

	border: 1px solid #dcdcdc;

	padding: 13px;

}



#comments_list {

	margin: 8px 0 0 0 !important;

	list-style-type: none !important;

}



#comments_list li {

	list-style-type: none !important;

}



.comment {

	margin-bottom: 10px;

}



.avatar {

	float: left;

	border: 3px solid #fff;

}



.comment_entry {

	width: 460px;

	float: left;

	display: block;

	margin-left: 8px;

	padding: 0;

	_margin: 0 0 -30px 8px;

}



.comment_text {

	width: 460px;

	display: block;

	/*padding: 10px;*/

	font-weight: normal;

	z-index: 1;

}



.comment_meta {

	font-size: 13px;

	font-weight: bold;

	display: block;

	margin-bottom: 5px;

}



#comments cite {

	color: #535353;

	font-family: "Helvetica", "Verdana", "Arial", "Sans-Serif";

	font-weight: bold;

	float: none;

	display: inline;

	font-size: 12px;

}



#comments cite, #comments cite a {

	color: #535353;

	font-style: normal;

}



.comment-reply-link {

	font-size: 10px;

	text-decoration: none !important;

}





#comments cite a:hover {

	text-decoration: underline;

}



.commentsbottom {

	margin-bottom: 20px;

}



.children {

	list-style-type: none;

}



.children li {

	background-image: none !important;

	margin: 10px 0 0 40px;

}



.children .comment_entry {

	width: 410px !important;

}



.children .comment_text {

	width: 410px !important;

}



/* Reply */



#reply {

	width: 524px;

	margin: 0 0 8px 20px;

	background-color: #f1f4f7;

	border: 1px Solid #dcdcdc;

	padding: 13px;

}



.inputtext { 

	display: block;

	width: 244px;

	height: 20px;

	background-image: url('images/input_text.jpg');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0 !important;

	padding: 6px 0 0 3px;

	font-family: "Helvetica", "Arial", "Verdana", "Sans-Serif";

	font-size: 14px;

	font-weight: bold;

	line-height: 23px;

	color: #b6c0ce;

	_position: relative;

	_left: -20px;

}



.inputarea { 

	display: block;

	width: 241px;

	height: 139px;

	background-image: url('images/input_textarea.jpg');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0 !important;

	padding: 6px 0 0 3px;

	font-family: "Helvetica", "Arial", "Verdana", "Sans-Serif";

	font-size: 14px;

	line-height: 23px;

	color: #b6c0ce;

	font-weight: bold;

	overflow: auto;

	word-break: inherit;

	position: relative;

	*left: -30px;

}



.comments_userdata {

	display: block;

	width: 250px;

	float: left;

	margin: 0;

	_display: inline;

	_position: relative;

	_left: 20px;

}



.comments_userdata input {

	margin: 0 0 21px 0;

}



.comments_message {

	display: block;

	width: 250px;

	float: left;

	margin-left: 20px;

	_display: inline;

	_position: relative;

	_left: 20px;

}



#respond label {

	color: #848380;

	font-weight: bold;

	_position: relative;

	_left: -20px;

}



#respond #submit {

	display: block;

	width: 110px;

	height: 23px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/comment_button.png');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0;

	display: block;

	float: right;

	margin: 15px 8px 0 0;

}



#respond p {

	margin: 0 0 10px 20px;

}



#respond a {

	color: #94c0cb !important;

	border: 0 !important;

}



#respond a:hover {

	color: #fff;

}



#reply a {

	text-decoration: none !important;

}



#cancel-comment-reply {

	margin: 5px 13px 0 0;

	float: right;

}



/**************************************************************

							STYLING

**************************************************************/



.alignleft {

	float: left;

	margin: 3px 10px 6px 0;

	_display: inline;

}



.withborder {

	border: 3px solid #fff;

}



.alignright {

	float: right;

	margin: 3px 0 6px 10px;

	_display: inline;

}



.aligncenter {

	display: block;

	text-align: center;

	margin: 0 auto 5px auto;

}



.icon {

	margin: 0 5px 0 0;

	position: relative;

	top: 4px;

}



/**************************************************************

							HELPERS

**************************************************************/



.warning {

	color: #cc3333 !important;

}



.success {

	color: #99cc33 !important;

}



.clearer {

	width: 1px;

	height: 1px;

	clear: both;

	visibility: hidden !important;

	margin: 0;

	border: 0;

	padding: 0;

}